Subscribe to Our Newsletter

x

How to A/B Test Layouts

Let's get started. Go to the Layout & Design tool in the left-hand navigation menu.


You'll find that all pages (Post, Home Page, Section, etc.) have an A/B action button in the toolbar:

This will allow you to create new layouts to test.

Creating a New A/B Testing Layout

You can create a new B test two different ways:

1. Use the + NEW TEST CASE button.

2. Copy a specific layout with the Copy button that's in the settings menu of a layout.

CRUD Operations for Your Layouts

You can Copy, Delete, check Settings, and Set a Default Layout using the four handy buttons at the top of each A/B test.

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

Share It on Social with Our Custom Query Parameter

Different A/B testing templates are identified in the URL of a page via a query parameter. You can find this variable and change it in the Properties card of your A/B layout.

The query parameter can be customized by clicking into the Query Variable and Query Value fields and simply overwriting them:

For example, the regular home page URL for the following test site is http://dokidoki.rebelmouse.com. But you can check out one of the A/B home page tests we've set up by going to http://dokidoki.rebelmouse.com/?heading=3. Neat, huh?

Our A/B testing query parameter lets you, 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

Google Analytics Tracking with UTM Campaigns

We can also track the performance of each layout via a Google Analytics integration. We have a default setup, but if you wish to customize it then it's easily doable in the Properties card.

Below the query parameter fields, you'll find all of the usual UTM variables that can be set up to match your own tracking. You can see some other 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 home page, that you open up the page first and then add the query parameter. So click on any Section/Article page on your site (E.g., "/tests/" on the demo site we've been using as an example in this post), and then add the query parameter to the end of the URL. Otherwise, the site will think you're trying to load a different layout for the home page.

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x

How to Setup Google Search Console ​

Google Search Console is a free tool that helps you to understand and optimize your site's performance on Google's search results. When Google visits your website for tracking purposes, it performs what's called crawling and indexing, a process of adding webpages into its search results.

The console will allow you to add or remove certain content from Google's search results. The tool will also help you learn which keywords trigger your site to appear in Google's ranking, and which third-party sites are linking to yours. It also allows you to monitor your site's performance on search, including locating any errors on your pages. Here is a step-by-step guide for adding a Google Search Console to your RebelMouse website.

Keep reading... Show less

NEW: Important Upgrade to Facebook's Share Feature

There's an exciting new feature live on all RebelMouse sites that makes every Facebook share more customizable. This key update allows you to edit the meta information of a Facebook post before and after publish, making it easier to manage how your content appears on the platform.

Keep reading... Show less

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x

How to Add Google Forms to a Static Page

The easiest way to add forms to your RebelMouse site is to use Google Forms, which embeds right into the code of your page. Here's a step-by-step guide.

Keep reading... Show less

Create a Winning SEO Strategy with Related Articles

One of the staples of our Entry Editor is the ability to optimize your article for search while it's still in draft mode. You can customize the SEO headline, description, and even the URL slug of each post before it's published.

Keep reading... Show less