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.
Step 4: If you wish to display this cart widget in the AiTrillion loyalty storefront popup, enable the feature as shown below.
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