How can Customer
Care help you?

The Heatmaps section (Analytics)

On this page, the below topics will be covered:


What is a Heatmap Report?

A Heatmap is a tool that graphically represents data, in a map/diagram, using different colors to show a page performance. It uses colors to indicate the intensity of visitor engagement on different sections of a page.

In CTRwow our Heat map collects data from:

  • Mouse Click: A mouse click heatmap is a type of heatmap that helps you to visualize in your website which parts are the ones where visitors were most engaged.

  • Mouse Movement: A mouse movement heatmap is a type of heatmap that helps you to visualize your website visitors' mouse movement data.

  • Mouse Scroll: A Scroll heatmap displays how far down a visitor scrolls on a page. This map can help you find the most (or least) viewed areas on a page, so you can determine if visitors are seeing essential information.

and provide the above organized by device type: Desktop, Tablet, and Mobile.

What is the Heatmap for?

The Heatmap and Scrollmap can help to figure out the visitors' behavior by gathering data of the customers' actions through your page(s). Once the data has been collected, it is reported into the Heatmap, so it can be simply and efficiently analyzed which part(s)/buttons of the page reaches the highest visitors' engagement. Hence, marketers can have a more accurate and informed picture that can lead to optimized decisions.

Where the Heatmaps section is located?

From CTRwow DASHBOARD, go to the left side menu and click on ANALYTICS and then the Heatmaps section will be displayed below

How to enable the Heatmap for webpages

To have your web pages listed in this section, and displaying the data through the Heatmap, please follow the below steps to enable this feature on them.

1. Set to ON the Heatmap applied toggle

The first step is to enable the Heatmap applied toggle.

  1. Log into your CTRwow account, go to the left side menu and click on BUILD, and then Websites

  2. Hover the mouse on a website and click on the Preview

  3. The tab will all the pages of the website will pop up, from there hover the mouse on a page, and click on the Actions (three dots) button

  4. From the drop-down menu click on Settings

  5. The Page Settings tab will appear

  6. Click on Analytic Tracking Event

  7. Lock the page, by clicking on the lock icon

    and then switch to ON the toggle Heatmap applied

  8. Once done, click on the Update & Unlock button at the bottom of the tab

2. Republished the page(s)

At this point, to make the changes, described in the previous topic effectively, the pages where the toggle Heatmap applied was enabled, need to be republished.

  1. Log into your CTRwow account, go to the left side menu and click on BUILD, and then Websites

  2. Hover the mouse on a website and click on the Actions (three dots) button

  3. From the drop-down menu click on Publish

  4. The Publish Settings tab will appear, from which the user needs to select the page(s) that need to be published or republished

  5. Then select the location/the web host where the pages are going to be published and click on the Next button

  6. Confirm the action and click on the Publish button

Once these steps are done and your pages are online, the system will gather the data and show the performance on the Heatmaps section.

What is on the Heatmaps page

On the Heatmaps page, the pages that the Heatmaps option is enabled are listed in the table.

From the table, the user can quickly spot the website information (see below example)

Additionally, by clicking on the + icon on the left side of each website name


all pages, where the Heatmaps options are enabled, are displayed with their details (see below example)

How to check each page Heatmap Report

In order to get to the Heatmap report of a page, users need to click on the Action button on the right side of each page row, the one called: View Heat Map

Examples of Heatmaps Reports in the Heatmaps section

By clicking on the View Heat Map button, on the right side of the row, the user will be redirected to the Heatmap Report, which will look like as the below example:

Please note that the Heatmap reports and organizes data per device, in which the page has been viewed: Desktop, Tablet, and Mobile (see below example). By clicking on the Desktop/Tablet/Mobile icon at the bottom of the page, users can switch to the different reports.

Example of Desktop View

Example of Tablet View

Example of Mobile View

Besides that, it is also shown the number of clicks that the page has for each device (see below example). By clicking on the Desktop/Tablet/Mobile icon at the bottom of the page, users can switch to the different reports.

Please note that the Heatmap reports and organizes data per type per action: Click, Move, and Scroll (see below example). By clicking on the Click/Move/Scroll icon at the bottom of the page, users can switch to the different reports.

Example of Click View

Example of Move View

Example of Scroll View

How to download and export the Heatmap Report

By clicking on the Export image button, the heatmap Report will be downloaded to the user’s computer

The Heatmap Report in the Split Traffic Reports for Split Testing (Funnels)

Another Heatmap Report is available for users, the one called Heatmap Report in the Split Traffic Reports for Split Testing, available on the BUILD> Funnels section displays data about the specific funnel built by the user

For more information about this section, please check the helpdesk article: The Heatmap Report in the Split Traffic Reports for Split Testing (Funnels)

The Heatmaps section (Analytics) vs the Heatmap Report in the Split Traffic Reports for Split Testing (Funnels)

  • The Heatmaps section (Analytics) displays data about pages built in CTRwow

  • The Heatmap Report in the Split Traffic Reports for Split Testing (Funnels) displays data about funnels built in CTRwow

Can't find your answer here? Contact Us