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.

  
  

<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

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

• What is Store credit?

  Introduction Store Credit is a virtual currency or balance that businesses offer to customers, which can be used for future purchases instead of cash or traditional payment methods. It acts as a flexible reward system, encouraging customer retention ...

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

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