Skip to main content
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 for merchants on Shopify only.
Product price and purchase section on a Shopify product page showing a message that tells customers how many points they will earn from the purchase.

​
Add points to product page

  1. From Smile Admin, navigate to On-site content > Points on product page.
  2. Click Add to theme
Note: The Add to theme button adds the block to your default product template only. If your theme has multiple product templates, you’ll need to manually add the block to each additional template in the Shopify theme editor.

​
Customization options

Tip: Use the Shopify theme editor to control the app block’s position on the page. We recommend placing it near the product price.
  1. In the Shopify theme editor sidebar, click the Points on product page app block.
  2. Adjust settings.
  3. Click Save.
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_amount variable calculates points using the lowest earning rate. Use the text fields to highlight VIP tier benefits for higher-tier customers.