🛒 Applies to Shopify only
💳 Available on Growth and Plus plans
👤 Accessible to all roles
Display an automatic loyalty point calculation directly on the product page, letting customers see how many points they’ll earn by purchasing the item or service. No code required.
Add points to product page
Navigate to: Smile > On-site content > Points on product page.
Click Add to theme.
✅ Tip: Use the Shopify theme editor to control the loyalty block's position on the page. We recommend placing it near the product price ✨
Customization options
In the Shopify theme editor sidebar, click on the Points on product page app block
Adjust settings
Click Save
Option name | Effect |
Primary color | Text colour |
Secondary color | Background color |
Show icon | Toggles the gift icon |
Show points label | Determines whether |
Points text | Shown to customers who can earn points |
Instructions to join the program | Shown to customers who need to sign up in order to earn points |
Use [points_amount] in the text box to show an automatic points calculation based on the product price.
How it works
Shown when customers can earn points. Auto-hides when:
the loyalty program is turned off, or:
there are no 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
Works with all 'place an order' earning configurations (fixed, incremental, and bonus points campaigns)
Supports differently-priced product variants and multi-currency stores
If you offer different points earning rates that are linked to VIP tiers, the
[points_balance]variable will base its calculation on the lowest points earning. Consider using the text box to communicate VIP tier benefits to your customers.