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:
- Log in to the Shopify webstore as an administrator.
- In the navigation bar on the left of the screen, select Sales Channel, Online Store, and click Themes.
- On the Themes tab, click Customize Theme option.
- On the page that opens,select Theme Options on the top of the page and select Edit HTML/CSS option.
- 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.
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:
- Create an A/B test, split URL test, or a multivariate test using VWO.
- 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.
- After you create the test, VWO generates the following revenue tracking code:
- 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:
- Using your admin credentials, go to you Shopify site Settings page and click Checkout.
- In the Checkout page, enter the VWO revenue tracking code under Additional content & scripts field as shown in the following image:
- Click Save change to implement the code.