S Loyalty Help Center

[BigCommerce] How can I restore my Loyalty Widget after I change my store theme?

Last Updated:

The display of our widget and overlays are controlled via the presence of our code snippets and snippet files in your theme template. If your Rewards Tab or any of the Loyalty Program overlays are not appearing on your store, it may be because our storefront code snippet was removed from your store. This can happen when you change your store theme.

For merchants who are using Stencil Themes, please contact us and we will guide you through the necessary steps. 

For merchants who are using Blueprint Themes, please follow the steps below:

  1. Go to your Bigcommerce Control Panel
  2. [New Bigcommerce Control Panel] Settings > Store Setup > Design

    [Old Bigcommerce Control Panel] Setup & Tools > Set up your store > Design
  3. Under "Panels" in Other Template Files, see if you have "sloyalty_statusbar.html" and "sloyalty_thankyou.html".
    • If you do not, contact us at support@sloyalty.com and we would help you set up.
    • If you do, go to Step 4 directly.
  4. Under “Panels" in Other Template Files, look for “Header.html”.
  5. Edit the template by adding the following line to the end of the file:
    %%Panel.sloyalty_statusbar%%
  6. Click “Save”
  7. Under “Other Template Files”, look for “order.html
  8. Edit the template by adding the following 2 lines before </body>:
    %%Panel.sloyalty_thankyou%% 
    %%Panel.sloyalty_statusbar%%
  9. Click “Save”

After adding the code snippets, you will be able to see the Loyalty Widget on your website  (if you are using our Loyalty Program) and open different overlays generated by our apps by following the links below:

  • Loyalty Program - FAQ: http://<Your Domain Name>/#!faq/
  • Loyalty Program - Reward Redemption: http://<Your Domain Name>/#!redeem/
  • Loyalty Program - History: http://<Your Domain Name>/#!history/
  • Loyalty Program - My Rewards: http://<Your Domain Name>/#!rewards/
  • Refer-a-Friend - Sharing Overlay: http://<Your Domain Name>/#!sharing/ 

If you tried the steps above and are still having issue, please feel free to contact us at support@sloyalty.com

If you installed our app after May 3, you will be using our new Merchant Console and you should be able to insert the code snippets through our Storefront Integration tab. Please refer to the instructions below: 

  1. Go to Theming -> Storefront Integration
  2. Click “Insert Storefront Code” under the Loyalty Program Theme Snippets Section

Our system will now upload the code snippets and snippet files to your theme template. You should see the status all checked as per the screenshot below if the setup is completed.