The feature provides the ability to display the number of reward points a buyer can earn upon purchasing a particular product. This information is presented right next to the product price, which helps the buyer make a more informed decision. The system calculates the reward points based on the product's price, and the buyer can use these points to avail of discounts or other benefits in the future.
For Shopify theme version 1.0
Steps to Add a Points Label to Your Store
Go to Brand Style > Growth Tools > Points Label.
Turn on the Points Label by enabling its status.
Customize the label as needed, including font, color, and text.
Once enabled, the points label will automatically display on your store based on your theme settings.
For Shopify theme version 2.0
Steps to Add a Points Label to Your Store
Go to Brand Style > Growth Tools > Points Label, then click Add block.
You’ll be redirected to the Shopify theme editor.
Navigate to your desired position on the default product page, then hover your mouse until the “
+” icon appears.Click the “
+” icon, search for “TrustWILL: Points label”, and select it.Customize the points label using the settings panel on the left-hand side.
Once added, you can drag "
⋮⋮" and move the block to your preferred location.
Note: If the points label is not showing, it may be because the product price does not meet the minimum amount required to earn points.
We recommend setting a lower spend threshold with fewer points, so more (or all) of your products can qualify for point rewards. This helps encourage purchases, as customers can earn points on every item. 💞
Additionally, please note that our app is built within Shopify, and the points label works with Shopify’s default product pages. If you are using a third-party page builder, the label may not display properly.
In that case, you can try adding the following code to your product page, or feel free to contact us for further assistance:
<script src='https://static.loloyal.com/loloyal-cend/monofile-js/product_boom_points.js?v=39' defer='defer' ></script>