Heatmaps show you where visitors click, where their cursor lingers, and how far down your pages they actually scroll. Data is collected on every page the widget runs on, so there is nothing to set up in advance — when you want a map, it's already there.
There's nothing to create
Unlike older heatmap tools, you don't create a heatmap for a page and then wait for it to fill up. Collection starts as soon as the widget is installed, across your whole site. Open Heatmaps in the dashboard and you'll see every page that has data, with click, move and view counts.
Heatmaps are available on the Unlimited plan and can be turned off per project under Settings › Widget › Heatmaps.
Finding a page
- Filter by page — type any part of a path, e.g.
pric, to narrow the list - Sort any column — by clicks, moves, views, or last activity
- Pick a period — the last 7, 30 or 90 days
Click a page to open its map. Pages are grouped by path, so /pricing, /pricing/ and /pricing?utm_source=x are all the same map.
The three map types
- Clicks — exactly where people clicked or tapped. Hot spots are red, cooler areas blue
- Moves — where the cursor travelled and paused. A good proxy for where attention goes on desktop, since people often hover what they're reading
- Scroll — how far down the page visitors got, shown as bands with the percentage that reached each depth. The point where the colour drops off is your fold in practice
Move maps are desktop-only: touch devices have no cursor to follow, so mobile maps show clicks and scroll depth.
Device matters
Desktop, tablet, and mobile maps are kept separate, because the same page can have a completely different layout on each. Switch between them with the device tabs — a button that's above the fold on desktop is often three scrolls down on a phone, and the scroll map will show you that immediately.
The page behind the map
The background isn't a screenshot — it's your real page, rebuilt from a session recording that started on it. That means the heat lands on real buttons and real text, and it stays sharp at any size.
If you see a placeholder background instead of your page, it means no finished recording has started on that page for that device yet. Enable Session Recording for the project and the next recorded visit that begins on the page becomes the background.
Top clicked elements
Next to the map, a ranked list shows which elements get clicked most, identified by their tag and class rather than by position. Because it's element-based, the ranking stays meaningful even when your layout shifts between screen sizes — and it catches clicks on things that aren't clickable, which is often the more interesting finding.
Privacy
Heatmaps are deliberately anonymous:
- Only coordinates, scroll depth, and element names are collected — no page content and no keystrokes
- Points are not attached to a visitor's identity or profile
- Element names are scrubbed before they're stored, so ids and classes containing things like account numbers or emails never reach us
- Data is deleted automatically once its retention window passes
Reading a heatmap well
- Give it volume. A handful of visits tells you nothing. Wait for a few hundred views on a page before drawing conclusions
- Compare devices before redesigning anything — a problem often exists on one only
- Watch for clicks on non-clickable things. Repeated clicks on an image or a heading usually mean people expect it to do something
- Use the scroll map to place your CTA, then confirm the change with an A/B experiment instead of assuming it helped