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

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:

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

Click here for more detailed instructions on how to connect with Stripe

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 page

With Checkout Page, you create a new checkout page 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 or forms as you need.

Create a checkout page

Click Create page and choose between a checkout and a form. In this scenario, let's choose a checkout

2. Add your Product name

3. Choose your Pricing

4. Select your page layout

5. Click Create checkout

Product

You will then be taken to the edit view of your page, where you can make any changes and additions that you'd like.

Billing model and pricing

You edit your product Billing model and Pricing here:

2. Additional pricing features

If you'd like to show your customers that they are getting a great deal, you can input the Discounted from price.

The Discounted from price on the page will have a strike-through, revealing the current price.

You can also charge a Setup fee by clicking the Setup fee box, and inputting a fee. The fee will appear on the page underneath the product's price.

You can offer a free Trial (for subscriptions and payment plans) to let your customers get familiar with your service.

You can set the trial length in days and the price of the trial.

The price breakdown will appear beneath your page's title.

If you already have subscriptions in your Stripe account, you can bring one into your page by enabling Use Stripe price, and then selecting the subscription that you'd like your page to be.

3. Product Variants

Add product Variants to extend your checkout by offering product variations, add-ons, or order bumps.

Learn more about product variants here

4. Digital Files

Upload digital downloads through Files to sell digital products that your customers can download after successful checkout from our customer portal.

Learn more about digital downloads here

Click here for more detailed information on how to create checkouts

Checkout

In this step, you can:

Add custom fields to your checkout

Learn more about fields here

Allow Discount codes on your checkout

See this step-by-step guide on creating discount codes

Choose your Payment methods

Learn more about customizing your payment methods here

Set any Limits on subscription pages to prevent duplicate subscriptions on Stripe

Design

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

You can change the Layout, Colors, use different Elements like logos and badges, add Custom CSS and Custom labels.

Learn more about designing your checkout here

After payment

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

Settings

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

Tracking pixels
Dynamic price and product information
URL slug
Google index to index your checkout page on Google search
Redirect page to make sure your old URL redirects to your new checkout

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.

Open your dashboard and click on your checkout
Click Test payments on the top right
Paste the test card details on the left into your card field to simulate a payment
Return to the dashboard and click on Payments next to your checkout to view your test payment
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:

Click on any checkout from your dashboard and then Share & embed

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

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.

Open your dashboard and go to Coupons
Click Create coupon

3. Fill in your coupon details

4. Click Create coupon

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

Click here for a detailed guide on creating a discount code

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 & Webhooks

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

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 & Webhook integrations.

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.

Help center