Talk to a sales representative

+1 844-822-8378
or

Write to us

Shopify

Saturday, March 22, 2014

To integrate VWO with your Shopify webstore, you must first add VWO smart code in all the pages where you want to run the campaign. After adding the code to the web pages, you can create and run VWO campaigns on all the pages where you have added the code.

Add VWO Smart Code to your website pages

Follow these steps to add VWO smart code to your shopify webstore:

  1. Log in to the Shopify webstore as an administrator.
  2. In the navigation bar on the left of the screen, select Sales Channel, Online Store, and click Themes.
  3. On the Themes tab, click Customize Theme option.
  4. On the page that opens,select Theme Options on the top of the page and select Edit HTML/CSS option.
  5. Navigate to the theme.liquid file on the customization panel and add the VWO smart code. The VWO smart code will be added to all the pages (site-wide) in the selected theme.
  6. Please note: Since revenue goal is tracked on Shopify’s domain, you must enable multiple domain tracking in VWO. Click here to know how a campaign can be run across multiple domains.

Implement revenue tracking goal in shopify webstore

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, you must 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.

Generating VWO code

Follow these steps to generate VWO tracking code:

  1. Create an A/B test, split URL test, or a multivariate test using VWO.
  2. On the Goals page, select Generates revenue at URL 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 the following revenue tracking code:
    <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. Copy and paste the revenue tracking code on your Shopify conversion page (thank you/checkout page). Please note that VWO smart code should be pasted above the revenue tracking code.

Add Revenue Tracking Code to Shopify page

Follow these steps to add VWO revenue tracking code to the Shopify conversion page:

  1. Using your admin credentials, go to you Shopify site Settings page and click Checkout.
  2. In the Checkout page, enter the VWO revenue tracking code under Additional content & scripts field as shown in the following image:
  3. Click Save change to implement the code.
Check Your Email!
We've sent a message to
yourmail@domain.com
with an activation link in it.
Just click the link, and we'll take it from there.
Can't find the mail?
Check your spam, junk or secondary inboxes.
Still can't find it? Let us know at support@vwo.com