Add Store Credit Widget to Cart Page | Increase Conversions with AiTrillion

Add store credit widget to the cart page

Introduction

The store credit widget on the cart page allows customers to view and apply their available store credit before proceeding to checkout. By making store credit visible and easily accessible in the cart, you can improve the redemption experience, increase customer satisfaction, and encourage repeat purchases. This article explains how to add and configure the store credit widget on the cart page for a seamless shopping experience.

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 >> Edit theme >> from the top search Cart page >> Click on Cart >> Click on Add block >> Loyalty store credit

​
​

Using Shortcode

Here are the steps to enable store credit on your store:

Step 1: Go to Loyalty rewards >> Set up program >> Redeem points





Step 2: Click on Store credit, scroll to the bottom, and copy the short code

Enter points equivalent to 1 unit of your currency: Defines how many loyalty points equal 1 unit of store currency. Example: If set to 10, then 10 points = $1 store credit.

Redemption Limits

Min points to redeem: The minimum number of points a customer must have to convert them into store credit.
Max points to redeem (in 1 day): The maximum number of points a customer can redeem for store credit within a single day.
Shop credit title: Text displayed to customers explaining store credit redemption.
Description: Additional explanation shown on the storefront describing the point-to-credit conversion. Example: Convert 10 points = $1 store credit.

Store credit expiration

  • No expiration – Store credit never expires.

  • Set expiration duration (in days) – Store credit expires after the specified number of days from issuance.


Widget Integration

  • Use the provided shortcode to display the store credit widget on the cart page.

  • Paste the shortcode into the cart template section file where you want the widget to appear.


Quote
<div class="aaa-loyalty-shopcredit-widget"> </div>




Step 3: Go to Shopify admin >> Online store >> Edit code




Step 4: Search main-cart-footer.liquid and paste the code



Notes
Note: There are the following points to be noted, and the store credit should be visible if it satisfies the points below:

1.) The store credit widget will only be visible when the customer is logged in

2.) The customer must satisfy the conditions of minimum points, maximum points, and available points to be redeemed.

3.) Customer must not be blocked from the loyalty program.


Now, you will be able to redeem the credit from the cart page


    • Related Articles

    • Cart widget points

      Introduction The Cart Widget Points feature allows customers to redeem loyalty points directly from the cart page. By displaying point information at the cart level, you can increase transparency, encourage higher order values, and motivate customers ...

    • Loyalty Widget on a Page

      Introduction In this article, we'll show you how to effortlessly set up and personalize a dedicated page of Loyalty Rewards. Follow these steps to set up a custom Loyalty Rewards Page: Step 1: Go to Loyalty Rewards > Display On Store. Then click on ...

    • Enable store credit on your store

      Introduction Empower your store with a seamless store credit system, allowing customers to earn and redeem credits for their purchases! Enabling store credit on your store not only enhances customer loyalty but also provides a convenient and flexible ...

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

    • Redeemed the points into store credit from the front store loyalty popup

      Introduction Offering store credit redemption directly from the front store is a fantastic way to enhance the customer experience and build loyalty. By allowing customers to easily redeem their earned credits during checkout, you streamline the ...