S Loyalty Help Center

[Shopify] 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.

To add the Loyalty Widget back to your store, please follow the steps below:

  1. Go to your Shopify Admin Console, on the left sidebar, click “Themes”.
  2. Click “Customize theme”

  3. Click 'Edit HTML/CSS"

  4. Under "Snippets", check if you have the files "sloyalty-statusbar.liquid" and "sloyalty-thankyou.liquid".

    • If you do not, contact us at support@sloyalty.com and we would help you set up.
    • If you do, go to Step 5 directly.



  5. Click “theme.liquid

  6. Add the following line before </body>:
    {% include "sloyalty-statusbar" %}
  7. Click “Save”
  8. If you had updated the script in the "Additional Content & Script" in the checkout section, please follow the instructions in our help desk article here to update your script.

 

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.