Shopify

Integrating Shopify with VWO allows you to create and run VWO tests on your Shopify store. The end-to-end process of integrating Shopify with VWO involves the following steps:

• Adding VWO Smart Code to your website pages
• Implementing Revenue Tracking

Adding VWO Smart Code to Your Website Pages

1. Sign in to your Shopify web store as an administrator.
2. From the navigation bar, go to Sales channels > Online Store > Themes.
3. On the Themes tab, click Customize theme.
4. On the page that opens, select Theme options on the top of the page and then select Edit HTML/CSS.
5. Go to the theme.liquid file on the customization panel and then add VWO Smart Code. VWO Smart Code will be added to all the pages (site-wide) in the selected theme. If your checkout process is on Shopify’s domain, make sure to enable multiple domain tracking in VWO. Click here to learn how to run a test across multiple domains.
   NOTE: If you are on Shopify Plus and wish to track the changes on the checkout pages then you must add your VWO Smartcode in the checkout.liquid file.

Implementing Revenue Tracking

1. Sign in to your Shopify web store as an administrator.
2. From the navigation bar, click Settings.
3. On the Settings page, click Checkout.
4. Place the VWO Smartcode first and then add the following JS code snippet to your website:
   

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

5. Add the revenue tracking code snippet (from step 4) in the Additional Content & Scripts field.
   
6. To implement the changes, click Save.

Note: If the revenue value is added as a comma-separated value without decimals, VWO by default replaces the comma (,) with a decimal. For example, if you enter the value as 1,500, the comma is replaced with decimal as 1.5. Please make sure to add the revenue value without the comma (,) such as 1500 or 1500.0.

Create a standalone revenue tracking goal

1. Log in to your VWO dashboard and select Goal under Track from the menu.
2. Click Create on the top right side of the dashboard.
3. Select Track Revenue as the goal type to track.
4. Enter the URL of the page where your successful transactions are recorded. Typically, the revenue value is available on the ‘thank­you’ page where successful transaction data is collected.
5. To track revenue on multiple pages, click Advanced option to include and exclude pages, define URL pattern and regex.
6. Select the segmentation option if you want to track revenue collection form specific visitor groups. To learn about segmentation, click here.
7. Click Next to define the page audience. All unique visitors landing on this page are your goal audiences. Using Advanced option, you can define advanced pattern-matching options to include either a broad URL with wildcard entries or a specific URL.

Add revenue goal to a specific test

1. Create an A/B, Personalization, Multivariate, or Split test using VWO.
2. On the Goals page, select Track Revenue on, as the conversion goal type and enter the Shopify conversion page (thank you page) as the goal URL. For example, *checkout.shopify.com*XXXXXX*, where XXXXXX is the number of your store.

Note: If the thank you page is on Shopify’s domain, you will need to enable the campaign to work across multiple domains as mentioned here.