Checkout Page

The checkout page is the final step in the purchasing process, where customers enter their payment details and complete their order. It's an important part of your store experience, as it can help improve conversions.

In this article, we will walk you through all the customization options for different product types and show you how to update your checkout page.

• For Digital and Physical Products
• For Courses, Memberships, and Coaching Products
• Frequently Asked Questions

For Digital and Physical Products

To customize the checkout page for digital or physical products, follow the steps below:

1. Go to your Product or Sales Page
2. Click the Buy Now button
3. Click the blue gear icon
4. This will open the Customize Page menu

Available Customization Options

From the Customize Page menu, you can do the following:

• Show or hide your logo
  • Upload a logo 
  • Change logo size
  • Change logo position
• Upload a banner background image
  • Change banner background position 
  • Change banner background size 
  • Change background opacity 
  • Banner background repeat setting
• Change banner background color
• Change the "Buy Now" button background color

You can use Custom CSS for more advanced customizations:

To change your text logo color:

.logo-text a {color: #ffffff !important; /* Change to your desired font color *}

To change font and background colors:

body { 
background-color: #CEFF03; /* Change to your desired background color */
color:#000000; /* Change to your desired font color */
} 
.split-view .split-view-secondary { 
background-color: #000000; /* Change to your desired background color */
color:#ffffff; /* Change to your desired font color */
}

To upload background images:

body {
  background-image: url("IMAGE URL GOES HERE");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.split-view .split-view-secondary {
  background-image: url("IMAGE URL GOES HERE");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

If you click Discard Changes, all customizations will be removed immediately. This action cannot be undone, so only use this option if you’re 100% sure you want to revert your changes.

For Courses, Memberships, and Coaching Products

To customize the checkout page for these product types, follow the steps below:

1. Go to your Product Dashboard
2. Click Manage to edit the product
3. Navigate to the Pages tab
4. Find the Checkout Page and click Edit
5. Click the green gear icon
6. This will open the Customize Page menu

Available Customization Options

Frequently Asked Questions