Integrate Wingify with BigCommerce

This article covers the following:

• Overview
• Before You Begin
• Add Wingify SmartCode in BigCommerce
  • Add Revenue Goal Code
• Create a Wingify Campaign

Overview

Integrating Wingify with BigCommerce allows you to track your website traffic and derive deeper insights into your business. After the integration, you can create A/B tests, multivariate tests, personalization, and other tests using Wingify on your BigCommerce website. You can also track or push revenue data to your BigCommerce account.

The end-to-end process of integrating BigCommerce with Wingify involves the following steps:

1. Add Wingify SmartCode in BigCommerce
2. Create a Wingify Test

Before You Begin

• You have an active BigCommerce store.
• You have an active Wingify account.
• You have administrator access to your BigCommerce account to add scripts and configure data solutions.

Add Wingify SmartCode in BigCommerce

Wingify generates a SmartCode snippet that you can add to the BigCommerce store pages you want to test. You can access the SmartCode snippets by clicking the gear icon on the top right and going to the SMARTCODE section in your Wingify dashboard.

To check if you have correctly installed the SmartCode on your webpage, enter the URL in the SmartCode Checker in the Settings > SmartCode section of your Wingify Account. See SmartCode Checker in Wingify to know what different results mean.

To add the code snippet for tracking on BigCommerce websites, perform these:

1. Log in to your BigCommerce account.
2. From the left panel, go to Storefront > Script Manager.
3. To create a script, click Create a Script.

4. On the Create Script page, do the following:
   • In the Name of Script field, enter VWO.
   • For the Placement setting, choose Header.
   • For the Location setting, choose All Pages.

• Select a script category as you require. If you do not have a specific choice, Wingify recommends selecting Essential.

• For the Script type setting, choose Script, and in the Script Content field, paste the Wingify SmartCode in Script Content. You can find your SmartCode in your Wingify account under Settings > SmartCode.

• Remove the following line from the SmartCode: 

  link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />

4. To finalize your changes, click Save.

Add Revenue Goal Code

To add revenue goal code in BigCommerce, perform these:

1. From the left panel, go to Settings > Advanced > Data solutions (formerly Web Analytics).

2. Choose the Affiliate Conversion Tracking data solution and click Connect.

3. In the Conversion Tracking Code field, enter the following code.

   • Accounts created before June 14, 2026
   • Accounts created on/after June 14, 2026

   <script type = "text/javascript" >
   window._vis_opt_queue = window._vis_opt_queue || [];
   window._vis_opt_queue.push(function() { 
   _vis_opt_revenue_conversion(%%ORDER_AMOUNT%%); 
   }); 
   window.VWO = window.VWO || []; 
   window.VWO.push(['track.revenueConversion', %%ORDER_AMOUNT%%]);
    </script>

   <script type = "text/javascript" >
   window._vis_opt_queue = window._vis_opt_queue || [];
   window._vis_opt_queue.push(function() {
   _vis_opt_revenue_conversion(%%ORDER_AMOUNT%%);
   });
   window.Wingify = window.Wingify || [];
   window.Wingify.push(['track.revenueConversion', %%ORDER_AMOUNT%%]);
   </script>

   Note: If your account is enabled with Data360, you need to add your custom revenue event code (instead of the above code) with %%ORDER_AMOUNT%% as the revenue value in the Conversion Tracking Code field.

4. To finalize your changes, click Save. You can now start tracking your test in Wingify.
   
   Note: If the revenue value is added as a comma-separated value without decimals, Wingify by default, replaces the comma (,) with a decimal. For example, if you enter the value as 1,500, the comma is replaced with a decimal of 1.5. Please make sure to add the revenue value without the comma (,) such as 1500 or 1500.0.

Create a Wingify Campaign

Create a Wingify campaign for your store. To learn about setting up an A/B test in Wingify, refer to How to Create a Campaign in Wingify.

Need more help?

For more information or further assistance, contact Wingify Support.