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.
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

  1. In the Shopify theme editor sidebar, click the Points on product page app block.
  2. Adjust settings.
  3. Click Save.
Option nameEffect
Primary colorText color.
Secondary colorBackground color.
Show imageToggles on the image displayed in the embed.
Custom imageUpload your own image to replace the default gift icon. Only shown when Show image is enabled.
Image heightSet the display height of the image in pixels (16–80 px). Only appears after a custom image has been uploaded. Smaller images render at their natural size and won’t be enlarged.
Show points labelDetermines whether Points or currency name is shown after the points amount.
Points textShown to customers who can earn points.
Instructions to join the programShown 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_amount variable calculates points using the lowest earning rate. Use the text fields to highlight VIP tier benefits for higher-tier customers.