Split Testing Pages in WordPress

A/B tests of WordPress pages are a type of test in which one or more variants of a certain page of your website are defined in order to find out which of them is better to get conversions among your visitors.

Nelio A/B Testing allows you to perform this type of test in WordPress in a very simple way, offering the necessary tools to create alternative content, perform the test, and track visitors and achieve goals such as increasing revenue or subscriptions. Install, activate, and configure Nelio A/B Testing and get the most out of your website.

Instructions for Split Testing Pages

Once you have installed, activated, and configured Nelio A/B Testing, follow these instructions to create split tests of WordPress pages.

Create a New Split Test of WordPress Pages

  1. Under the Nelio A/B Testing menu, click on Tests to view and manage your tests.
  2. Click the Add Test button at the top of the screen.
  3. A pop-up window will open with all the types of tests you can create. Each of them has a name and an icon.
    • Click on Page.
Selector of test in Nelio A/B Testing.

Name and Define Your Test

First of all, give a descriptive Name to the test you want to create to help you identify it in the future. Also, on the right sidebar, you’ll find three additional tabs:

  • Status & Management, where you see the status your test is currently in (Draft, Ready, Scheduled or Paused) and options on when it should start and end,
  • Description of the test, where you can indicate what you are testing and what you intend to achieve with it,
  • Test Scope, where you specify which pages of your website are affected by this test. For an A/B test of pages, you can activate Global Consistency.
Naming a new A/B test of pages

How to Create the Variants to Test

An A/B test of WordPress pages consists of testing different variants of a page and measuring which one works best to achieve your goals. For example, you can analyze on your homepage what changes in design or content generate more interest or provide more sales.

Why don’t you test different images in your pages and see which combination works the best?

Select The Page to Test

First, select the page (called “Control Version” or commonly “Version A”) that you want to test. To do this, you either choose it from the list of options that appears by default, or you search for it by typing its title, its URL, or its identifier.

Selecting a page to test with Nelio A/B Testing.

Create New Variants

Then create a “Variant B” (or more than one variant, if you wish) of the previously selected page:

  1. Name your variant in the field next to the letter indicating the variant you are creating (for example, “First Variant,” “Change in the order of the products,” or “Image with blue background”).
  2. By default, each variant created will be an exact copy of the control page you selected before. Click the Edit link for a variant to modify it.
  3. If you want to create more than one variant, click on the New Variant button at the end of the section.
Creating new variants of an A/B test.

Editing a Variant

When you edit a variant, WordPress will open your default content editor. This can be the official WordPress block editor or any other editor that your theme or plugins have set up.

From the editor, modify the page as you like so that it looks different from “Version A.” When you’re done, click Save Draft. Remember that alternative pages cannot be published (since they are only shown as part of an A/B Test and are controlled by Nelio A/B Testing).

Editing a variant of an A/B test.

Additionally, when you are editing a page that belongs to a test, the Nelio A/B Testing section appears on the right sidebar allowing you to:

  • Return to the test to which the variant belongs,
  • Go directly to edit the control version or any other variant,
  • Overwrite the current content by importing the content from any other page published on your website.

How to Define Your Conversion Goals and Actions

A/B tests are usually performed with one or more goals in mind, such as “show interest in your products” or “increase visits to posts.” The goals are met when the visitor performs certain actions. For example, a visitor may be “increase visits to posts” when he visits any of your blog posts. Moreover, a visitor may “show interest in your products” when they visit your pricing page or when they complete a certain form of requesting information.

Let’s see how to define conversion goals and actions in Nelio A/B Testing in order to track the activity of your visitors.

Define Your Conversion Goals

You can add as many goals as you want by clicking on the + New link. If you create more than one goal, Nelio A/B Testing will show you information on how effective each variant is for each of the defined goals.

Optionally, you can give your goal a name to help you remember what you were interested in improving in your test. For example, your goals could be “Show interest in my products” or “Increase visits to posts.”

Defining a conversion goal of an A/B Test.

Add Conversion Actions to Your Goals

Different types of conversion actions are available to track your visitors. For example, you can control when they access a certain page, when they click on a certain element of your website, or when they submit a contact form.

  1. Click on the Action Button that interests you. For example, if you want them to visit a product’s pricing page or a post, click Page View icon.
  2. Each type of conversion action has its own settings. In the case of a Page View, for example, you must specify what type of content the user has to visit (a page, a post, etc.) and what is the specific content to visit for a conversion to be counted.
  3. Repeat the process for all the actions you want to add.
Adding conversion actions to an A/B test.

Remember that you can delete any action by clicking on the Delete link below the action.

How to Start the Test

Once you have fully defined your test, you will see that the status of the test will have passed from Draft to Ready. At that point, you can Start it so that your website visitors can see the different variants that you have created and Nelio A/B Testing will start tracking their actions.

How to See the Progress of a Test and Its Results

In the menu option Tests you can see the list of the tests created, the status they are in and the date of their last update. At any time you can see the results of a test that is started or that has already ended by clicking on the View Results link below its name.

Test Progress

The results page shows, in turn, the following information on the progress of a test:

  1. Test Name
  2. Evolution with the conversion rate of the control version and all variants, as well as the total number of conversions and visits to the tested pages.
  3. Two additional graphs showing the conversion rates of each alternative and its degree of improvement over the original, respectively.
  4. For each of the variants of the test we will see a thumbnail image, if available, of the page under test, the number of visits it has received, its number of conversions, the resulting conversion rate and, for all variants other than the original, the degree of improvement that they have with respect to the control version.
  5. We also found a button to display the heatmap of that variant.
  6. Finally, a summary of the conversion goals and actions of the test is shown.
Evolution of an A/B test with Nelio A/B Testing.

Improve Your Web Conversion

You can end a test manually at any time by clicking on the Stop button found in the top right corner of the results page. Remember that a test can also end automatically if the condition indicated in its end mode is met.

After completing a test, and to improve the conversion of your website, click on the Apply button of the winning variant (if it exists) and the content of the original page will be replaced with the content of the winning variant.

Resultados test A/B de variaciones de páginas.

Not Yet a Subscriber?

TAKE A LOOK AT YOUR PLANS

The Best A/B Testing Plugin for WordPress