How to set up an AB Split Test in the WordPress Block Editor

We're going to set up a simple AB Test to decide which of x2 headings convert better on our website. These buttons will be different colours. It's a simple use case, but the same priciple could be appied to anything on a page... text, images, gradients... anything.

So, we need to set up a test and then something to measure the conversion of that test. In this case a page with x2 headings on it and then a conversion page when the clicks of those buttons are recorded and fed into our test so that we can see the data.


1. Click on New Test

The WordPress admin menu with AB Split Test open and New Test selected.

2. Give your test a name,

Internal only

A new AB Split Test named Northside Dental - consult headline.

3. Choose On Page Elements test type

The Test Type picker with On Page Elements selected.

4. Choose a conversion event or goal

Can be a page visit, button click, JavaScript event ormore.,

Primary Conversion set to Page or Post Visit, with the conversion page Consult booked.

5. Start your Test

The test status panel for a draft test, with Save Draft and the Launch Test button.

6. Go to an existing or new page built with blocks

The block editor open on a page with a heading, a paragraph and a Book now button.

Click on Block: Heading

The heading block selected in the block editor, with its block toolbar and the Block settings sidebar open.

2. Click on your previously created "Blocks Test" from AB Split Test Block Settings Section

The AB Split Test panel in Block settings, with the Test field suggesting Northside Dental - consult headline.

3. Give your first variation a name

The AB Split Test panel with the test selected and the Variation Name set to Original.

4. Create your next variation

We'll duplicate the existing heading, but you could use an entirely different block if you like.

The heading block duplicated in the block editor, so the page shows the same heading twice.

5. Click variation

The duplicated heading selected in the block editor.

6. Make your changes to the variation

The copied heading edited to read Same-week appointments for new patients.

7. And give the variation a new name also

The AB Split Test panel for the second heading, with the Variation Name set to Same-week.

8. Click on Publish to update your page

The block editor top bar with the Save button that publishes your changes.

9. View your Page to view the output

The published demo page on the front end, showing the heading Book your free consult today, the intro paragraph and the Book now button.

10. Click on AB Split Test in the Admin Bar, then click the variation names to toggle the variations

The AB Split Test menu in the admin bar on the front end, listing the test and its two variations, Original and Same-week.

11. Click on starter to view the other variation

The front end switched to the Same-week variation from the admin bar, so the heading now reads Same-week appointments for new patients.

12. Click on the test name to view the test results & edit settings.

The AB Split Test admin bar menu with the test name, which links to the test's results and settings.

Leave a Comment

You must be logged in to post a comment.