
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.