Product Updates + Strategy

A/B Testing your layouts

A/B Testing your layouts

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:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fc2130d61-f214-46a9-815a-7c069dcf20ac%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=953&h=68846ba60f169eb8292f882c6168854313d29eff337e782dffee7332fd586491&size=980x&c=2557245222 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fc2130d61-f214-46a9-815a-7c069dcf20ac%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D953%26h%3D68846ba60f169eb8292f882c6168854313d29eff337e782dffee7332fd586491%26size%3D980x%26c%3D2557245222%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""] 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.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fd5f6d9a7-b5a4-466f-b5ae-0b62488117fd%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=288&h=46c6fb8021f7aad7a09d46a8a6642bed73d5c50709be0f0b546791c1e22e24c3&size=980x&c=3503819983 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fd5f6d9a7-b5a4-466f-b5ae-0b62488117fd%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D288%26h%3D46c6fb8021f7aad7a09d46a8a6642bed73d5c50709be0f0b546791c1e22e24c3%26size%3D980x%26c%3D3503819983%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

2) By copying a specific layout with the Copy button that's in the settings.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F881f0053-21b1-45bc-ace8-f649bd812a16%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=278&h=72b3fd03cb689270953b1ad7a601fb3fcc9e6d51368bc95e8af42c585e9c4805&size=980x&c=805390521 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F881f0053-21b1-45bc-ace8-f649bd812a16%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D278%26h%3D72b3fd03cb689270953b1ad7a601fb3fcc9e6d51368bc95e8af42c585e9c4805%26size%3D980x%26c%3D805390521%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]


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.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fab3bc673-7e7f-4676-bfea-29ec1376ab41%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=741&h=30816b4feca2e48213911e0f77f03bed630e876b109c2575cf79298f4209a86d&size=980x&c=4202907224 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fab3bc673-7e7f-4676-bfea-29ec1376ab41%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D741%26h%3D30816b4feca2e48213911e0f77f03bed630e876b109c2575cf79298f4209a86d%26size%3D980x%26c%3D4202907224%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

You can also change the name of your layout in the Case Title field in Settings.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fbfb34977-a0d9-4e9b-ac03-fbe4088e087b%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=69&h=8cd934e17d848dd7418feaacd59cf47de3f746db56ceb07eb438ff62bfb5ed73&size=980x&c=742304406 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fbfb34977-a0d9-4e9b-ac03-fbe4088e087b%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D69%26h%3D8cd934e17d848dd7418feaacd59cf47de3f746db56ceb07eb438ff62bfb5ed73%26size%3D980x%26c%3D742304406%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]


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.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fba096c77-6755-4b94-84e6-4f3c805f12c7%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=653&h=8015f666c8c35c6c6fe590000aeccf73bae944d902c37697b7ca63c895cc1bdc&size=980x&c=3118734146 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fba096c77-6755-4b94-84e6-4f3c805f12c7%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D653%26h%3D8015f666c8c35c6c6fe590000aeccf73bae944d902c37697b7ca63c895cc1bdc%26size%3D980x%26c%3D3118734146%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

This Query Param can be customized by clicking on the variable andvalue fields and just changing what's written in them:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F7d910f83-346c-4991-a927-409b8d77a83b%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=567&h=1a7c923a22960c91c29f4b5d22301a5c313bfcb6c656f559ec6b2a84e7deb539&size=980x&c=2453755904 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F7d910f83-346c-4991-a927-409b8d77a83b%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D567%26h%3D1a7c923a22960c91c29f4b5d22301a5c313bfcb6c656f559ec6b2a84e7deb539%26size%3D980x%26c%3D2453755904%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

For example, the regular Home Page in this test site is http://dokidoki.rebelmouse.com
But you can see one of the A/B home page tests we've set up by going to http://dokidoki.rebelmouse.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.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F871fd589-4545-4aac-aab9-3eb7bbbedd70%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=542&h=45f130008846227ca6a46ea4bde394cf004f7e97ac78ada8c08f906ef6f906f1&size=980x&c=1049484360 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F871fd589-4545-4aac-aab9-3eb7bbbedd70%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D542%26h%3D45f130008846227ca6a46ea4bde394cf004f7e97ac78ada8c08f906ef6f906f1%26size%3D980x%26c%3D1049484360%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

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:

Home Pages

http://dokidoki.rebelmouse.com?splash=true

http://dokidoki.rebelmouse.com?splash=false

Section Pages

http://dokidoki.rebelmouse.com/tests?section=basic

http://dokidoki.rebelmouse.com/tests?section=three

(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.

i.e:

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.

What Is RebelMouse?
Request a Proposal

Where 
Websites Are Built

The Fastest Sites in the World Run on RebelMouse

Let’s Chat

new!

RebelMouse Performance Monitoring

Real-Time Core Web Vitals

Get Started
DISCOVER MORE

Our Core Features

Our platform is a complete digital publishing toolbox that's built for modern-day content creators, and includes game-changing features such as our:

Layout and Design toolLayout and Design tool on mobile
animate
animate

Why RebelMouse?

Unprecedented Scale

RebelMouse sites reach more than 120M people a month, with an always-modern solution that combines cutting-edge technology with decades of media savvy. And due to our massive scale, 1 in 3 Americans have visited a website powered by RebelMouse.

120M+ Users
550M+ Pageviews
17+ Avg. Minutes per User
6+ Avg. Pages per User

Today's Top Websites Use RebelMouse

Thanks to the tremendous scale of our network, we are able to analyze a wealth of traffic data that informs our strategies and allows us to be a true strategic partner instead of just a vendor.

upworthyConverations.indy100Vault12Hamu Es Gyemant RawStorydot.LAPrideMNI Market NewsPremierGuitarPenskeINN Educate Brand ConnectThe FulcrumGZEROOkayafricaBrit+CoPaper MagazinePowerToFlyNarcityCommonDreamsAllBusiness

What Clients Say

We’re here to help you weigh and understand every tech and strategic decision that affects your digital presence. Spend less time managing everything yourself, and more time focused on creating the quality content your users deserve.

Case Studies

A Team Built Like No Other

RebelMouse employs a unique, diverse, and decentralized team that consists of 70+ digital traffic experts across more than 25 different countries. We have no central office, and we cover every time zone to ensure that we’re able to deliver amazing results and enterprise-grade support around the clock.

Our team is well-versed in all things product, content, traffic, and revenue, and we strategically deploy ourselves to help with each element across all of our clients. We thrive on solving the complex.

Let's Chat