Visual Website Optimizer

This plugin simplifies the process of adding the VWO SmartCode to your WordPress site and enables automatic tracking of WooCommerce events like product views, add-to-cart actions, and completed purchases. It also offers optional server-side tracking to bypass client-side blockers and improve event reliability.

Key Features

• Easy VWO SmartCode integration
• Automatic WooCommerce event tracking
• Event-level data passed to VWO for advanced reporting
• Support for asynchronous and synchronous SmartCode types
• Optional server-side tracking for more accurate analytics
• Works seamlessly with WooCommerce

Configuration and Setup

Configuring General Settings

1. Go to Settings > VWO.
2. Enter your VWO Account ID.
3. Choose your preferred code type:
   • Asynchronous (Recommended): Loads faster, doesn’t block elements.
   • Synchronous: Not recommended for performance reasons.
4. Click Save Changes.

Configuring WooCommerce Settings

1. Open the WooCommerce tab in the VWO settings.
2. Enable WooCommerce Event Tracking.
3. Enable the specific events you want to track:
   • Product Viewed
   • Add to Cart
   • Product Removed From Cart
   • Purchase Order
4. Click Save Changes.

Configuring Server-Side Tracking (Optional)

1. Enable Server-Side Tracking from the WooCommerce tab.
2. Click Save Changes.

Verifying Event Tracking in VWO

1. Log in to your VWO account.
2. Go to Data360 > Events.
3. Perform sample actions on your WooCommerce store.
4. Check the events list in Data360.
5. Register any events listed under “Unregistered Events”.

WooCommerce Events Imported Into VWO

Product Viewed

• Event API Name: woocommerce.productViewed
• Payload:
  • price, currency, productId, productTitle, productUrl, productCategory, productSku, quantity, variantId

Add To Cart

• Event API Name: woocommerce.addToCart
• Payload:
  • price, currency, productId, productTitle, productUrl, productCategory, productSku, quantity, variantId

Remove from Cart

• Event API Name: woocommerce.removeFromCart
• Payload:
  • price, currency, productId, productTitle, productUrl, productCategory, productSku, quantity, variantId

Purchase

• Event API Name: woocommerce.purchase
• Payload:
  • orderId, productId, productSku, productPrice, productQuantity, discount, shippingPrice, totalTax, totalPrice, currencyCode