The Product Points Module displays how many loyalty points a customer will earn when purchasing a product. This module helps reinforce the value of your loyalty program directly during the shopping experience.
It is commonly displayed on the Product Detail Page (PDP) or in the Cart, allowing customers to immediately see the rewards they will earn from their purchase.
Showing potential points earnings during the purchase journey helps encourage higher engagement with your loyalty program and can increase conversion rates.
How It Works
The Product Points Module dynamically calculates and displays the number of points a customer will earn based on your loyalty program rules.
The message typically appears as a small piece of helper text near the product price or add-to-cart button.
Examples of common messaging include:
Earn 50 loyalty points when you purchase this item
Buy this product and earn 100 reward points
This purchase will earn you 75 points
The number of points displayed automatically updates based on the product price and the earning rules configured in your loyalty program.
Where to Find It
You can access the Product Points Module in the SiteVibes dashboard:
Loyalty → On-site Modules → Product Points Module
Within this section, SiteVibes provides the HTML container needed to display the points earning message.
Installation
To install the module:
Navigate to Loyalty → On-site Modules → Product Points Module in the SiteVibes dashboard.
Copy the provided HTML div container and add the necessary attributes.
<sv-product-loyalty-points data-product-id="1002" data-product-variant-id="1002-XL" data-product-quantity="4" data-product-price="39.99"></sv-product-loyalty-points>Add the container to the desired location within your Product Detail Page template or Cart template.
Save and publish your changes.
Once installed, the module will automatically display the appropriate loyalty points information to customers.