Integrate with BigCommerce - Stencil Themes



This article walks you through enabling the BigCommerce integration in your Klaviyo account. After you integrate, you can optionally add web tracking to your BigCommerce store.


This article covers integrating with a BigCommerce Stencil theme. BigCommerce has two variations of themes, Stencil and Blueprint. The integration process is the same for both theme styles, but the location of some menu items and the location of where you paste in some code snippets is different for Blueprint themes.

Enable the BigCommerce Integration

This process walks you through entering your BigCommerce store URL into your Klaviyo account and installing the Klaviyo app in your BigCommerce store.

Enabling the integration and installing the Klaviyo app allows your BigCommerce event data to sync with your Klaviyo account. This data includes the following events:

  1. In your Klaviyo account, click the Integrations tab, and search for the BigCommerce integration.
  2. From your BigCommerce admin, click Account Settings > Account Summary to access your Account Summary page, where can find the Permanent Address for your store.


    Users with multiple BigCommerce stores: if you encounter any issues with this step, make sure you are logged in to your Klaviyo account and to the specific BigCommerce store you are trying to integrate.

  3. Switch back to your Klaviyo account and enter your entire Permanent Address in the Store URL field. Click Connect to BigCommerce. If you have not already done so, you are prompted to log in to your BigCommerce admin.
    On this page, you have the option to "Subscribe customers who Accept Marketing to a Klaviyo list." This adds users that accept marketing to the list you select on this page. Read more about this feature in the section at the end of this article.
  4. You are redirected to the Klaviyo app landing page inside your BigCommerce admin. Click Install and then Confirm to begin installing the Klaviyo BigCommerce app.


    At this step, search for the Klaviyo app if you are not automatically redirected to the Klaviyo app landing page.

  5. Your Klaviyo account will open within your BigCommerce admin window. A green success callout confirms that your sync has started.

Your data will begin to sync with Klaviyo in minutes. You've successfully enabled the BigCommerce integration.

Add Web Tracking to your BigCommerce Store

This process walks you through copying two code snippets from your Klaviyo account and pasting them into your BigCommerce theme files. As a final step, you can test your web tracking to ensure it is working correctly.

The first snippet is for Active on Site tracking, which allows you to record and analyze when profiles in your Klaviyo account visit your site. The second snippet is for viewed product tracking, which allows you to record and analyze when profiles in your Klaviyo account view products in your store.

Once you have added web tracking and customers start visiting your site and viewing products, the following two metrics will be added to your metrics tab.

  1. From your Account dropdown click Setup Web Tracking. This takes you to your web tracking page, where you will find your Active on Site code snippet, your viewed product code snippet, and instructions for testing your web tracking.
  2. Copy the first code snippet. This is the Active on Site snippet.
  3. Now from your BigCommerce dashboard navigate to Storefront > Script Manager.
  4. Click Create Script to create a new script. To add this script to the footer of every page on your site, use the following settings:
    Name: Klaviyo active on site
    Description: Optional
    Location on page: Footer
    Select pages where the script will be added: All pages
    Script type: Script
  5. In the Script contents box paste in the code snippet you copied from your Klaviyo account and click Save.
  6. In your Klaviyo account, navigate back to your web tracking page and copy the second code snippet. This is the viewed product code snippet.
  7. Now from your BigCommerce dashboard, navigate to Storefront > My Themes.
  8. From the Current Theme, click the Advanced Settings dropdown and click Edit Theme Files. This opens the web editor.


    If you're working with a default theme the option to Edit Theme Files will not appear. First, make a copy of the theme, then make your edits to the copy. Any edits you make only apply to the theme you are editing. If you change your theme in the future, your edits will not but automatically moved to your new theme.
  9. Navigate to templates > pages and scroll down to open the product.html page.
  10. At the bottom of this page paste in the code on a new line above the {{/partial}} tag and click Save.
  11. In your Klaviyo account, navigate back to your web tracking page. Enter your store URL and click Next. Then click the URL that appears. This will open your store in a new window and test your web tracking.
  12. Switch back to your Klaviyo account. Click the green Data Received. Continue button to complete the setup.

You have now enabled Active on Site tracking on all your store pages and viewed product tracking on all of your product pages.

Data Synced with the BigCommerce Integration

With your BigCommerce integration you'll start to sync the following information about your customers:

  • Sales and order data including which products were purchased, product images, price, and quantity.
  • Customer information including first and last name, location, and how they found your store.
  • Fulfillment, refunded, and canceled order data.
  • When people visit your website and what products and collections they view.

Manually Testing Web Tracking

To test that tracking is set up properly, go to a product page for your store, and add the following to the end of the URL, replacing with your email address:


For example, in the following screenshot the email address has been added to the end of the store URL.

Click enter to reload the page. Now, when you search in your Klaviyo account for the test email address, you should see a profile has been created and has tracked your Active on Site. If you perform this test on a product page, you can test the viewed product event.

Subscribe Users that Accept Marketing at Checkout

On the BigCommerce integration page, you have the option to sync users who accept marketing to a list in your Klaviyo account.

For example, the image below shows the final page of a default BigCommerce store checkout. You can see the customer has the option to receive your newsletter. If the customer checks this box and places an order, the customer is then added to the list you selected on your BigCommerce integration page.


Was this article helpful?
16 out of 21 found this helpful