How to Set Up a Split Test with WPBakery (Visual Composer)

If you're using WPBakery (formerly known as Visual Composer) and want to run split tests directly inside your WordPress pages, you can now do it in just a few clicks with AB Split Test.

In this tutorial, we’ll walk through setting up your first split test using sections and rows inside WPBakery.

Step 1: Open WPBakery and Select a Row or Section

Load the page in WPBakery. Click on the settings icon for any row or section you want to test.

In the settings panel, click on the Split Test tab.

A screenshot shows a website editing interface with "Row Settings" open for split test options, overlaid on a page with black-and-white photos and text about barbers and baristas.

Step 2: Create a new test or select from an existing test

If you haven't already created a test, you can do that right from here.

A user interface shows "Row Settings" options, including row stretch, columns gap, minimum height, and other layout settings, with "Save changes" and "Close" buttons at the bottom.

Step 3: Choose a Conversion Goal

Your goal is what you're trying to optimize for. If you're using WooCommerce, it might be reaching the checkout or thank-you page. In this demo, we'll keep it simple and use "Time Active", set to 60 seconds. This means we want to see which version keeps visitors engaged longer.

Once you've selected the goal, hit Save.

A user interface displays a dropdown menu with conversion trigger options for setting up a test, including URL, element click, and WooCommerce events.

Step 3: Assign Variations

Now assign your first variation. Duplicate the row or section. Then scroll down to the second row or section you want to compare. Go into its settings and assign it to the same test, but give it a different variation name. Save everything, and your test is now live!

Split-screen layout with black-and-white photos of a man in a hat and a hand, beside text titled "Barber and Barista Shop" describing the history of barbers and hairdressers.

Step 4: Preview the Test

After saving, preview your page. You should only see one variation per load.

Use the admin bar at the top of the screen to toggle between variations. This is helpful for reviewing layouts before they go live to users.

A grayscale website page shows a bearded man in a plaid shirt and hat, with text describing a barber and barista shop, and a dropdown menu open at the top.

Step 5: Monitor the Results

Once the test is running, AB Split Test handles the stats for you:

  • Visits
  • Conversions
  • Conversion rate
  • Graphs showing variation performance over time

It even projects which version is likely to win so you don’t have to crunch any numbers yourself.

A/B test results dashboard showing no winner after 3 days; both HeaderVariation and HeaderOriginal have 0% conversion rates and need more views for reliable results.

Ready to Try It?

Split testing your WPBakery site is now easier than ever. To get started, download AB Split Test for free and launch your first test in minutes!

Leave a Comment

You must be logged in to post a comment.