Head over to the Layout & Design tool link in your hamburger menu.
You will see that all pages (Post Page / Home Page / Section Page, etc) have this A/Btestingbutton here:
This will allow you to create new layouts to test.
Creating a new A/B testing layout
You can create a new B test in two different ways.
1) With the + New Test Case button.
2) By copying a specific layout with the Copy button that's in the settings.
CRUD operations for your layouts
You can Duplicate, Delete, see the Settings and Make this layout the default one with the 4 handy buttons at the top of each A/B test.
You can also change the name of your layout in the Case Title field in Settings.
Share it on social with our custom Query Param
Different A/B testing templates are identified in the URL of the page by a query param. You can see it and change it in your A/B layout's properties.
This Query Param can be customized by clicking on the variable andvalue fields and just changing what's written in them:
For example, the regular Home Page in this test site is https://example.com/
But you can see one of the A/B home page tests we've set up by going to https://example.com/?heading=3
Our A/B Testing Query Param allows you to, for example, share the same article with two different layouts on social:
- Article 1 with Layout A goes to Facebook
- Article 2 with Layout B goes to Twitter
We can also track the performance of each layout via a GA integration.
GA tracking with UTM campaigns
In each layout that is created, you can track their performance via GA. We have a default set up, but if you wish to customize it it's easily doable in the Settings card on the right side.
You can easily update the UTM campaign name so you can recognize it in your GA campaigns dashboard, as well as other UTM variables such as source, medium and content.
You can see some live examples of A/B testing here:
(Please make sure that if you're testing a Section Page, Article Page or any other pages that are not the homepage, you should open one of them and then add the query param.
Click on any section page in your site (like 'tests' on the demo site we showed) > then add the query param.
Click on any article page > then add the query param.