Shopify

Last updated

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.shopify1
  3. On the Themes tab, click Customize theme.shopify2
  4. On the page that opens, select Theme options on the top of the page and then select Edit HTML/CSS.shopify3
  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.shopify4As the revenue goal is tracked on Shopify’s domain, you must enable multiple domain tracking in VWO. Click here to learn how how to run test across multiple domains.

Implementing Revenue Tracking

Integrating VWO with your Shopify website allows you to track revenue generation on the website using VWO. To integrate VWO revenue tracking code with Shopify, first, create a VWO test and then implement the VWO-generated revenue code on the Shopify website. Click here to know how to add revenue-tracking goal to your VWO test.

  1. Create an A/B, 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.
  3. After you create the test, VWO generates a revenue tracking code snippet like this:
    <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 }}');
    });
    </script>
  4. Sign in to your Shopify web store as an administrator.
  5. From the navigation bar, click Settings.
  6. On the Settings page, click Checkout.
  7. Add the revenue tracking code snippet that VWO generated in the Additional Content & Scripts field.shopify5
  8. To implement the changes, click Save.

Contact Us / Login

Product
Resources Home