Leadpages CRO

The Page Looked Fine. The Heatmap Said Otherwise.

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).

Peakform
FeaturesPricingBlogGet Started
New: AI coaching

Build better habits with data-driven coaching

Track progress, get personalized plans, and achieve your fitness goals faster with AI-powered insights.

Start Free TrialWatch Demo

10K+

Active users

94%

Retention rate

4.9★

App Store

Smart Tracking

Auto-log workouts

AI Plans

Personalized routines

Progress Photos

Visual timeline

92% reached
71% reached
43% reached
Heatmaps

2,847

Total clicks

Hero CTA

Hottest element

12.3%

Click-through rate

The insight gap

The insight dies in the gap between tools.

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.

Hotjar + your editor
hotjar.com/heatmaps

See the problem here...

switch
squarespace.com/edit

...fix it over here

9 steps. 2 context switches. Most teams stop at step 3.

vs.
Leadpages
leadpages.com/editor
Heatmap Mode
Workflow
1See heatmap
2Edit page
3Publish

3 steps. 0 context switches. One screen.

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.

Leadpages keeps it in one place:

  1. Toggle Heatmap Mode in your editor
  2. See the problem, edit the page
  3. Publish or create an A/B test

Same screen. Same session. That's the difference between a tool you pay for and a tool you actually use.

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.

Performance coaching

Train smarter.

Recover faster. Repeat.

AI-driven plans that adapt to your body, schedule, and goals.

Start Free TrialWatch Demo

10K+

Athletes

94%

Hit goals

4.9★

Rating

#134%
#218%

Start Free Trial

412 clicks · 34.2% of total

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.

Hero

Train smarter. Recover faster.

AI-driven plans that adapt to you.

Social Proof

10K+ athletes · 94% hit goals · 4.9\u2605

Features

Smart Plans

Recovery

Goals

Pricing

Plans from $29/mo

Testimonial

“Cut 40s off my 5K in 8 weeks.”

98% reached
72% reached
43% reached

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.

Performance coaching

Train smarter.

Recover faster. Repeat.

AI-driven plans that adapt to your body, schedule, and goals.

Start Free TrialWatch Demo

Features

Smart Plans

AI adapts weekly

Recovery

Track your rest

Goals

Hit every target

12.4s avg

1.8s avg

Visitors skim past this section

How it works

Toggle. See. Edit. Test. One workflow.

1

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.

2

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.

Last 7 days
3

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.

4

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.

Heatmap
A/B Test
Heatmap View
3% clicks
Edit Mode

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 / ContentsquareInstapageUnbounceCrazy Egg
Click HeatmapsYesYesEnterprise onlyNoYes
Scroll DepthYesYesEnterprise onlyNoYes
Attention MapsYes (desktop)YesNoNoYes
Starting PriceIncluded at $199/mo$39/mo standaloneCustom pricingNot available$29/mo standalone
Built into Page EditorYesNoNoNoNo
A/B Testing in Same ToolYes (from $99/mo)NoEnterprise onlyYes (20K cap)No
Traffic CapNoneVaries by planVariesN/AVaries

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

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.

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.

See Pricing →