‘Subscribe to newsletter’ point-earning action
27 February, 2023Amount Discount
15 April, 2023Points on Cart Page: Unlock a seamless reward experience for your customer
In this document, we’ll walk you through how the redeem section works in the Cart page, how to set it up, and some important considerations to ensure your store maximizes the value of this feature.
Overview
Introduction
The Points On Cart Page extension enhances your store’s loyalty program by displaying customers’ loyalty points and allowing them to redeem those points directly in the cart. This feature makes it easier for customers to see and use their rewards right before checkout, giving them a clear view of the discounts they’ve earned. By highlighting the value of these rewards, you can increase the likelihood of a purchase. Visible rewards not only boost customer loyalty but also drive higher conversion rates. Let’s explore how this feature works and how you can easily implement it for your Shopify store.
Logic + Setup Guide
1/ How It Works
When a customer adds products to their cart, they will be able to view their loyalty points and list of available discounts on the cart page. Here’s how it works:
- Displaying points: The customer’s loyalty points will appear on the Cart page, showing the number of points earned and the corresponding discount value.
- Redeeming points: Customers can choose to redeem their points by applying the discount directly on the Cart page.
- Canceling or refunding points: If the customer decides to cancel the order or request a refund, the loyalty points will be automatically refunded. The discount will also be removed if it hasn’t been used.

2/ Setup Guide
To enable and customize this feature for your store, follow these simple steps:
- Customize Appearance:
- Go to the Theme Editor (Online Store > Themes > Customize > Cart page) to customize how the points are displayed.
- On the Cart Page, click Add Section (located in the left panel), scroll down, and find the App Section options. Under Apps Section, select BON Loyalty: Points on Cart Page.

- Customize the text, background color, and text color to align with your store’s branding via the Theme Editor options:
- Text Style: Change the font, size, and style of the points display text.
- Background Color: Customize the background color to match your store’s branding.
- Text Color: Adjust the color of the loyalty points text to make it stand out or blend with your design.

- Test the feature: After enabling the feature and customizing the design, ensure that the Cart page functions as expected by testing it thoroughly. Add items to your cart, check the loyalty points display, and verify that the points can be redeemed.
Important Notes
- Shopify theme 2.0 requirement:
- This feature is available only for stores using Shopify Theme 2.0. If you’re using an older version of Shopify themes, you’ll need to update to a newer theme version to use this feature.
- Availability:
- This feature is available for all Shopify plans, so whether you’re on Basic Shopify or Shopify Plus, you can use it to enhance your store’s loyalty program.
- Mobile Optimization:
- Ensure that the Points On Cart Page feature is optimized for mobile devices, as many customers shop on mobile. Test the cart display on mobile to make sure it’s working as expected.
Conclusion
The Points On Cart Page extension is an exciting new feature designed to simplify the rewards redemption process for your customers and boost engagement right before checkout. By enabling this feature, you’ll provide a more seamless and rewarding shopping experience, helping to build customer loyalty and increase conversions.
Make sure to test the feature, customize it to match your brand, and educate your customers about the rewards available to them directly on the Cart page. If you need any help with setup or have questions, don’t hesitate to reach out to our customer success team.