freedesk
WebsiteStart Free TrialAPI DocumentationLog in
  • Welcome
  • Platform
    • Website Builder
      • Dashboard overview
      • How to use your file manager
      • Language and time zone settings
      • Connect Your Domain URL
      • Privacy
      • Customer data
      • Favicon and social share image
      • Font styling
      • Add new page
      • Add new blocks
      • Pop Ups
    • Widgets
      • Button widget
      • Container widget
      • Image widget
      • Progress bar widget
      • Accordion
      • Forms widget
      • Quizzes & Surveys
      • Checkout
      • Store
      • Donation
      • Gallery
      • Slider
      • Social media
      • Audio
      • Blog
      • Countdown
      • Code
      • Map Widget
      • Embed Widget
    • Funnels
      • Getting started
      • Funnel orientation
      • Additional Settings
      • A/B Split Testing
      • Create store product
      • Upsell & Downsell
    • CRM
      • Importing contacts
      • Exporting contacts
      • Add Contacts Manually
      • Contact Profiles
      • Properties
      • CRM Tags
      • Create a Membership Group
      • Membership (Secured) content
    • Ecommerce
      • Store Front Orientation
      • Creating Store Products
      • Connect your payment processor
      • Importing products
      • Shipping options
      • Sales taxes
      • Applying discount
      • Product categories
      • Tracking Links
      • Managing Orders
      • Abandoned Cart
    • Messaging & Workflows
      • Email Campaigns
      • Automation Overview
      • Email Lists
      • Email Account Review
      • Individual Email Sending
      • Email Domain Connection
      • SMS & WhatsApp
      • Why SMS Marketing is Effective
    • System Emails
      • System email templates
        • Appointment reminder
        • Double opt in confirmation
        • Download digital goods
        • Member registration approved
        • Password recovery
        • New appointment
        • Order shipped
        • New order
        • Order cancelled
        • Order completed
        • Subscription failed to renew
        • Community Mention
        • Replied to You
    • AI Writing Assistant
    • Booking & Appointments
      • Creating booking
    • Facebook CAPI
  • Community LMS
    • Create a Community
      • Community Settings
      • Community Dashboard
      • Community Moderation
      • Assign Community Roles
  • Circles
    • Circle Settings
    • Circle Settings & Styling
    • Editing Your Circle
    • Add a New Page/Group
    • Analytics & Engagement
  • Access Levels
  • Content Availability
  • Community Widgets
    • Circle
    • Circles
    • Comment Area
    • Discussion
    • Reviews
    • Wall/Forum
  • Community Notifications
  • Video
    • Getting Started
      • Video Manager
      • Single Video
      • Playlist
  • Video Automation
  • Blog
    • Starting a Blog
    • Getting Started
      • Blog Header and Sidebar Settings
      • Blog Settings
      • Article Basics
      • Article Content
    • Article Settings
      • Blog Article Tags
      • Blog Article Categories
      • Blog Article URL
      • Blog Article Author
      • Blog Article Post Date
      • Blog Article Comments
  • FUNNEL DESIGNS
    • Types of Funnels
      • Lead Generation
      • Webinar
      • Hero
      • Onboarding
      • Appointment Booking
      • Opt in
      • Online course funnel
      • Membership funnel
      • Summit funnel
      • Digital download funnel
  • INTERNAL INTEGRATIONS
    • Email
      • Email Integrations
      • Connect custom email
    • Twilio
      • Create an account
  • EXTERNAL INTEGRATIONS
    • Make
    • Zapier
  • OTHER
    • Roadmap
    • FAQ's
    • Bug Fixes
Powered by GitBook
On this page
  • Add your product
  • Selecting products
  • Adding bump offers
  • Checkout Styling
  • Checkout Settings

Was this helpful?

  1. Platform
  2. Widgets

Checkout

PreviousQuizzes & SurveysNextStore

Last updated 5 days ago

Was this helpful?

The checkout widget makes it simple to place your checkout process anywhere, including website pages, funnels, and blog posts.

How to Add the Checkout Widget:

  • Locate the Checkout Widget – Open the Widgets panel in your editor.

  • Drag & Drop – Place it anywhere on your page or inside a block.

  • Seamless Integration – Ensure a smooth checkout experience for customers in one click.

This helps streamline purchases, making your checkout accessible across multiple touchpoints!

Add your product

Once you have your checkout on the page, the next step is to select the products tab as highlighted below in step 1

  1. Select the product tab

  2. Adding bump offers to increase cart value

  3. Select the product or products you want to add to the checkout.

  4. Here you have 2 options. Product select or cart checkout. Product select means the product or products you want to add to that specific checkout widget. Cart checkout means: If you have a previous page where users can add products to a cart and you want them to go to another page after adding items to their cart, for example in funnels this is a great option.

  5. Allowing users to select products if you are displaying more than one.

Selecting products

In the example below we have selected 2 store items we want to display in this checkout widget. You can modify the visual elements later on to.

Adding bump offers

Adding bump offers can increase your overall cart revenue by displaying store items you would like to try and sell additionally to the user.

To add a bump offer, simply select the store item you want to add, and apply the settings to how you want the bump offer to display. In this example we are showing the bump offer in the checkout flow, alternatively you can move it to below the order summary.

As you can see it can be a seamless way to increase your store revenue.

Checkout Styling

With the checkout styling you have endless options to design the perfect checkout that suits your brand. But let's look at the important parts.

  • Checkout style

  • Checkout step process

Checkout style: Currently there are 3 checkout style options to chose from as highlight in the image above.

Checkout step process: The checkout step process enables you to select from one, two or even a three step checkout process.

Example:

Checkout Settings

The checkout settings tab enables you to manage the more technical section where you can:

  • Direct people who purchase to any page

  • Enable discounts

  • Customer registrations

  • Optional address input

  • Adding customers to your email lists and adding tags for segmentation.

Thank you page: When the customer purchases the store item on the checkout, where do you want to send them. You can send them to a custom thank you page, any page in your website, any funnel step or even to an external URL like a facebook group etc.

Allow discounts: If you have set up discounts within your store settings and you want to allow discounts on the selected items in your checkout then you can. This is totally optional.

Enable customer registrations: Basically it will create a member so when they purchase again they can simply log in and their details will be auto populated in the checkout. Helping to speed up return purchases.

Asking for the customers address: Again this is an optional feature. It helps reduce the user input when purchasing products that do not require a physical address. For example if you are selling digital products then you may not require an address from the customer.

Connect to email marketing: Once the customer has purchased you can add them to your email list, or if you an outside provider for example MailChimp, then you can add them to your preferred MailChimp list.

Tag customer on new order: This is great if you want to track purchases using tags. This helps segment your customers for later promotions or you can use tags within the automations to filter customers through further on email campaigns and more.

1 Step checkout: As shown above, includes all the customer input information and payment details all in one place. Whereas a two step checkout process will have the user input info on one step then the next step would be the payment step. Great for scenarios. A three step checkout process will break it down further, normally name and email in the first step, delivery info on step two then the third step would be the payment section

abandoned cart