The best heatmap tools ranked by pricing, heatmap types, session recording, and who they’re built for. Microsoft Clarity is free and good enough for most sites. Hotjar is the industry default. Here’s when to use each and what the alternatives offer.
Last updated: March 2026 · Reading time: 15 min
A heatmap is a visual representation of user interaction data on a webpage, using color gradients (red = high activity, blue = low activity) to show where users click, scroll, move their cursor, and focus their attention.
| Tool | Starting Price | Free Tier | Heatmap Types | Session Recording |
|---|---|---|---|---|
| Microsoft Clarity | Free (unlimited) | Yes (full product) | Click, scroll | Yes (unlimited) |
| Hotjar | $0 (free) / $39/mo (Observe) | Yes (limited) | Click, scroll, move | Yes |
| Mouseflow | $31/mo (Starter) | Yes (limited) | Click, scroll, move, attention, geo | Yes |
| Lucky Orange | $39/mo | Free trial | Click, scroll, move (dynamic) | Yes (real-time) |
| Crazy Egg | $29/mo (annual only) | 30-day trial | Click, scroll, confetti, overlay | Yes |
| FullStory | Custom pricing | Free trial | Click, scroll (auto-captured) | Yes (retroactive) |
| Contentsquare | Custom pricing | No | Zone-based, revenue heatmaps | Yes |
| Smartlook | $39/mo | Yes (limited) | Click, scroll, move | Yes |
| Plerdy | $32/mo | Yes (100 heatmaps/day) | Click, scroll, sequence | Yes |
| Heatmap.com | Custom pricing | Free trial | Revenue-attributed click, scroll | No |
| PostHog | Pay-per-event | Yes (generous) | Click (toolbar-based) | Yes |
“Start with Microsoft Clarity. It’s free, it’s fast, and it gives you 80% of the insights you need. Only upgrade to a paid tool when you’ve identified a specific gap: you need surveys (Hotjar), revenue attribution (Contentsquare), or mobile app data (Smartlook). Don’t pay for features you haven’t needed yet.” Hardik Shah, Founder of ScaleGrowth.Digital
Microsoft Clarity is the best free heatmap tool in 2026. It provides unlimited click heatmaps, scroll heatmaps, and session recordings with no traffic caps or paywalled features. It also detects rage clicks and dead clicks automatically. Every website should have Clarity installed as a baseline, even if you use a paid tool alongside it.
Most heatmap tools add 15-100KB of JavaScript to your page load. Lightweight tools like Microsoft Clarity add under 20KB and have minimal Core Web Vitals impact. Heavier tools like FullStory and Contentsquare can add 50KB+ and may affect LCP and TBT metrics. Always test your site speed before and after installing a heatmap tool, especially if Core Web Vitals are important for your SEO or ad Quality Scores.
A minimum of 1,000 pageviews on a specific URL produces a usable click heatmap. Scroll heatmaps need at least 500 views to show reliable drop-off patterns. For segment-level heatmaps (e.g., mobile vs. desktop, paid vs. organic), you need 500+ pageviews per segment. Pages with fewer than 300 views will produce noisy, unreliable heatmaps.
Most modern heatmap tools offer GDPR-compliant modes. Microsoft Clarity doesn’t collect PII by default. Hotjar provides GDPR settings to suppress sensitive data. Mouseflow, Smartlook, and Plerdy offer data masking for form fields and personal content. However, session recordings can capture personal information visible on screen. You should configure data suppression rules and include heatmap tools in your privacy policy and cookie consent mechanism.
Yes, but with caveats. SPAs built with React, Vue, or Angular change content without full page reloads, which can confuse heatmap tools that track by URL. Hotjar, FullStory, and Smartlook handle SPAs well through virtual pageview tracking. Microsoft Clarity also supports SPAs. Crazy Egg and some older tools may require manual configuration to track SPA route changes accurately.
We combine heatmap analysis with A/B testing and user research to find and fix the UX issues that cost you revenue. From tool setup to insight generation to testing execution. Get a CRO Audit Talk to Us