Skip to main content

Embed points balance

How to embed the customer points balance outside the Smile rewards panel.

Updated today

Embedding your customer’s points balance into your store theme is an easy way to help customers see how many points they currently have. This method shows only the current points balance — not points history. You can add the code anywhere in your theme where HTML can be edited.

Feature availability:
✅ Embedding the points balance using a manual code snippet is available on all Smile plans.

ℹ️ Note: This method uses a manual code snippet added directly to your theme files and is different from Smile’s embedded UI elements.

For Shopify merchants on a Smile Growth, Plus, or Enterprise plan:

  • You can display the points balance without editing theme code by using the no-code theme app block or the account UI extension to embed points on the customer account page.

  • If you want to display more than the points balance and include interactive loyalty program elements, you can use Loyalty Hub.

The steps for embedding the points balance differ by platform. Select your eCommerce platform below to find the correct snippet and setup instructions.

Embed points balance on Shopify


First, enable the JavaScript SDK setting in Smile Admin (Settings > Developer tools) before adding the code snippet.

Add the following code snippet on Shopify:

{% if customer %} Your Points Balance: <span class="sweettooth-points-balance"></span> {% endif %}

Tip: For best results, add this code to theme.liquid to display points balance across all pages of your store. To show the points balance only on the customer account page, add it to customers/account.liquid.

Embed points balance on BigCommerce


Add the following code snippet on BigCommerce:

Your Points Balance: <span class="sweettooth-points-balance">(loading)</span>

Once added, the text will automatically update from “(loading)” to the customer’s current points balance. Points cannot be embedded on the account, checkout, or sitemap pages in BigCommerce.

💡 Important: Customizing or troubleshooting manual theme code is not supported by the Smile team. If you need assistance, please contact your theme developer.

Did this answer your question?