🛒 Applies to Shopify only
💳 Available on Growth and Plus plans
👤 Accessible to all roles
Display an automatic loyalty point calculation directly on your product page, letting customers see how many points they can earn by purchasing the item or service. Customize the location, text and colors to be in line with your brand - all with no code required.
Add points to product page
From Smile admin, navigate to On-site content.
In the Points on product page section, click Setup.
Click Add to theme.
Click Save.
✅ Tip: Use the Shopify theme editor to control the loyalty block's position on the page. We recommend placing it near the product price ✨
Edit the points on product page
From Shopify admin, navigate to Online Store > Themes.
In your theme section, click Customize.
Navigate to a product page.
In the Template section, click on the Points on product page section.
Adjust the following settings to suit your store's brand:
Primary color
Secondary color
Choose what scenario to preview
Show icon
Show points label
Points text
In the Instructions to join the program, edit the points text
ℹ️ Note: Show points label determines whether Points or currency name is shown after the points amount
Points calculation
💡 Important: If you offer different points earning rates for different VIP tiers, this app block will base the calculation on the lowest points earning.
This app block works with all 'place an order' earning configurations (fixed, incremental, and bonus points campaigns). It also supports differently-priced product variants and multi-currency stores. The points will still be awarded in the base currency of the store.
Visibility conditions
This app block will be shown when customers can earn points. There will be some instances where the block will auto-hide, these are:
The loyalty program is turned off
There are no activate ways to earn points by placing an order
The product is excluded from earning points
The customer is excluded from the loyalty program
The product is a native Shopify Gift Card