First of all, you need to activate heat maps as a reporting tool from your personal space in order to add it to the list of your reporting tools. When the tool has been configured, you will be able to select it when you launch your tests.

Setting up a new tool

To do so, log in to your personal space. Use the left menu to go to the “Integrations” page.

Click on the “Heat map” icon to activate heat maps.

Fill in the width of your website, in pixels (for example, 1024 px) and validate.

Now the tool is set up for your website, you can use it when you launch your tests!

Launching the test

Before launching your test, in the “Finalization” menu, you can select the reporting tools of your choice in step 3.

Check the “Heat map” box. Note that you can add as many reporting tools as you want.

You can activate the heat map with one or several other reporting tools.

Reading the heat map

Once your A/B test or your personalization launched, you will be able to consult the heat map by variation.These are accessible from your personal space and on the results page of your experience.

In your personal space

Once connected, click on the “All tests” button, or use the left side menu to go to the “Overview” page.

On hover on the test card, you will see “View Results”. Click to access the associated results page.

On the results page

The heat maps are shown on the results page (if you selected HeatMap as a reporting tool; if not, it displays an error message).


Click on the “Heatmap” tab to display the map associated with each variation.


Select a variation.


Note: Heat maps do not take into account filters and periods that you may have defined in the display settings of your results.

By default, the right field indicates the URL that you specified in the editor. You can edit this information to display heat maps associated with another URL. In this case, the data will update automatically.


Access the settings menu by clicking on the iconCapture_d_e_cran_2018-10-08_a__17.25.58.png.

Via this menu, you can adjust the sensitivity (in order to easily identify the areas that attract the most clicks), the size of the points (increase or decrease their diameter) and the opacity (adjust the degree of transparency/opacity of your color) of your heat map. A simple click also allows you to open the map in a new tab.


Finally, you can compare the heat maps of two different variations. To do so, select two variations in the dedicated menu and the cards will be displayed next to each other.