Heatmaps and Clickmaps with Nelio

Today I’d like to present the following video about one of the most interesting features Nelio A/B Testing offers: Heatmaps and Clickmaps.

Heatmaps are a graphical representation of mouse events, including click and hovering events. The information depicted in a heatmap helps you to understand what visitors do while browsing your website and can easily lead to insights you can’t find using other methods.

Screen Shot of Heatmaps of our subscription plans page with Nelio A/B Testing — Screen Shot of Heatmaps of our Pricing Plans page with Nelio A/B Testing

With Nelio A/B Testing, you’ll be able to collect and view heatmaps on any page (or custom post) in your website.

Selecting heatmaps experiment with Nelio A/B Testing

Just name the experiment, look for the page you’re interested in, and create and run the experiment.

Creating new heatmap experiment with Nelio

Once the experiment has been running for a while, you’ll be able to see a heatmap on top of your page, as well as the number of page views that contributed to the final composition.

Number of pageviews used to build a heatmap

Note that Nelio builds up to four different heatmaps, depending on the screen size of the device the visitor used to browse your website. These four perspectives help you understand how a mobile, a tablet, laptop or a desktop computer might influence the behavior of your visitors.

Heatmaps collected with data from mobile pageviews

Heatmaps collected with data of tablet pageviews

Heatmaps collected with data from laptop pageviews

Heatmaps collected with data from desktop computer pageviews

In addition, if you take a quick look at the Settings menu, you’ll see that you can easily switch between Heatmaps (which show hovering and click events) and Clickmaps (which are focused on click events only).

And finally, you can also modify the opacity of the Heatmap.

Showing a heatmaps with a different oppacity

There’s a lot of things that you can learn from a Heatmap. For example, you may realize that people don’t like scrolling down your page, which means you probably need to make sure that the relevant content is above the fold. Or you might discover that your visitors don’t find what they’re looking for (or what you want them to find).

Learn why your call-to-actions, the benefits of your services, or even the prices of your products don’t stand out. You might even detect design flaws such as, for instance, the fact that your visitors try to click on elements that are not clickable.

Nelio’s built-in heatmaps reveal a lot of information about your website and are the perfect companion for an A/B Testing tool like ours. And the best part is, they’ll be automatically enabled for all your split tests, which means not only will you have information about which alternative converts the best, but you’ll also see how your visitors behaved in each variant of your test!