Here's what we're covering:

•  How to make your launcher visible on your Bigcommerce site

Note: do not continue with this tutorial unless you have already completed your initial setup.

Since your launcher is where your customers interact with your rewards program, it's extremely important that it be visible on your website.  

In order to make it visible on your Bigcommerce store, you need to add a code snippet to your theme's footer scripts.

To do this, click the "Add to your store" button on the homepage of your Smile Admin.

Follow the prompts until you're given the option to copy the following code snippet:

<div class="sweettooth-init"
     data-external-customer-id="{{customer.id}}"
     data-channel-api-key="pk_WNytxQj8vSSU94W45tMnFkvK"
></div>
<script src="https://cdn.sweettooth.io/assets/storefront.js"></script>

<div class="sweettooth-tab"></div>

You can easily copy it to your clipboard by clicking the Copy button on the right.

From here, navigate to the Storefront page of your Bigcommerce Admin and select Footer Scripts from the options available on the left.

Paste the snippet into the box provided.

Once you've saved your changes, your customers will be able to see your program launcher on your storefront.

Did this answer your question?