Getting started with BigCommerce

You will learn

Learn how to enable the BigCommerce integration in Klaviyo, add Viewed Product tracking, and confirm that all onsite tracking is working properly for your store. 

When you integrate with BigCommerce, your historic ecommerce, customer, and catalog data is synced into your Klaviyo account. The integration automatically adds Klaviyo's onsite tracking snippet to your BigCommerce store, which allows you to add Klaviyo sign-up forms to your site and track when your customers are active on your site. The BigCommerce integration also sets up a real-time sync to capture future data.

With all of of your BigCommerce data synced into Klaviyo, you'll be able to use a number of Klaviyo's core features, such as:

• Segments
  To target your best customers
• Flows
  To automate messaging off of ecommerce events
• Campaigns
  To send personalized messages including customer details and products from your catalog

How to integrate video

Enable the BigCommerce integration

There are three ways to connect your BigCommerce store to Klaviyo:

• Through the BigCommerce App Marketplace, where you will be prompted to either create a Klaviyo account or log in to your existing account during the workflow
• Through the Klaviyo account setup wizard
• Through the integrations tab in your Klaviyo account

In this guide, we will be using the third method, the integrations tab.

No matter how you integrate, the outcome is the same. If you’ve yet to integrate with your store, or if you're switching ecommerce platforms, then follow the steps below to enable the integration through the integrations tab.

1. Open your Klaviyo account, the admin for your BigCommerce store, and your BigCommerce storefront in separate tabs.
2. In Klaviyo, click your account name in the lower left corner, then select Integrations.
3. Click Add integrations and search for BigCommerce, then click the card. Then, click Install.
4. Click Connect to BigCommerce, log in to BigCommerce if needed, then click Install. 
5. Review the permissions and click Confirm to be brought back into Klaviyo.
   
6. Under Store URL, enter your store’s permanent address. Your store's permanent address is not the same as your store's URL where customers visit your store. The permanent address is a special URL BigCommerce uses to manage your store.
   
   1. To find this address, go into your BigCommerce admin and navigate to Account Settings > Store Details. Scroll down to find the Permanent Address for your store.
      
7. Check the box to automatically add Klaviyo onsite javascript, which will allow onsite tracking and forms.
8. Next, if you’d like to collect email subscribers at checkout, check Sync your BigCommerce email subscribers to Klaviyo. This will subscribe contacts who opt in during a checkout or through BigCommerce footer form. Choose which Klaviyo list from the dropdown you would like to add subscribers to. If you prefer, you can create a new list instead.
9. To collect SMS subscribers who opt in via BigCommerce, check the setting to Sync your BigCommerce SMS subscribers to Klaviyo. Before you can enable this setting, you must first set up SMS for your Klaviyo account.
10. If you decide to collect SMS subscribers at checkout, choose the list you want them to be added to from the dropdown. You will also be prompted to include links to your Terms of Service and Privacy Policy, and copy a code snippet to your BigCommerce checkout file. For instructions on how to do this, follow our guide to collecting SMS consent at checkout with BigCommerce. You must also add disclosure language for TCPA compliance.
11. When you're done, click Complete setup.

You've successfully enabled the BigCommerce integration.

Confirm Onsite Tracking installation

When you integrated with BigCommerce, a Klaviyo.js file which enables onsite tracking was automatically installed in your BigCommerce store if you checked the relevant setting. Klaviyo.js does two things:

• It enables you to add Klaviyo sign-up forms to your site directly from your Klaviyo account.
• It adds Active on Site tracking, which allows you to track when your customers access your site.

No further action is required on your part, but you can verify that Klaviyo.js is working correctly. 

1. In your Klaviyo account, click your account name in the lower left corner and select Integrations.
2. In the upper right corner, click Manage Sources > Set up web tracking. You already completed the first step when integrating, and the second step will be covered in the next section on Viewed Product tracking.
3. Go to the third step and enter your store URL in the box, then click Next.
4. Click on the link that’s generated to be redirected to your store.
   
5. Back in Klaviyo, check for the success button that data has been received. This means that web tracking is working successfully.
   
6. Click the green success button to be brought back to your Klaviyo dashboard.

Add Viewed Product tracking

Viewed Product tracking allows you to track when customers view your products. To enable Viewed Product tracking, you will need to  add a Viewed Product code snippet to your BigCommerce Theme file. 

1. In your Klaviyo account, click your account name in the lower left corner and select Integrations.
2. In the upper right corner, click Manage Sources > Set Up Web Tracking. You already completed the first step when integrating.
3. Copy the Viewed Product snippet from the second step. 
   
4. Next, you'll paste the Viewed Product code snippet into your BigCommerce theme file. In a new tab, log in to your BigCommerce dashboard and navigate to Storefront > My Themes.
5. From the Current Theme, click the Advanced Settings dropdown and click Edit Theme Files. If you're working with a default theme, the option to edit theme files will not appear. First, make a copy of the theme, and then make your edits to the copy. Any edits you make will only apply to the theme you are editing. Note that if you change your theme in the future, you will need to install Viewed Product tracking to your new theme.
   
6. In the editor, navigate to Templates > Pages, scroll down, and click to open the product.html page.
7. At the bottom of this page, paste the Viewed Product code snippet. Then click Save all files.
   

You have now enabled Viewed Product tracking on all of your product pages.

Data synced to Klaviyo

After you've enabled your BigCommerce integration, it will 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 name, last name, and how they found your store. 

  Location information is only synced to Klaviyo if the customer has placed an order.

• Fulfillment, refund, and canceled order data.
• When people visit your website and what products and collections they view.

To view BigCommerce event data in your Klaviyo account:

1. Click the Analytics dropdown and select Metrics. 
2. Select BigCommerce from the filter drop-down on the upper right-hand side to display all BigCommerce events. BigCommerce events are associated with the BigCommerce icon.
   
3. Read more about your BigCommerce Data for a full reference of all the types of data and specific events that sync to Klaviyo.

Outcome

You've successfully enabled the BigCommerce integration, confirmed that onsite tracking is working, and added Viewed Product tracking to your store. 

Next steps

Congratulations on getting set up! Now that you've got your integration running, it's time to start adding Klaviyo's core features so you can start making money and growing your business.

After you complete the items in this category, you'll be all set to get the most out of Klaviyo's features. 

• Set up your welcome series flow.
• Set up your abandoned cart flow.
• Add a Klaviyo sign-up form to your site. We also have go-to options for using your existing forms or third-party form providers, but we recommend Klaviyo forms because they are free and you can target key Klaviyo segments.
• Create your core segments (Engaged, Unengaged, VIP).
• Send your first campaign.

Additional resources

• BigCommerce data reference
• How to create a custom added to cart event for BigCommerce
• Need more help getting started? Check out Klaviyo's Agency Partners