👉 Using the Heatmap

📖 Definition

The Heatmap is a graphical representation of the interactions of your visitors on a given webpage. The more clicks there are on an area of the page, the redder this area will be.
The green color indicates that there are few interactions. The orange color indicates that there are some interactions and the red color that there are a lot of interactions and clicks on an area. For more information on the Heatmap, refer to Using the Heatmap.

⚙️ Configuration

To create a Heatmap for your A/B test, go to the Advanced options of your test and toggle the Heatmap ON. The webpage displayed in the Heatmap coincides with the Sample URL that you set in the Main information step of the campaign configuration.
As for click or action tracking, the Heatmap function is not retroactive.

🚩 Heads up

If your A/B test has been created before the 03/04/2021, the Heatmap, which had been automatically created when you launched your test, is now disabled.
If you reactivate it, data collection will start again and data you have collected before this date will remain (no data loss). In this case, there will be a gap between data you have collected until this date and new data generated from the date you have reactivated the Heatmap.

When you hover over colored areas, the Heatmap shows a rectangle corresponding to the HTML element, along with the aggregated number of clicks on this element. It also displays the percentage of clicks that this element represents compared to the total number of clicks in the whole page. 

There are two types of Heatmap:

• The variation Heatmap, which enables you to see the interactions of your visitors in a single variation of your choice, on a given device.
• The Comparative Heatmap, which enables you to compare your visitor’s engagement on your page across two variations, on a given device. Two Heatmaps are displayed in the same frame with a slider. To compare the two Heatmaps and spot where visitors are more engaged in each variation, you need to drag the slider to the left and to the right. 

💡 Use case

For example, you have a travel website and implemented an A/B test to determine which version triggers the most clicks on the ‘Book’ CTA of your travel pages. In the original version, the wording is ‘Book now’ and in variation 1, it is ‘Check availability’. After analysing your report data, you view the Heatmap to compare the clicked areas on the button. To do so, you need to compare the original version of your website with variation 1 within the comparative Heatmap. You notice that the area corresponding to the CTA in variation 1 is red, which means that the visitors clicked on the button a lot. In the original version, this same area is orange.
The Heatmap can help you confirm report results. In this case, both the data of the report and the Heatmap show that variation 1 is winning.

Need additional information?

Submit your request at [e-mail]

Always happy to help!