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