Heatmap tools create visual representations of how visitors interact with a web page — where they click, how far they scroll, and where their mouse moves — aggregated across many sessions into a single color-coded image. The hottest areas (most interaction) display in red and orange; cooler areas with less engagement display in blue. Heatmaps answer questions that page analytics cannot: not just how many visitors reached this page, but where they actually looked, what they tried to click, and how far they read.
For conversion rate optimization, heatmaps are a starting point for investigation. A scroll map that shows most visitors leaving before reaching the CTA identifies where to prioritize improvement. A click map that shows many clicks on a non-linked image element reveals a user expectation (they think it should be clickable) that could be capitalized on. A scroll map showing that 70% of visitors scroll past the testimonials section provides evidence to test moving testimonials higher on the page. Heatmaps generate testable hypotheses; A/B testing validates them.
Types of Heatmaps
Click Maps
Click maps show where visitors click on the page — which elements attract clicks and which are ignored. Click maps reveal: dead clicks on elements visitors expect to be interactive but are not (images that look clickable, underlined text that is not a link, buttons that are not buttons), rage clicks on elements that do not respond as expected, and click distribution showing whether the primary CTA is attracting proportional click share given its prominence.
A useful filter in click maps is separating desktop from mobile clicks — on mobile, click targets that appear sufficiently large on desktop may be too small to tap accurately, producing click dispersal around a small button rather than on it. Mobile click maps frequently reveal touch-target size problems that are invisible on desktop.
Scroll Maps
Scroll maps show the percentage of visitors who scroll to each point on the page — essentially, what percentage of the audience sees each section. A typical scroll map shows a steep drop in the first 20-30% of the page, then a slower decline as you scroll further down. The “fold” — the point below which most users have not scrolled without additional effort — is visible as the first major drop-off point.
For landing pages, scroll maps answer: do most visitors actually see the CTA? If the primary CTA sits at a point where only 30% of visitors have scrolled, adding a CTA above the fold is justified by the scroll data. Scroll maps also show whether specific sections (pricing, testimonials, FAQ) are being reached by a meaningful proportion of visitors, informing page structure decisions.
Mouse Movement / Hover Maps
Mouse movement maps show where visitors move their cursor on the page, which correlates loosely with where they are looking on desktop browsers (people tend to move the mouse toward content they are reading). Mouse movement maps are less actionable than click and scroll maps in most cases, but can reveal attention patterns on feature-comparison tables, pricing pages, and navigation menus where interaction is primarily visual rather than click-based.
Leading Heatmap Tools
Hotjar
Hotjar combines heatmaps (click, scroll, and movement) with session recording, feedback polls, and user surveys in a single platform. The click heatmap shows element-level click data and click counts; the scroll map shows the drop-off curve. The free tier includes 35 sessions/day and heatmaps on up to 3 pages; paid plans (starting at $39/month for Observe) scale with session and page volume. Hotjar is the most widely used heatmap tool for marketing and CRO teams, with a large ecosystem of tutorials and integration documentation.
Microsoft Clarity
Microsoft Clarity is a free heatmap and session recording tool with no session or page volume limits. Its click maps distinguish dead clicks, rage clicks, and standard clicks separately, and its scroll maps show the audience drop-off curve. Clarity integrates natively with GA4 and Microsoft Advertising. For teams with budget constraints or very high traffic volumes where per-session tool costs become significant, Clarity provides heatmaps and recordings at no cost. Data is retained for 90 days.
Lucky Orange
Lucky Orange includes heatmaps, session recordings, a live view of current visitors, conversion funnel tracking, and a polls feature. Its heatmaps can be segmented by traffic source — a feature that allows viewing click and scroll patterns specifically for visitors from Google Ads versus organic search, revealing whether the paid audience behaves differently on the landing page from the organic audience. Starting at $19/month.
Crazy Egg
Crazy Egg is one of the original heatmap tools, offering click maps (standard and confetti view that shows individual clicks colored by segment), scroll maps, overlay reports showing click counts per element, and a list view of clicks ranked by element. It also includes A/B testing functionality in paid plans. Crazy Egg is positioned as a combined heatmap and testing tool. Starting at $29/month.
Heatmaps and Attribution
Heatmap tools show what visitors do on the page; they do not show where those visitors came from or whether they converted. Connecting heatmap data to attribution requires either filtering within the heatmap tool by traffic source (using the source filter available in tools like Lucky Orange and Hotjar Surveys) or using the attributon data separately to identify which segments to investigate. If attribution data shows that paid search visitors have a much lower conversion rate than organic visitors on the same landing page, reviewing session recordings and heatmaps specifically for paid search sessions reveals the experience difference that explains the conversion gap.