Leadpages CRO
The Page Looked Fine.
The Heatmap Said Otherwise.
Most teams know heatmaps matter. They also know they cost extra, live in a separate tool, and the data rarely leads to action. Leadpages includes 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.
Hero Screenshot
The Nova editor in Heatmap Mode. A SaaS landing page with a click heatmap overlay: hot zones (red/orange) around the hero CTA, warm zones (yellow) around feature icons, cool zones (blue/green) on the footer. The Flame icon toggle is active with three tabs: Clicks, Scroll, Attention.
Click heatmaps. Scroll depth. Attention maps. Included on Optimize ($199/mo). No extra tool. No extra cost.
The insight gap
You know your conversion rate. You don't know why. And your heatmap tool can't fix that.
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? Does anyone scroll past your third section? You can't answer those questions from a conversion rate.
So you add Hotjar. Or Crazy Egg. Or VWO. Another subscription. Another login. Another dashboard. And it works: you see the click clusters, the scroll drop-off, the dead zones.
Then what?
You note the problem. Close the tab. Open your page editor. Find the page. Try to remember what the heatmap showed. Make a change. Publish. Go back to the heatmap tool to check if it worked. That's nine steps across two tools. In practice, most teams check their heatmaps once and never follow through. The insight dies in the gap between tools.
Leadpages collapses that to three steps:
- Toggle Heatmap Mode in your editor
- Edit the page
- Publish (or create an A/B test)
Same screen. Same session. The data and the page are in the same place. That's the difference between a tool you pay for and a tool you actually use.
9-Step vs. 3-Step Workflow
Left: Heatmap Tool, Note problem, Switch to editor, Find page, Remember what you saw, Edit, Publish, Switch back, Check results. Right: Heatmap Mode, Edit, Publish/Test.
What you see
Clicks. Scroll depth. Attention. Three views of how visitors use your page.
Click Heatmaps
Which CTAs get clicked? Which get ignored? Are visitors clicking things that aren't clickable?
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.
Screenshot: Click Heatmap
Close-up of a click heatmap on a landing page hero. The "Start Free Trial" button glows red/orange with a badge (#1, 34% of clicks). Navigation links show cool blue. A tooltip reads: "Start Free Trial: 412 clicks (34.2%)."
Scroll Depth
How far down the page do visitors actually get? Is your pricing section even being seen?
A color gradient shows what percentage of visitors reach each section. Red at the top (almost everyone), fading to blue at the bottom (almost nobody). Breakpoints at 25%, 50%, 75%, and 100% make it easy to spot the drop-off point.
If your form sits below the fold and only 23% of visitors ever see it, that's not a conversion problem. That's a layout problem.
Screenshot: Scroll Depth
Full-page scroll depth overlay. Hero: deep red (98% reach). Features: orange (72%). Testimonials: yellow (51%). Pricing table: blue (23%). A marker at the 50% line reads: "Half your visitors drop off here."
Attention Maps (Desktop)
Where do visitors actually spend time reading? Where do they skim past?
A smooth gradient shows engagement density across your page. Bright spots mean visitors are hovering, reading, considering. Cool spots mean they're scrolling right past.
If your value prop gets 12 seconds of attention and your testimonials get 2, the testimonials aren't doing their job. Move them, rewrite them, or cut them.
Attention maps track mouse movement and hover duration. Available on desktop views. Mobile and tablet show click and scroll heatmaps.
Screenshot: Attention Heatmap
Attention heatmap. Hero headline glows red/orange (high dwell time). Feature icons show warm spots. Testimonial section is cool green (skimmed past).
How it works
Toggle. See. Edit. Test. One workflow.
Publish your page.
Heatmap tracking starts automatically. No code snippets. No tag manager. No tracking script to install. Data collection is built into every Nova page at the Optimize tier.
Open Heatmap Mode.
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.
Screenshot: Flame Icon Toggle
Nova builder toolbar zoomed in. The Flame icon (Heatmap Mode) is highlighted. Three tabs: "Clicks" (active), "Scroll," "Attention." Date range selector: "Last 7 days."
See the problem. Fix the page.
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.
Test the change.
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.
Screenshot: Heatmap to A/B Test
Split view. Left: Heatmap Mode, click heatmap showing a cold CTA at page bottom. Right: Same page in edit mode, CTA moved below hero, A|B toggle showing "Creating Variant B."
Beyond the overlay
Export, compare, and share what you find.
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
Built-in heatmaps. Not an add-on. Not enterprise-only.
| Leadpages (Optimize) | Hotjar / Contentsquare | Instapage | Unbounce | Crazy Egg | |
|---|---|---|---|---|---|
| Click Heatmaps | Yes | Yes | Enterprise only | No | Yes |
| Scroll Depth | Yes | Yes | Enterprise only | No | Yes |
| Attention Maps | Yes (desktop) | Yes | No | No | Yes |
| Starting Price | Included at $199/mo | $39/mo standalone | Custom pricing | Not available | $29/mo standalone |
| Built into Page Editor | Yes | No | No | No | No |
| A/B Testing in Same Tool | Yes (from $99/mo) | No | Enterprise only | Yes (20K cap) | No |
| Traffic Cap | None | Varies by plan | Varies | N/A | Varies |
Pricing as of March 2026. Hotjar merged into Contentsquare (July 2025); pricing and packaging may continue to change. Check competitor sites for current terms.
The real comparison isn't features. It's workflow. Every other tool in this table requires you to leave the heatmap, open a separate editor, find the page, and make the change there. Leadpages is the only platform where heatmap data and page editing are on the same screen.
For Grow customers
You're already testing. Now see why your variants win or lose.
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:
- Heatmaps: Click, scroll depth, and attention tracking in your editor
- Smart Traffic: AI routes each visitor to the best-performing variant
- Auto-Personalization: Edge-rendered content matching by source, device, and CRM stage
- Insights: Traffic, conversions, audience intelligence in one panel
FAQ
Heatmaps in Leadpages: Common Questions
Stop guessing what's wrong
with your landing pages.
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.