Skip to main content
All CollectionsGetting StartedShopify
Embed points on the product page
Embed points on the product page

Show how many points customers will earn by purchasing a product. Then customize the text, position, look and feel of the points app block.

Christian avatar
Written by Christian
Updated this week

🛒 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


  1. Navigate to: Smile > On-site content > Points on product page.

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


  1. In the Shopify theme editor sidebar, click on the Points on product page app block

  2. Adjust settings

  3. 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 or currency name is shown after the points amount

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.

Did this answer your question?