|
In this article, you’ll learn about: |
The Shopify VWO app seamlessly integrates your Shopify account with VWO, facilitating the transfer of Shopify’s standard events securely. It simplifies checkout tracking by supporting checkout extensibility using pixels for data transfer.
Setting up the app is so hassle-free and just a few clicks away.
- Owing to Shopify's security-based limitations, the VWO SmartCode will not be placed on the Checkout, Post Purchase, and Order Status pages. Therefore, you will not be able to include these pages in any of your VWO campaigns.
Step 1: Access the VWO App for Integration in Shopify
- Click on this link to access Shopify’s VWO app for integration.
- Click the Install button.
-
On the Install app page for Shopify’s VWO app that appears, review the access information required for VWO to facilitate the integration. If you wish to proceed, click the Install button.
NOTE: The mentioned scope of PII in the screen is a standard requirement from Shopify. VWO does not store any PII information on our server.
Step 2: Install the VWO App
Overall, you only need to do two simple things to prepare the app for connecting your VWO account with Shopify:
Install the VWO SmartCode on Your Website
Perform the following steps directly if you have not already installed the VWO SmartCode on your website (your online store on Shopify). If your website is installed with the VWO SmartCode, you can skip to this section. However, we recommend manually removing the code and performing the following steps:
- On the app’s page, click on the link to the Shopify Editor provided in the Install VWO SmartCode on your website section. This opens the Shopify Editor on a separate tab.
-
In the VWO Account ID field, enter your VWO account ID.
- Click on Save at the top right corner.
This installs the VWO SmartCode on all your website pages except the Checkout, Post Purchase, and Order Status pages.
Enable Sending Standard Shopify Events to VWO
In order to use Shopify's standard events to run your campaigns in VWO, you can simply integrate your VWO account with the app to start streaming them. These events can be used in tracking metrics and targeting visitors for your campaigns
-
On the app’s page, click on the Enable Tracking button in the Send your standard events from Shopify to VWO.
-
On the VWO Account ID field that appears, enter your VWO account ID.
- Click on Activate Tracking.
Now, the standard events that you use in Shopify will be available in Data360 > Events > UNREGISTERED EVENTS in your VWO account. You will have to register these events to use them for targeting your campaigns. These events will have the following syntax: shopify.<event name>.
ATTENTION: Do not copy and paste the API codes of registered events onto your website, as this will duplicate event entries in VWO and skew your reports.
Step 3: Configure Events to be Exported to VWO
Depending on your requirement, you can either send all of the available standard events or send a select number of them from your Shopify account to VWO. By default, all of these events are selected. If needed, you can restrict any unnecessary events from being shared.
To do so, select Yes, I’d like to configure events according to my event preferences. This displays all the events in the export bundle. Simply click on the Turn off button to deselect an event to be exported to VWO.
Shopify’s Standard Events Imported Into VWO
The following are Shopify’s standard events that will be imported into VWO, along with their properties:
Page Viewed
This event is mapped to Shopify’s page_viewed event.
VWO Event API Name: shopify.pageViewed
Product Viewed
This event is mapped to Shopify’s product_viewed event.
VWO Event API Name: shopify.productViewed
Payload:
| Property API Name | Description |
| variantId | Variant ID of the viewed product |
| price | Price of the product |
| currency | Currency of the product price |
| productId | Product ID |
| productTitle | Product Title |
| productUrl | Product URL |
| productVendor | Product Vendor |
| productType | Product Type |
Product Added to Cart
This event is mapped to Shopify’s product_added_to_cart event.
VWO Event API Name: shopify.productAddedToCart
Payload:
| Property API Name | Description |
| totalAmount | Cost of added items |
| currency | Currency of the product price |
| productId | Product ID |
| productTitle | Product Title |
| productUrl | Product URL |
| productVendor | Product Vendor |
| productType | Product Type |
| quantity | Product Quantity |
Product Removed From Cart
This event is mapped to Shopify’s product_removed_from_cart event.
VWO Event API Name: shopify.productRemovedFromCart
Payload:
| VWO Property API Name | Description |
| totalAmount | Cost of added items |
| currency | Currency of the product price |
| productId | Product ID |
| productTitle | Product Title |
| productUrl | Product URL |
| productVendor | Product Vendor |
| productType | Product Type |
| quantity | Product Quantity |
Cart Viewed
This event is mapped to Shopify’s cart_viewed event.
VWO Event API Name: shopify.cartViewed
Payload:
| Property API Name | Description |
| totalAmount | Cost of entire cart |
| currency | Currency of the product price |
| quantity | Total item quantity |
Checkout Started
This event is mapped to Shopify’s checkout_started event.
VWO Event API Name: shopify.checkoutStarted
Payload:
| Property API Name | Description |
| totalAmount | Total Cart value, including tax |
| currency | Currency of the product price |
| totalTax | Total item quantity |
Checkout Completed
This event is mapped to Shopify’s checkout_completed event.
VWO Event API Name: shopify.purchase
Payload:
| Property API Name | Description |
| totalPrice | Total Cart value, including tax in local currency |
| shippingPrice | Shipping price for the transaction in local currency |
| currencyCode | Local currency of the transaction |
| totalTax | Total amount of tax on the order in local currency |
| totalDiscount | Total discount on the order in local currency |
| productId | CSV of line item product IDs |
| productVariant | CSV of line item variant IDs |
| productSku |
CSV of line item product SKUs |
| productPrice | CSV of line item prices in store currency |
| productQuantity | CSV of line item quantity |
| productCurrency | Store currency in which the product prices are denoted |
| orderId | ID of the order |
INFO: In addition to standard events, VWO allows you to tailor your data further by writing custom code. Click here to learn more about creating custom events.