How to Customize your School's Payment Page

The Payment Page is a central part of your school’s purchasing experience. It’s where learners enter their billing details and confirm their enrollment.

Depending on how you’ve set up your checkout flow, the Payment Page is used in specific scenarios:

• When the Shopping Cart is disabled.
• When purchasing subscriptions that are not compatible with the Shopping Cart.

This article will guide you through how to edit the Payment Page to match your branding and sales strategy, as well as explain how it fits into your school’s broader checkout experience.

When Is the Payment Page Used?

The Payment Page is used in the following cases:

• The Shopping Cart is disabled, and the user clicks “Buy” or “Enroll” to purchase a product.
• The product is a subscription, which is always processed via the Payment Page.

When the Shopping Cart is enabled, clicking “Buy” or “Enroll” takes users to the Cart Page (/cart) instead.

Customize Your Payment Page

To edit the Payment Page:

1. Go to Website → Design → Edit Website.
2. Open the Pages Manager or use the dropdown to find the Payment Page

Edit the Payment page and add a different section from various ready-made templates and layouts. You can also edit the elements of the payment section, and within the Payment section, drag and drop the different components, alter the columns' background colors, and add Widgets (e.g., the Animations widget).

Site navigation - Logged-out users

In your Site Navigation, specify whether logged-out users can access the payment section and navigate to the payment page. This is useful for letting new learners buy and register at once.

To enable this, click on Website → Navigation and choose the Logged out users will be able to visit the payment page. You can find out more in our respective article.

Edit Payment Section

Click on the Edit Payment section and specify the following:

• Coupon Selection

If you have created a coupon that applies to all of your courses and bundles, you can select this for the payment page (so the users will not need to enter the coupon code manually).

• Payment Components

Choose to show/hide the Product Details, Sign in/up form, and Billing details components. 

• Add tags

Choose whether you wish to tag users. 

• Show custom Sign up fields

Choose whether you wish to show all the custom sign-up fields. 

Note: This only applies if custom  signup fields have been activated.

• Product Details Appearance

Choose whether you wish to show the Product's image and prices, courses, and the number of courses included.

Note: Show or hide the titles and numbers of the products included if the product is a bundle or a subscription.

• Payment Method Appearance

Choose whether you wish to show/hide the Coupons component and the price on the Buy buttons. 

• Error messages color

Change the color of the error message.

Find additional information on how to create 1-click Sales Funnels/additional Payment pages here.

If your users have already purchased this product, they will see the following message:

Apply a Coupon Code directly to the Payment Page

You can create a coupon offer and configure your course catalog so that it’s automatically applied when a learner clicks on a product. To accomplish this, follow these steps:

1. Create the coupon and set it to apply to All courses/learning programs.

2. Add a Course Catalogue section to any page of your school.

3. Click on Edit Course Cards.

4. Set up the When clicked action: Not Enrolled →  Checkout → Select coupon.

5. Click Save.

Once a user clicks a course card, they’ll be taken to the Payment Page with the coupon already applied.  Learn how to create auto-applied coupon links in this article.

Payment Page vs. Shopping Cart

If you want to use the Cart flow, avoid placing Payment Sections on product pages. The presence of a Payment Section will typically guide users to that direct checkout path instead.