How to download Heatmaps in Clarity

Important

  • Heatmaps are only displayed on the site's pages where the Clarity tracking code is installed. Check the Setup process to know how to install it.
  • The download option is not available in 'Compare' mode.
  • Currently, Area maps cannot be downloaded.

The download button is visible in the top-right corner next to the 'Compare' button. You can download heat maps data in two ways:

Download in heatmaps.

Download as CSV

  1. Select 'Download CSV' from the download options. Select download as csv on heatmap.

  2. View the 'Download successful' message on the top upon a successful download. The downloaded file can be found in your browser downloads that differ for each browser. For example, view the downloaded file in the Microsoft Edge browser as shown below.

    Successful csv download of heatmap.

  3. If the file fails to download, select 'Try Again' on the pop-up window.

    Select try again to download heatmap csv.

  4. The file is available in the 'Downloads' folder on your local machine. By default, the naming convention of the file is Clarity_Project_Name_HeatmapType_DeviceType_date.csv.

  5. The downloaded CSV includes the click/scroll data with applied filters. You can view it in an Excel sheet, as shown below.

    Downloaded heatmap CSV.

Download as PNG

  1. Select 'Download PNG' from the download options. Select download as png on heatmap.

  2. View the 'Download successful' message on the top upon a successful download. The downloaded file can be found in your browser downloads that differ for each browser. For example, view the downloaded file in the Microsoft Edge browser as shown below.

    Successful png download of heatmap.

  3. If the file fails to download, select 'Try Again' on the pop-up window.

    Select try again to download heatmap png.

  4. The file is available in the 'Downloads' folder on your local machine. By default, the naming convention of the file is Clarity_Project_Name_HeatmapType_DeviceType_date.png.

  5. The downloaded PNG includes a heatmap with applied filters. You can view it as shown below.

    Downloaded heatmap png.

Visit Clarity