Heatmaps and Clickmaps with Nelio

I was very tired of promoting my posts on social media… until we created Nelio Content, a WordPress plugin that makes it soooo easy I can't even believe it! Check it out!

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
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
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
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 from mobile pageviews
Heatmaps collected with data of tablet pageviews
Heatmaps collected with data of tablet pageviews
Heatmaps collected with data from laptop pageviews
Heatmaps collected with data from laptop pageviews
Heatmaps collected with data from desktop computer 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).

Screenshot of clickmaps with Nelio
Screenshot of clickmaps with Nelio

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

Showing a heatmaps with a different oppacity
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!

Alternatives of experiments include heatmaps views
Alternatives of experiments include heatmaps views

See below the heatmaps of the two alternatives of an A/B page experiment created in our pricing plans page. I hope you like it!

Heatmaps of one alternative of the pricing plans page
Heatmaps of one alternative of an A/B page experiment
Heatmaps of a different alternative of an A/B page experiment
Heatmaps of a different alternative of an A/B page experiment

Stay tuned for the upcoming videos!

by

Ruth obtained her PhD in Software Engineering at UPC and did a Master of Information Systems at DePaul University (Chicago). She has professional experience in the business world and at the University. Ruth has been University Lecturer at UPC, Vice-Dean for Corporate Relations of the Barcelona School of Informatics, and Associate Lecturer at ESADE. She specializes in software engineering and information systems management. She is also certified in Inboud Marketing.

Leave a Reply

Your email address will not be published. Required fields are marked *