VWO

Overview

VWO is a comprehensive platform designed for conversion rate optimization (CRO), offering a suite of tools that support experimentation, personalization, and user behavior analysis. It is developed and maintained by Wingify, a company founded in 2010. The platform's core utility lies in enabling businesses to conduct A/B tests and other experimental designs on their websites and applications to identify optimal user experiences. This includes testing variations of page layouts, content, calls-to-action, and user flows to ascertain which configurations yield higher conversion rates.

Targeted at developers, technical buyers, and marketing professionals, VWO provides functionalities such as website personalization, allowing for the delivery of customized content and experiences to specific user segments. This is typically achieved through rules-based targeting or integrating with other data sources to inform personalization strategies. For understanding user interaction, VWO incorporates features like heatmaps, which visualize where users click, move, and scroll on a page, and session recordings, which capture anonymized user sessions for retrospective analysis. Form analysis tools are also available to identify points of friction within web forms, helping to improve completion rates.

VWO's architecture supports integration with various analytics and marketing technology stacks, providing a mechanism for data exchange and unified reporting. Developers can utilize a JavaScript API to build custom integrations, retrieve experimental data, and extend platform capabilities. The platform's documentation provides examples for common use cases, facilitating custom code development and deeper system integration. VWO aims to provide a consolidated environment for managing the entire CRO workflow, from hypothesis generation and experiment design to execution, analysis, and implementation of winning variations. The platform's comprehensive approach to CRO distinguishes it from point solutions that only address specific aspects of user experience optimization.

Key features

• A/B Testing: Conduct server-side and client-side A/B tests, multivariate tests, and split URL tests to compare different versions of web pages and user interfaces (VWO Testing docs).
• Website Personalization: Deliver tailored content and experiences to specific user segments based on their behavior, demographics, or other attributes (VWO Personalization guide).
• Heatmap Analysis: Visualize user interaction patterns on web pages through heatmaps, clickmaps, and scrollmaps to understand engagement levels (VWO Heatmap documentation).
• Session Recording: Replay individual user sessions to observe how visitors interact with a website, identifying usability issues and points of friction (VWO Session Recording overview).
• Form Analysis: Analyze user behavior within web forms to identify drop-off points, field-specific issues, and opportunities for optimization (VWO Form Analysis guide).
• Server-Side Testing: Implement A/B tests directly within backend code, enabling experimentation on dynamic content and application logic (VWO Server-Side Testing documentation).
• Developer API: Access and extend VWO's functionality programmatically using a JavaScript API for custom integrations and data extraction (VWO API reference).

Pricing

VWO offers a tiered pricing model, including a free tier for limited functionality and custom enterprise pricing for comprehensive solutions. The pricing structure varies based on features and usage volume, moving from a starter offering to more advanced plans.

For detailed pricing information and plan specifics, refer to the official VWO pricing page.

Common integrations

• Google Analytics: Integrate VWO experiment data with Google Analytics for unified reporting and deeper audience insights (VWO Google Analytics integration guide).
• Shopify: Implement A/B tests and personalization on Shopify stores to optimize e-commerce conversions (VWO Shopify integration documentation).
• Adobe Analytics: Connect VWO to Adobe Analytics for comprehensive data analysis and reporting (VWO Adobe Analytics setup).
• Salesforce: Utilize Salesforce data for advanced audience segmentation and personalization in VWO experiments.
• Mixpanel: Send VWO experiment data to Mixpanel for product analytics and behavior tracking.
• Zapier: Automate workflows by connecting VWO with over 6,000 other applications via Zapier (Zapier VWO integrations).

Alternatives

• Optimizely: An experimentation platform offering A/B testing, feature flags, and personalization for web and mobile.
• Google Optimize: A free A/B testing and personalization tool integrated with Google Analytics for web experiments.
• Hotjar: A behavior analytics platform providing heatmaps, session recordings, and surveys, focusing on user insights similarly to VWO's Insights product.
• CXL Institute: Offers courses and resources on conversion rate optimization, including methodologies that can be applied with tools like VWO (CXL's CRO tools overview).
• Adobe Target: An enterprise-grade solution for A/B testing, multivariate testing, and AI-powered personalization.

Getting started

To begin using VWO, the primary method involves embedding a JavaScript smart code snippet into the header of your website. This code initializes the VWO platform and enables the execution of experiments and tracking of user behavior. The following example demonstrates how to include the VWO smart code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My VWO Test Page</title>
  <!-- VWO SmartCode (replace VWO_ACCOUNT_ID with your actual ID) -->
  <script type="text/javascript" id="vwoCode">
    window._vwo_code = window._vwo_code || (function() {
      var account_id = VWO_ACCOUNT_ID; // Replace with your VWO Account ID
      var settings_tolerance = 2000; // Time in milliseconds
      var library_tolerance = 2500; // Time in milliseconds
      var use_existing_jquery = false; // Set to true if jQuery is already present on your page
      var is_spa = 1;
      var f = false;
      var d = document;
      var v = {,
        // Other VWO settings can go here
      };

      var a = d.createElement('script');
      a.type = 'text/javascript';
      a.async = true;
      a.src = 'https://assets.vwo.com/vwo-web/dist/v1/vwo.js?v=' + VWO_ACCOUNT_ID;
      d.getElementsByTagName('head')[0].appendChild(a);

      var b = d.createElement('script');
      b.type = 'text/javascript';
      b.async = true;
      b.src = 'https://dev.visualwebsiteoptimizer.com/j.php?a=' + VWO_ACCOUNT_ID + '&u=' + encodeURIComponent(d.URL) + '&r=' + Math.random();
      d.getElementsByTagName('head')[0].appendChild(b);

      return account_id;
    })();
  </script>
  <!-- End VWO SmartCode -->
</head>
<body>
  <h1>Welcome to my website!</h1>
  <p>This content can be A/B tested with VWO.</p>
  <button id="testButton">Click Me</button>
  <script>
    // Example of tracking a custom event with VWO
    document.getElementById('testButton').addEventListener('click', function() {
      if (window.VWO) {
        window.VWO.push(['track.goal', 'buttonClickGoal']);
        console.log('VWO goal tracked: buttonClickGoal');
      } else {
        console.log('VWO not initialized or available.');
      }
    });
  </script>
</body>
</html>

After embedding the smart code, you can use the VWO visual editor to create variations, define goals, and launch A/B tests without needing to write additional code. For more advanced use cases—such as server-side testing or integrating VWO with single-page applications (SPAs)—refer to the VWO developer documentation, which provides detailed guides and API references.