Display an automatic points calculation directly on the product page, so customers can see how many points they’ll earn when they purchase an item or service. No code required.
Feature availability:
✅ Embed points on the product page is available on Standard, Growth, Plus, and Enterprise plans.
✅ Embed points on the product page is available on Shopify only.
Add points to product page
From Smile Admin, navigate to On-site content > Points on product page.
Click Add to theme.
✅ Tip: Use the Shopify theme editor to control the app block's position on the page. We recommend placing it near the product price.
Customization options
In the Shopify theme editor sidebar, click the Points on product page app block.
Adjust settings.
Click Save.
Option name | Effect |
Primary color | Text color |
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 |
✅ Tip: Use [points_amount] in the text box to show an automatic points calculation based on the product price.
How it works
The points block is shown when customers can earn points and automatically hides when:
the loyalty program is turned off
there are no active ways to earn points for 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, including fixed, incremental, and bonus points campaigns.
If you offer different earning rates tied to VIP tiers, the
points_amountvariable calculates points using the lowest earning rate. Use the text fields to highlight VIP tier benefits for higher-tier customers.