The loyalty widget is added to your store differently, depending on whether your store is using a Stencil theme or a Blueprint theme.

Stores using the Stencil theme will have the loyalty widget installed automatically when the Beautiful Loyalty Programs app is installed.

Stores using the Blueprint theme will have to follow this guide to install the loyalty widget.

In this article:

  • Find which BigCommerce theme platform your store uses
  • Find your loyalty widget script
  • Add your loyalty widget script to your store footer 

Find which BigCommerce theme platform your store uses

A quick way to tell what theme platform you currently have applied to your storefront is to go to Storefront menu in the control panel.

Stencil

If the Storefront menu shows Footer Scripts as an option, you are using a Stencil Theme.

Blueprint

If the Storefront menu shows the Mobile Theme Settings, you are using a Blueprint theme.

> You can find out more about the different theme platforms here

Find your loyalty widget script

1. In your Marsello admin, go to Loyalty > Loyalty Widget

2. Here you will find instructions on how to install the loyalty widget. Copy the unique 'script' provided - this will be added to your store footer to add the loyalty widget

Add your loyalty widget script to your store footer


Blueprint themes

1. In your BigCommerce admin, go to Storefront. Under My Themes, click Edit HTML/CSS

2. The template file editor will open in your homepage template file, default.html
Paste your unique loyalty widget script just above the </body> section of your template. 

3. Click Save to apply this script to your live store

Your loyalty widget should now be live on your BigCommerce store 🎉

Did this answer your question?