Apr 21

How to setup an A/B testing experiment on MockingFish?

How to setup an A/B testing experiment on MockingFish

MockingFish provides an economical yet efficient A/B testing tool to the testers. With its A/B split testing and various usability testing options, MockingFish is a multi-testing program that provides so many options to the testers. Audience targeting, URL targeting, click heatmap tracking, scroll map tracking are some of the main features that you can easily notice.

Here we are going to discuss how can you set up an A/B testing experiment using the MockingFish A/B testing tool. This tutorial will guide you to setup your first and error free A/B testing experiment on the tool.

Get the A/B testing tool

You can get your access to the tool by simply registering a user account on the MockingFish site. After completing the small registration, you will be eligible to use the App for free (currently it’s available for free one year trial).

Sign Up Page for MockingFish Account

Setup an A/B testing experiment-

Once you complete the registration, you will be directed to the App interface where you can setup and deploy your experiment. When you are logged in for the first time, the first interface that you will see is for heatmap tool. You need to change it to the A/b testing by simply clicking on the “A/B testing” link on the header.

MockigFish  App interface

Once you are on the A/B testing interface, click on “Add New Project”

Add New Project on A/B testing interface

Next, provide a Project Name for your New project and Click “Add Project”

Project Name

In the next interface, you can add an experiment to your testing project by simply clicking on “Add New Experiment”. It will take you to the Add New Experiment page where you need to provide the following details to set up your experiment:

  • URL of the page which you want to test
  • Experiment Name
  • An Optional short description about the experiment

After providing these details, click “Next” button to go to the further step.

Sample Testing for CTA Button

Select the Experiment type as A/B test. Next, provide the start and end date of the experiment.

PS: It is recommended to run the experiment for at least 30 days to receive more confident results.

Sample Testing for CTA Button

The next interface you will see is the WYSIWYG editor view which will allow you to perform your modifications on the Variation page. Here, you can:

  • Add multiple Variations
  • Switch between Editing and Interactive mode
  • Edit variations using multiple editing options
  • Configure URL Targeting
  • Configure Traffic Allocation
  • Add experiment Goals
  • Add target Audience for the experiment

To learn more about Audience and URL targeting, you can refer to our post about A/B testing with targeting Who and Where

Also, do check our tips for getting reliable results from your A/B testing tool.

Once you have configured the experiment, click on Save to save your experiment. And then hit the Start Experiment button to get the script that you will add on your site to deploy your experiment live.

Experiment Variations

Once you Click on the Start Experiment, you will be provided with a small script. Copy and install this script in the “<head>” section of the page code which your testing.

Script Code

Right after you install the script on your page, the MockingFish tool will start tracking the page.


This guide should help you setup an A/B testing experiment on MockingFish App very easily. However, for some of the users, they might just do a mistake in installing the script on the intended page. That’s why we have developed various MockingFish extensions for all the platforms that you can use to install the script without any hassle. Check out how easily you can install the script on a Magento site.


Post A Comment