Heatmaps tied to revenue combine traditional user behavior data, like clicks and scrolls, with purchase data for every element on the page. Instead of just showing where users are active, these heatmaps reveal which elements are generating sales and which may be costing you conversions.

By overlaying revenue insights directly onto your site’s layout, you can see exactly how much value each click or scroll contributes. This makes it easy to identify high-performing elements like buttons, links, or images, as well as areas that need optimization. With revenue-based heatmaps, you’re not just tracking engagement; you’re unlocking the actions that fuel your business growth.

Revenue-based heatmaps provide insights into financial performance by linking user behavior to actual revenue. They go beyond basic user interaction by showing important metrics like Purchase Count, Total Revenue, Average Order Value, Revenue Per Click, Revenue Per Session, Element-Level Conversion Rate, etc.

With this data, you can:

These heatmaps will help you move beyond guesswork and traditional engagement metrics, giving you a direct path to optimizing and increasing revenue on your site.

*Video Walkthrough*

Filters allow you to customize and drill down on specific types of user groups in your analysis. You’ll have access to pre-built filters that allow for common session-specific or Ecommerce-specific data in addition to Custom Filters capabilities.

Session-Specific:

Ecommerce-Specific:

If you’d like to learn more about using filters in Heatmap, check out this article.

Interactive Mode allows you to engage directly with dynamic elements on your website that do not appear in their resting state. This includes elements like dropdowns, accordions, or popups that don’t show without a trigger like clicking an element on your site (and yes, this includes navigation menus!).

If you’d like to learn more about Interactive Mode, check out this article.

Comparison Mode allows you to compare data from two different filters side by side to gain valuable insights on how different user segments interact with your website. It helps you analyze behavioral differences and compare performance between the following user groups:

If you’d like to learn more about Comparison Mode, check out this article.

The Heatmap Data Table is a crucial component of the Heatmap Feature for analyzing page elements. It provides detailed, quantitative insights into element-specific performance as well as full-page metrics to gauge overall page performance.

Some of the core metrics that the data table encompasses include:

All metrics within the data table measure the specific performance of the identified element for its value within the customer journey. To better understand the data model used for element-specific data, please refer to this article on Heatmap’s Data Methodology.

The data table also includes the following functionality:

If you’d like to learn more about how to use the data table, check out this article.

Scrollmaps are a great way to identify your users’ percent visibility of specific sections on the page and at what point they’re dropping off. Shown in a rainbow spread, the color phasing identifies the speed of dropoff percentages occurring as a user scrolls.

Color & Percent Visibility:

Grouped Pages gives you a unified view of heatmap analytics for pages that share similar templates and URL structures, such as product or collection pages. The metrics are aggregated from all pages within the group. Elements common to every page in the group will show combined data, while unique or non-repeating content is excluded for accuracy.

If you’d like to learn more about how to use page groups, check out this article.

The AI Recommendations feature gives you smart, data-driven tips to improve your top heatmap pages. It looks at things like layout, call-to-action placement, content, and overall user experience, then suggests ways to boost performance. Just click the AI button on any heatmap page to see personalized recommendations, which update weekly with new data. Use these insights as a helpful guide to make better decisions, but always keep your business goals in mind.

If you’d like to learn more about our HeatmapAI Recommendation Engine, check out this article.

Understanding how to analyze individual pages and their elements for key behavioral patterns will help you see how users truly engage with your site. This insight reveals where you should focus optimizations to improve user experience and drive more conversions.

If you have questions or run into any issues while using Heatmap, our support team is here to help. Contact us anytime at Support@heatmap.com.