This article covers the following:
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:
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
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 in the top-right corner and selecting 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:
- Log in to your BigCommerce account.
- From the left panel, go to Storefront > Script Manager.
- To create a script, click Create a Script.
- 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" />
- To finalize your changes, click Save.
Add Revenue Goal Code
To add revenue goal code in BigCommerce, perform these:
- From the left panel, go to Settings > Advanced > Data solutions (formerly Web Analytics).
- Choose the Affiliate Conversion Tracking data solution and click Connect.
- In the Conversion Tracking Code field, enter the following code.
| <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> |
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.
- To finalize your changes, click Save. You can now start tracking your test in Wingify.
Create a Wingify Test
Create a Wingify test 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.