Help center

Learn how to sell online with Checkout Page

How to use Checkout Page: A Step-by-step guide

How to use Checkout Page: A Step-by-step guide

This help article provides step-by-step instructions on how to get started with Checkout Page, which is a platform that allows you to create unique and single-page checkouts for your products, services, and events.

Checkout Page is a one page checkout that you can add to any website, making selling online easy.

In this guide, you will learn everything from creating an account and connecting with Stripe to managing customers and integrating with third-party marketing tools using Zapier.

It will also explain how to use custom fields and add digital downloads and product variants to your checkout. 

Let's get started!

Step 1: Create an account

Creating your new Checkout Page account takes just a couple of minutes. 

During your sign-up steps, we’ll ask you for the following information:

  • First name
  • Email address
  • Business name
  • Website URL
  • Default currency

Next, you can add your logo and set your brand color. 

Your brand color will be used as a highlight color on your checkouts, customer emails and portal. 

All of this will be shown on your one page checkout.

Step 2: Connect Checkout Page with your Stripe account

Checkout Page uses Stripe for secure and encrypted payment processing. 

Whilst you’re free to explore Checkout Page, you will first need to connect Checkout Page with your Stripe account to accept payments. 

Here's how to do it:

  1. Click Connect with Stripe
  2. Enter the Email address and Password associated with your Stripe account
  3. If you are using two-factor authentication, enter your Verification code

After completing these steps, you will be redirected to Checkout Page to continue.

Please note that if you have another platform already connected to your Stripe account, you will be asked to create a sub-account. 

Step 3: Create your first checkout 

With Checkout Page, you create a new checkout for each of your products, services or events. 

Straightforward -- it is a one page checkout, and you can customize every detail.

You can create as many checkouts as you need. 

Create a checkout

  1. Click Create checkout
  2. Add your Product name
  3. Select the pricing that works best for you:
  • One time
  • Subscription
  • Payment plan
  • Pay what you want
  • Lead capture

image-e49a.png 4. Click Create checkout

Product

  1. Edit your product information and pricing:
  • One time
  • Subscription
  • Payment plan
  • Pay what you want
  • Lead capture

image-2a7d.png 2. Check the box if you'd like to: 

  • Add discounted from price

image-7e7e.png

  • Charge a setup fee

image-9503.png

  • Offer a free trial

image-feb0.png

  • Select price from Stripe

image-4f43.png 3. Add product Variants 4. Upload digital Downloads

Variants

Extend your checkout by offering product variations or upsells. 

image-81e6.png

Downloads

Sell digital products that your customers can download after successful checkout from our customer portal.  

image-cdfd.png

Learn more about creating checkouts here

Fields

In this step, you can:

  • Add custom fields to your checkout
  • Allow discount codes on your checkout
  • Add a quantity selector (by adding a custom field)

image-e1a5.png

Learn more about fields here

Design

In this section, you can design the way your checkout looks and edit or manually translate label text.

image-9ac7.png

Learn more about designing your checkout here

After payment

Here you can decide what your customer sees after a successful checkout. 

  • Checkout confirmation and redirect
  • Email confirmation

image-2631.png

Learn more about the after-payment steps here

Settings

You can access a number of settings that allow you to fine-tune your checkout. 

image-9e7b.png

Step 4: Make a test payment

Before adding your new checkout to your site, we recommend that you make a test payment to check that everything is working as expected. 

  1. Open your dashboard and click on your checkout
  2. Click Test payment on the top right 

image-2d5f.png 3. Paste the test card details on the left into your card field to simulate a payment 4. Return to the dashboard and click on Payments next to your checkout to view your test payment

image-b7ba.png 5. Check your email to view your test confirmation email 

Learn more about test payments here

Step 5: Add your checkout to your landing page

You can add your checkouts to any number of landing pages across multiple domains. 
There are three ways for you to add your checkout:

  • Add a checkout pop-up
  • Embed a responsive checkout
  • Link to your checkout page through a Buy button

Here's how to do it:

  1. Click on any checkout from your dashboard and then Add to site

image-2d81.png 2. Share your Payment link with your customers or opt for a Pop up, Buy button, Embed, or QR code

image-be5c.png 3. Follow the instructions under each section

Learn how to add checkouts to your site here

Step 6: Create a coupon

You can create coupon codes to offer discounts to your customers. 

  1. Open your dashboard and go to Coupons
  2. Click Create coupon

image-8062.png 3. Create a Label and Code for your coupon

image-c815.png

image-0ac1.png 4. Choose between Fixed amount and Percentage and enter the Amount off you wish to offer

image-03e5.png 5. Adjust your Coupon duration and Redemption limits

image-04a3.png

image-2f8c.png 6. Click Create coupon 

Make sure that you’ve checked Allow discount codes on checkout under the Fields section of your checkout so that your customers can use the coupon. 

Learn more about coupons here

Step 7: Manage your customers and payments

After accepting payments, it is easy to manage your customer and payment information. 

Customers

This is a historical list of your customers. 

Clicking a customer will show a list of their payments and subscriptions. 

Payments

Here you can see a historical list of your payments.

Clicking a payment or subscription will show a detailed summary page.  

Learn more about the customer portal here

Step 8: Integrate Checkout Page with your marketing tools using Zapier

This way you can easily send your customer and payment information to any third-party marketing tools using Zapier. 

For example, create a new customer in your CRM after accepting payment. 

Please note that you will need a Checkout Page Premium account to use our Zapier integration. 

Learn more about integrations here

Conclusion 

Thank you for taking the time to read this article on how to get started with Checkout Page. We hope it has provided you with helpful guidance on how to create one page checkouts for your products, services, and events.


Have a question about
Checkout Page?