Cart widget points

Cart widget points

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.


  1. 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.

  2. 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.

  3. 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.


  4. 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]"

  5. Cart widget text: This is the text that appears below the title in the cart widget, explaining how many points can be used

  6. 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.

  7. 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.

  1. Reward title - This is the title that will be displayed on the Loyalty popup

  2. Reward text: This text provides details on how many points are needed to redeem and save money.

  3. 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:

Depending upon theme, Once you select the coupon the discount will be automatically added to the checkout

    • Related Articles

    • What is Cart widget?

      Introduction The Cart Widget in AiTrillion is a powerful feature designed to enhance the shopping experience by displaying relevant information and marketing elements directly in the shopping cart. This widget helps merchants engage customers at the ...
    • Display and Customize the Earn Points Widget

      Introduction In this article, we'll explore how to display the "Earn Points" widget on your store's product detail & collection page and the benefits it brings to your overall customer retention strategy Overview?️ Display earn point widget ...
    • Add store credit widget to the cart page

      Introduction In this article, you will learn how to add store credit to the cart page There are two ways to add a store credit widget to the cart page A.) Using Block B.) Using Shortcode Using Block Step: Go to Shopify admin >> Online store >> ...
    • Setup Reedem Points

      Watch the 5-minute Loyalty Redeem Points setup video: Introduction In this article, we'll walk you through the process of setting up and managing your loyalty program's redeem points system. Rewards are a part of AiTrillion 's loyalty system and can ...
    • Configuration of theme to show points balance

      Introduction In this guide, we will walk you through the step-by-step process of configuring your website’s theme to display a points balance effectively. Whether you are using a pre-built theme or customizing one to fit your brand, these best ...