Enable Checkout Extensions on Your Store Using the CheckoutX Module

Introduction

CheckoutX is an advanced module designed to optimize your Shopify store’s checkout and post-purchase experience.

Checkout Extensions in AiTrillion allow you to enhance the pre-purchase experience on your Shopify store. With tools like the following:

Loyalty Point Redeem Extensions: This extension allows customers to use available loyalty discounts and redeem their accumulated loyalty points directly at checkout, enhancing their shopping experience and promoting repeat purchases.
Loyalty Point Earning Bar: Display a message bar during checkout, informing customers of the points they'll earn with their purchase, motivating them to complete the transaction and engaging more with your loyalty program.
Free Shipping Motivation Bar: Show the progress bar to customers to show them how much more they need to spend to qualify for free shipping, encouraging them to add more items to their cart to reach the threshold, thereby increasing the average order value.

Note: The Checkout Extensions are only available for Shopify plus

Note: Ensure the Loyalty Rewards module and the Make a purchase activity are enabled before activating the Checkout Extensions. The steps are shown in the next section.

Before You Begin: Enable the Loyalty Rewards Module and the Make a purchase Activity
The Loyalty point earning bar and the Loyalty point redeem extension both use your loyalty program. Before you activate them, make sure the Loyalty Rewards module is enabled, and that the Make a purchase activity is turned on so customers earn points for their orders. Without the Make a purchase activity, the earning bar has no points to show at checkout.

A. Enable the Loyalty Rewards module
Step 1: In the AiTrillion admin panel, go to Loyalty rewards >> Dashboard in the left-hand menu.

Step 2: At the top right of the Loyalty rewards dashboard, turn on the Enable toggle. When the toggle is blue, the Loyalty Rewards module is active on your store.

Note: If the toggle is grey, the module is turned off. Loyalty points will not be earned or shown on your store until you enable it.

B. Enable the Make a purchase activity
Step 3: In the left-hand menu, go to Loyalty rewards >> Set up program >> Earn points.

Step 4: On the Make your customer earn points page, under Online store, find Make a purchase and turn on its toggle. When the toggle is blue, the activity is enabled.

Note: Click the edit (pencil) icon next to the toggle to change the reward for Make a purchase — for example, how many points customers earn for each amount they spend.

The Loyalty Rewards module and the Make a purchase activity are now enabled.

Note: Ensure the Loyalty Rewards module is enabled before activating the Checkout Extensions.

Here are the steps to Enable Checkout Extensions on Your Store -:

Step 1: Go to CheckoutX >> Dashboard

Note: Do make sure that you have enabled the module.

Step 2: There are three extensions available at checkout that you can enable. Simply click the Activate button for the one you wish to activate. The available extensions are:

Loyalty point earning bar
Loyalty point redeem
Free shipping motivation bar

Step 3: Toggle the button to enable the Extensions you wish to activate.

To Enable the Checkout page extensions at the front store, check the following points -:
1.) Loyalty point earning bar

Note: Ensure that the Loyalty Rewards module and the Make a purchase activity are enabled. See Before You Begin: Enable the Loyalty Rewards Module and the Make a purchase Activity above.

Step 1: Go to Shopify admin >> Online store >> Customize >> Checkout and Customer account >> Apps >> Loyalty points earning bar >> Checkout >> Click on Save

Step 2: Edit the message bar and click on Save

Now, you will get the earn rewards bar at Checkout page

2.) Loyalty Point Redeem

Note: Ensure that Cart Extension is enabled. To enable the cart Extension - Click here

Step 1: Go to Shopify admin >> Online store >> Customize >> Click on Checkout and Customer account >> Click on Apps >> Loyalty point redeem

Step 2: Change the language according to your requirement and click on Save

Now, Customers can redeem the Loyalty points at checkout page

3.) Free Shipping bar

Step 1: Go to Shopify admin >> Online store >> Customize >> Checkout and customer account >> Apps >> Free shipping bar

Step 2: Change the settings according to your need and click on Save

1. Free Shipping Message

This message appears at the top of the progress bar.
You can use {{amount}} as a placeholder to dynamically show the free shipping threshold.
Example:
Free Shipping ${{amount}} on all orders over

2. Free Shipping Amount

Set the threshold amount a customer must reach to qualify for free shipping.
The default value is 2000 (this can be changed as needed).
Example:
2000

3. "You Are Only X Away" Message

This message appears below the progress bar when the customer hasn’t reached the threshold.
Use {{amount}} to dynamically show the remaining amount required to unlock free shipping.
Example:
You are only ${{amount}} away from FREE SHIPPING!

4. Minimum Percent to Show Bar

Defines the minimum progress (as a percentage) required for the bar to appear on the checkout page.
Use 0 to show the bar at all times or enter a higher value if you want it to show only after a certain amount is added to the cart.
Example:
10 (bar will only appear if 10% of the threshold is reached)

Now, the free shipping bar is available on the front store

Enable Checkout Extensions Using the CheckoutX Module | AiTrillion