All Collections
Checkout
What is Flodesk Checkout and how do I use it?
What is Flodesk Checkout and how do I use it?

Learn everything you need to know about Flodesk Checkout

Petra Molnar avatar
Written by Petra Molnar
Updated this week

Flodesk Checkout is the easiest way to sell online. You don’t need a website or complicated setup with separate tools.

Whether you’re launching a course, selling digital products or offering services, you’ve come to the right place. This page includes step-by-step instructions on getting started and creating your first Flodesk Checkout.

What you’ll accomplish

  1. Build your sales page

  2. Build your checkout page

  3. Build your delivery page

  4. Publish your Flodesk Checkout

  5. Connect with Stripe

Let’s dive in.

How to build your sales page

The most important part of your sales funnel? The sales page.

This is what you will be sharing online with your potential clients and customers.

To start building your sales page, go to your dashboard and click Checkouts (next to the Audience tab).

Pick a Template

One the next page, you’ll see template options—you can browse all or view them by category:

  • Digital product

  • Education

  • Service

Hover over any template and click View details to view the template in its entirety.

If you want to use the selected template, click the Customize button. If you want to view other templates, click Back to templates.

Once you click Customize, you can begin editing your template to your heart's desire. Update the copy text and upload your beautiful branded images.

Customize your Sales page

All the Templates have three main sections: Sales page, Checkout, Delivery.

Let's start with editing the Sales page first.

Click on any image, text or CTA block to edit the font, color, size, image and more. You can also add or delete blocks, images, CTAs and text.

We know how important it is that your Sales page looks amazing on mobile devices too. To view how your page looks on mobile or desktop, click the mobile or desktop icons in the top right corner.

When you’re happy with the look and feel of your sales page, click the second tab at the top of the page, the Checkout tab.


Hint: if you change your mind and want to continue editing the Sales page, you can go back at any time.


How to build your Checkout page

Your checkout page is where customers will input their information and credit card (and how you get paid!), but it’s also where you can add an upsell, your contact information, a testimonial and discount codes.

To get started, click on any block to edit the information, turn certain elements on and off and update images.

Once you click into a block, a pop-up screen will appear for you to edit. You’ll see five tabs:

  • Product

  • Upsell

  • Contact

  • Testimonial

  • Discounts

In our example, if you click on the Contact information block, the pop-up will automatically open to the Contact tab similarly to the below image.

Let's get review these sections and what they let you do.

Product tab

Here, you can adjust the price, mark it as “On sale,” make it free and add your image. For example, if you’re selling an ebook, you can upload the ebook cover as the image here.

Upsell tab

Do you have an upsell? Perfect!


Hint: if you don't have an upsell yet, you can toggle off that block as explained here.


Contact tab

This tab lets you collect your customers’ information, including their first and last name and email address.

Also, this is where you can define to which segment customers who purchase your product (or service) should be added.

Testimonial tab

The best way to illustrate the value of your offer is to show how others found it. If you want to showcase a great testimonial someone left for you, this is the place to do it!

Discounts tab

Who doesn't like a discount every now and then? Give your customers a great deal by adding one or multiple discount codes.

Once you built your checkout page, all is left to customize how customers will receive the product(s). You will set this up on the delivery page.

Build your Delivery page

To begin designing your delivery page, click on the Delivery tab at the top of the page.

To add your logo, click into the top block with the image placeholder and select your logo.

Note: We’ve optimized the checkout page for conversion, taking into consideration the devices, call to action placements and more, so there’s currently no way to make the logo bigger.

Click on any block to edit the image, text, colors and CTA. You can also remove any of the block elements.

How do I delete page elements from the sales, checkout and delivery pages?

Do you want to delete blocks from any or all of the pages? We’ll walk you through how to do it.

If you want to delete blocks from the Sales page, you can click into any individual block and click the trash can icon as shown below.

You can also rearrange the blocks on the page by clicking on the up and down arrows.

For the Checkout and Delivery pages, do the following:

  1. Navigate to the page you want to remove elements from first. Do this by clicking on either the Checkout or Delivery tab.

  2. Hover and click on the background of the page. You must click outside of the blocks. You’ll see a blue box with EDIT PAGE text in the top right corner.


  3. When you click on the background, a tab will appear on the right side.


  4. To turn on any element of the page, toggle the slider to the the right. To turn off any element, toggle the slider to the left. For example, if you don’t want an upsell, all you have to do is toggle the slider next to Upsell to the left.

Publish your Flodesk Checkout

To view any of your pages on desktop or mobile, simply click on the respective icons in the top right corner of the page.

To exit either view, click on the Back arrow.

Once you’re happy with your pages, hit the Publish button in the top right corner.

A pop-up will appear directing you to connect with Stripe to accept payments.

Note that you’ll have to click Publish again after Stripe verifies your information.

Connect with Stripe

Click the Connect with Stripe button to get started. You will be directed to Stripe’s setup page where you can add in your credentials.

After you complete your Stripe verification, you’ll be redirected to Flodesk Checkout. Click the black Publish button to make your page live and start sharing your Sales page URL.

Congratulations! You’ve just created your first checkout! 🙌

Let's sum it up

Whether you’re launching a course, selling digital products or offering services, Flodesk Checkout helps you build mobile-responsive sales, checkout and delivery pages.

Select a Template from the gallery and customize it based on your needs. Once you're ready, hit publish and start making money online!

More to learn:


If you need technical assistance, please submit a support ticket via email at support[at]flodesk.com mentioning your Flodesk account login email with a detailed description of your problem.



Do you have an idea for a feature that will help improve Flodesk for you and other members? Our Product team would love to hear from you.

Did this answer your question?