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 over a week ago

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:

  1. Sales page

  2. Checkout

  3. 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.

Note: 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, contact information, a testimonial and discount codes.

To get started, click on any of the blocks, like the Edit contact block in the below screenshot example.

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

  • Product

  • Upsell

  • Contact

  • Testimonial

  • Discounts

  • Advanced

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

Under the Product tab, 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. All Checkout product images are standardized to display with a 1:1 square ratio.

Upsell tab

Do you have an upsell? Perfect!

Note: if you don't have an upsell yet, you can toggle off that block under the Page settings.

Contact tab

The Contact 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. Plus, you can allow customers to sign up for your email list.

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.

Advanced tab

You can customize your Checkout's link under the Advanced tab. Or you can set your Flodesk handle for this page.

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 logo placeholder and select your logo.

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. Click on the background of the page, outside of the blocks, somewhere under the desktop / mobile preview icons, and you will see the Page settings tab on the right side.


  3. To turn on any element on 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! 🙌

Summary

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:

Did this answer your question?