Shopney’s Loyalty Widgets let your customers see the loyalty points they can earn, right where it matters most. The Cart Loyalty Widget shows the total points customers will earn from their current cart on the cart page, while the Product Loyalty Widget shows the points they can earn from a specific product directly on the Product Detail Page (PDP).
In this article, you'll learn how to enable and configure both Loyalty Widgets in your Shopney Dashboard. With Loyalty Widgets, you can:
Show customers how many points they'll earn before they check out
Highlight rewards on product pages before items are even added to the cart
Encourage customers to explore your loyalty program with a direct link to the Loyalty Page on the product detail pages
📌 Important Note
Both widgets require an active Growave Loyalty integration. If the integration is not active, a “Relevant Integration is not active” notice will appear in your dashboard. If the integration is later disabled, the widgets will disappear from the related pages.
Let’s go through how the loyalty widgets will appear on your app, and how to activate them on your dashboard.
How Loyalty Widgets Will Appear in Your App
The Cart Loyalty Widget appears on the cart page, showing the total points customers will earn from their current order. The Product Loyalty Widget appears on the product detail page, displaying the points they can earn from a specific product.
Here is how these loyalty widgets will look on your cart and product detail pages:
How to Enable the Product Loyalty Widget
1- Open the Customization section
In your Shopney Dashboard, go to the Design tab (1) and select the Customization section (2). Go to the Product Page section (3) and find the Loyalty Widget(4).
2- Enable the Product Loyalty Widget
Enable the feature using the toggle (1). Then, click Configure (2) to create and manage your loyalty widget.
The widget appears on the product detail page and shows the points customers can earn from a specific product, for example, “Earn 375 points on this purchase. Learn more.” By tapping Learn more, customers can visit your Loyalty Page to explore your rewards program.
When customers select a different product variant, the loyalty points update automatically when applicable. The widget supports both logged-in customers and guest visitors, as well as multiple languages and currencies.
3- Configure the display conditions
Under Display Conditions, set the conditions that determine when the widget will appear.
You can configure your conditions to match:
No conditions: The widget will be visible on all products.
All conditions: The widget appears only when all specified conditions are met.
Any conditions: The widget appears when at least one condition is met.
Product conditions can be based on criteria such as product tag, product type, vendor, or metafield. Customer conditions can be based on criteria such as customer tag, customer metafield, and authentication status.
If you need more than one rule, click Add another condition to add additional conditions.
4- Choose the widget placement
Move the widget up or down among other product page elements (1). It can be positioned around key Product Detail Page sections, including:
Product name
Variant selector
Quantity selector
Description
Recommended Products
Recently viewed products
Depending on the position you select, your widget can appear above or below these sections. After deciding on the placement, click Save (2).
📌 Important Note
Due to the Mergen Theme’s design structure, widget placement can only start below the product name. Placements around the product image are not available.
5- Save changes
Click Save & Update to apply your settings and reflect the changes on the app.
How to enable the Cart Loyalty Widget
1- Go to the Customization section
In your Shopney Dashboard, go to the Design tab (1) and select the Customization section (2). Go to the Cart Page section (3) and find the Cart Loyalty Widget (4).
2- Enable the Cart Loyalty Widget
Enable the feature using the toggle.
The points are calculated automatically based on the customer’s current cart total and updated in real time whenever the quantity of a product is changed, a product is added or removed, or a discount code or gift card is applied. The widget is hidden automatically when the cart is empty.
3- Configure the widget position
After enabling the widget, choose where it should appear on the cart page:
Top: Displayed below the Discount Code field on the cart screen.
Bottom: Displayed above the Subtotal section on the cart screen.
4- Choose the behavior
Select how the widget behaves when the customer scrolls:
Sticky: The widget stays in place on the screen as the customer scrolls.
Scrollable: The widget scrolls with the cart content.
5- Save changes
Click Save & Update to apply your settings and reflect the changes on the app.
📌 Important note
Points calculations are managed by the supported loyalty integration according to your loyalty program settings, not by Shopney. Additional setup is required in Growave for the widgets to work correctly. You can find the required setup steps here.
🛎️ Reminder
If your app is not live yet and you want to preview these features, you can follow the guide here after enabling the loyalty integration.
All done! Your customers will now see their potential loyalty points on the cart and product detail pages, giving them more reason to complete their purchase.
Need help?
If you encounter any issues, our support team is here to assist you:
Contact our support team via live chat in your Shopney dashboard.
Visit our Help Center for more guides on customizing your mobile app.
Visit our YouTube Channel for tutorial videos.