Publish your page.
Heatmap tracking starts automatically. No code snippets. No tag manager. No tracking script to install. Data collection is built into every page at the Optimize tier.
Heatmaps
Click tracking, scroll depth, and attention maps inside your editor. See the problem. Fix the page. Test the change. No extra subscription. No context switch.
Click heatmaps. Scroll depth. Attention maps. Included on Optimize ($199/mo).
3 views
Clicks, scroll depth and attention on every published page.
No snippet
Tracking is built in — no tag manager, no third-party script.
In the editor
The overlay renders on your page, where the fix happens.

Top element
Nav — 41%
Primary CTA
3%
Range
Last 7 days
The insight gap
You add Hotjar. You see the dead zones. Then you close the tab, open your editor, and try to remember what you saw. Nine steps later, most teams give up.
Your analytics says the page converts at 2.3%. It doesn't say why. Is the CTA below the fold? Are visitors clicking things that aren't clickable?
Separate heatmap tools answer those questions, but the fix still lives in another app. The insight dies in the context switch.
Hotjar + your editor
Leadpages keeps it in one place:
What you see
Click Heatmaps
Every click shows up as a color-coded hot spot on your page. Red means heavy activity. Blue means nobody's touching it. Numbered badges label your top-clicked elements by name, so you're not squinting at blobs trying to figure out what's what.
Desktop clicks and mobile taps are tracked separately, so your mobile data doesn't muddy your desktop view. Filter by the last 7, 14, 30, or 90 days.
Included on Optimize ($199/mo) and Scale ($399/mo).

Top element
Nav — 41%
Primary CTA
3%
Range
Last 7 days
How it works
Heatmap tracking starts automatically. No code snippets. No tag manager. No tracking script to install. Data collection is built into every page at the Optimize tier.
Click the Flame icon in your editor toolbar. Choose Clicks, Scroll Depth, or Attention. The overlay renders on a screenshot of your actual published page. The insights panel shows traffic, conversions, device breakdown, and top sources.
The heatmap shows your CTA getting 3% of clicks while navigation gets 41%. Click out of Heatmap Mode. Drag the CTA higher. Change the copy. Publish. The fix happens in the same session where you found the problem.
Not sure if moving the CTA will help? Create an A/B test variant from the same editor. Heatmaps + A/B testing in one platform means you see the problem, fix it, and validate it without switching tools.
Beyond the overlay
Export as PNG
Download a heatmap screenshot to share in client reports, Slack, or presentations. Visual proof of what's working and what's not.
Stale data warnings
Changed your page since the last data collection? A warning banner tells you when the heatmap data may not match the current page layout, so you don't optimize against outdated information.
Viewport switching
Toggle between desktop, tablet, and mobile views. Each viewport shows data from visitors on that device type, so mobile taps don't distort your desktop heatmap.
How we compare
For Grow customers
If you're on Grow ($99/mo), you're running A/B tests and using Dynamic Text Replacement to match ad keywords. You know which variant converts better. But do you know why?
Heatmaps show you the answer. The winning variant gets 3x more clicks on the CTA. The losing variant has 68% of visitors dropping off before the form. You stop guessing what to test next and start testing what the data tells you.
Upgrading to Optimize ($199/mo) adds:
FAQ
No. Leadpages includes click heatmaps, scroll depth tracking, and attention maps on the Optimize plan ($199/mo) and Scale plan ($399/mo). The data overlays directly on your page inside the editor. No separate tool, no extra cost.
Heatmaps show you where visitors click, how far they scroll, and where they spend time on your page. If your CTA gets 3% of clicks while your navigation bar gets 40%, you know the CTA needs to be more prominent. If 77% of visitors never scroll to your pricing section, you know to move it higher. The data turns guesswork into specific changes you can test.
Click heatmaps show where visitors click, color-coded by intensity. Scroll depth heatmaps show what percentage of visitors reach each section of your page, with breakpoints at 25%, 50%, 75%, and 100%. Attention maps show where visitors spend time based on mouse movement and hover duration (desktop only).
No. Tracking is built into every published page at the Optimize tier. No JavaScript snippets, no tag manager, no third-party scripts.
Optimize ($199/mo) and Scale ($399/mo). Grow ($99/mo) includes A/B testing and Dynamic Text Replacement but not heatmaps. Upgrading from Grow to Optimize also adds Smart Traffic and auto-personalization.
With fewer than 30 sessions, the data will be sparse. For most pages with steady traffic, you'll see actionable patterns within a few days. More traffic means a clearer picture.
The heatmap data is comparable. The difference is workflow. Hotjar and Crazy Egg are standalone tools: you see data in one place and edit your page in another. In Leadpages, the heatmap overlays directly on your page in the editor. You see the problem and fix it without switching tools. You can create an A/B test on the change in the same session.
Attention maps use mouse movement data and are available on desktop views. Mobile and tablet views show click and scroll depth heatmaps.
The tracking script is lightweight and non-blocking. It uses batched event sending and navigator.sendBeacon to avoid impacting page load time or visitor experience.
Heatmaps show data for the published page. Version-aware heatmaps that compare across A/B test variants are on the roadmap.
Optimize: 24 months. Scale: 36 months plus data warehouse export.
You can export heatmap screenshots as PNG files for reporting and presentations.
Ready to build?
Three heatmap types. Built into your editor. See the problem, fix the page, test the change. No separate tool. Included on Optimize at $199/mo.