Introduction
In this comprehensive article, we'll walk you through the steps to configure Cart Widget Points, enabling you to display customers' loyalty points directly in their shopping carts.
Here are the below steps to set Cart Widget Points:
Step 1: Go to Loyalty Rewards > Set up program > Redeem Points
Step 2: Click on the Click To Create button under the cart widget point settings section.
Step 3: Enable the Display on Cart switch, update the point values according to your needs, and click on the save button.
Enter points: This refers to the ability to specify how many loyalty points are equivalent to 1 unit of your currency. For example, if you set this to 20, it means that 20 loyalty points will be equivalent to $1 or €1.
Minimum cart amount ($): This is the minimum amount that must be in the cart for a customer to use their loyalty points. For example, if you set this to $50, customers can only redeem their points if their cart total is at least $50.
Minimum points to claim: This sets the minimum number of points a customer needs to accumulate before they can start redeeming them. For instance, if you set this to 100 points, customers must have at least 100 points before they can use them for discounts or rewards.
Cart widget title: This is the title that will be displayed on the cart widget, which might be something like "Your available points {{remaining-points}}, [10 points = $1]"
Cart widget text: This is the text that appears below the title in the cart widget, explaining how many points can be used
Display on storefront popup: If this option is enabled, the cart widget will appear as a reward option within the loyalty popup on the storefront, making it visible to customers as they shop.
Maximum points to claim - This sets the maximum number of points a customer can redeem, which they can use for discounts.
Step 4: If you wish to display this cart widget in the AiTrillion loyalty storefront popup, enable the feature as shown below.
Reward title - This is the title that will be displayed on the Loyalty popup
Reward text: This text provides details on how many points are needed to redeem and save money.
Minimum cart amount text - This is the message displayed to customers, informing them about the minimum cart amount required to use their loyalty points. For example, it could say, "You need a minimum cart value of $50 to redeem your points."
Step 5: On the storefront, log in to Shopify and click on the rewards button to open the AiTrillion Storefront Popup
Step 6: On clicking the button, the popup shall open and the cart widget will be visible in the loyalty storefront panel under the Get Rewards Section:
📝 Clicking on the cart widget in the storefront popup will take you to the cart page
Display the cart widget on the cart page as well:
To display this widget on the Shopify cart page copy the shortcode in Step 4. Then go to Shopify admin > Online store > Themes > actions (Live theme) > Edit code.
<div class="aaa-loyalty-cartredeem-widget"> </div>
Click on the button to copy the text from the text field. Try to paste the text (e.g. ctrl+v) afterward in a different window, to see the effect.
Paste the code in cart-template.liquid file in the section to enable this feature on the cart.
Check more details about - What is Loyalty reward program here
On the cart, it looks like the image below:
Next➡️
💡Tips for Loyalty Reward Program