Heatmap tools let you see exactly how visitors use your website — where they click, how far they scroll, and what captures their attention. But with two dominant options on the market, the question is: Hotjar or Microsoft Clarity? The answer depends on your budget, your needs, and how mature your CRO process is. This guide gives you a practical comparison based on real-world use.
Why heatmap tools are essential for CRO
Conversion rate optimization without behavioral data is guesswork. Google Analytics tells you what happens — bounce rate, pageviews, conversion rate — but not why. Heatmap tools fill this gap by visualizing actual user behavior. You see whether visitors actually read the important text, whether the CTA button gets attention, or whether they leave the page long before reaching the form.
According to a study by Nielsen Norman Group, 79 percent of users scan content-heavy pages in an F-shaped pattern (Nielsen Norman Group, "F-Shaped Pattern of Reading on the Web"). Without heatmaps, you would never know whether your page follows this pattern — or whether your design breaks it in a way that helps or hurts conversion.
For a deeper understanding of how CRO works in practice, see our complete CRO guide. Heatmap tools are the very foundation of data-driven design optimization.
Hotjar: Features, strengths, and limitations
Hotjar launched in 2014 and has become the most well-known heatmap tool among marketers and UX designers. Its strength lies in combining heatmaps, recordings, surveys, and feedback widgets in one platform. Heatmaps show clicks, movement, and scroll depth. Recordings let you watch entire user sessions as video. Surveys and feedback buttons provide qualitative insights directly from users.
The pricing model is tiered: The free plan gives 35 daily sessions. The Plus plan starts at $32/month for 100 daily sessions. The Business plan costs from $80/month for 500 daily sessions. The Scale plan is tailored for enterprise needs. Price increases with traffic, which can become expensive for high-traffic sites.
Hotjar's greatest strengths are usability, built-in survey tools, and a polished interface. Limitations include sampling at high traffic volumes, limited data retention on lower plans, and lacking advanced segmentation compared to dedicated analytics tools.
- Heatmaps: Click, movement, and scroll — visually intuitive
- Recordings: Session videos with filtering by page, device, and behavior
- Surveys: Built-in surveys with behavior-based triggers
- Feedback: Widget that lets users give direct feedback on pages
- Funnels: Basic funnel analysis to identify drop-off
- Limitation: Sampling at high traffic, expensive at scale
Microsoft Clarity: Features, strengths, and limitations
Microsoft Clarity launched in 2020 and is completely free — no data limits, no sampling, and no premium plan. The tool offers heatmaps and session recordings, but stands out with Copilot-powered AI insights that automatically summarize user behavior patterns and identify problem areas.
Clarity's AI features include automatic detection of "dead clicks" (clicks that lead nowhere), "rage clicks" (frustrated repeated clicks), "excessive scrolling" (users scrolling past important content), and "quick backs" (users immediately navigating back). These signals provide immediate insight into user frustration without manual analysis.
The limitations are clear: Clarity has no built-in surveys, no feedback widgets, and no funnel analysis. Data visualization is less polished than Hotjar. And while it is free, you send user data to Microsoft — which requires careful GDPR assessment. For businesses prioritizing budget and AI-driven insights, Clarity is still an extremely strong choice.
- Heatmaps: Click and scroll — clean visual interface
- Recordings: Unlimited session recordings without sampling
- AI insights: Copilot summarization of behavior patterns
- Frustration signals: Dead clicks, rage clicks, quick backs
- Integration: Native connection to Google Analytics 4
- Limitation: No surveys, no feedback widget, no funnel analysis
Feature comparison: Hotjar vs Clarity side by side
A direct comparison makes the choice easier. Both tools offer heatmaps and session recordings — the core needs for behavioral analysis. Where they differ is in additional features and the business model.
Hotjar wins on surveys, feedback widgets, and funnel analysis. Clarity wins on price (free), unlimited data, AI insights, and frustration signals. For GDPR considerations, both tools are configurable, but you should note that Clarity sends data to Microsoft servers while Hotjar offers EU hosting. Both support consent management integration.
For teams working with UX design and conversion optimization, the choice is rarely absolute. It is about which features match your maturity level and budget. Also see our web design and CRO guide for the connection between design and conversion.
- Heatmaps: Both offer click and scroll — Hotjar also has movement
- Recordings: Clarity unlimited, Hotjar limited by plan
- Surveys: Hotjar only
- AI insights: Clarity only (Copilot)
- Frustration signals: Clarity has dedicated filters, Hotjar limited
- Funnel analysis: Hotjar only
- Price: Clarity free, Hotjar from $0 (35 sessions) to $80+/month
- Data volume: Clarity unlimited, Hotjar limited per plan
- GDPR: Both support consent integration, Hotjar offers EU hosting
When to choose Hotjar
Hotjar is the right choice when you need qualitative user insights beyond pure behavioral data. If you actively run NPS surveys, exit-intent surveys, or on-page feedback campaigns, Hotjar is the only one of the two that offers this in the same platform. The survey functionality alone can justify the cost.
Hotjar also works better for teams that want funnel analysis integrated with heatmap data. You can build simple funnels and see where users drop off, combined with recordings of the specific sessions where drop-off occurs. This combination is powerful for checkout optimization and form conversion.
For agencies and teams with established CRO practices, Hotjar's more polished interface and reporting features provide a better experience. Dashboards are easier to share with clients and leadership, and integrations with Slack, Zapier, and other tools make it easier to build workflows around the insights.
When to choose Microsoft Clarity
Clarity is the obvious choice for businesses with limited budget or high-traffic websites where Hotjar pricing becomes prohibitive. Unlimited data at no cost is a massive advantage — you lose no insights due to sampling or session caps.
The AI insights in Clarity are surprisingly useful. Copilot summaries automatically identify problematic pages and behavior patterns that would require hours of manual analysis in Hotjar. For teams without a dedicated UX analyst, this can be the difference between actually using insights and letting them gather dust.
Clarity is also ideal as a supplement to Google Analytics 4. Native GA4 integration means you can view Clarity recordings directly from GA4, connecting quantitative data with qualitative behavioral analysis without extra setup.
Using both together: A complementary approach
The most effective strategy for many teams is to use both tools. Clarity as an always-on behavior monitor with unlimited data and AI insights, and Hotjar for targeted campaigns with surveys, feedback, and funnel analysis. This approach provides full coverage without unnecessary cost.
In practice it works like this: Clarity runs permanently on all pages, giving you ongoing insight into user frustration and behavior patterns. When you identify a problem area — for example, a page with a high rage click rate — you activate Hotjar surveys on that page to understand why users are frustrated. You use Hotjar recordings to see exactly what happens, then build a CRO test based on the insights.
At LeapJet, we use this complementary approach for several clients. Clarity provides always-available background data, while Hotjar is activated strategically for specific optimization projects. The result is better insights at a lower total cost.
Setup best practices: Privacy, sampling, and consent
Regardless of which tool you choose, correct setup is critical — especially for privacy and GDPR. Both tools require consent from users in the EU/EEA. Integrate with your Consent Management Platform (CMP) — for example Cookiebot, OneTrust, or CookieYes — so tracking code only activates after explicit consent.
Configure sensitivity levels correctly. Both Hotjar and Clarity offer automatic masking of personal data in recordings and heatmaps. Enable strict masking by default and only whitelist elements you actually need to see. Form fields with personal data, payment information, and passwords should always be masked.
For sampling: Clarity does not sample, which is an advantage for consistency. Hotjar samples on lower plans, which can give a skewed picture of behavior if traffic varies significantly. If you use Hotjar, make sure your plan covers enough sessions for representative data. A rule of thumb is at least 1,000 sessions per page you analyze. Also see our glossary for definitions of heatmap, CRO, and UX.
Interpreting heatmap data correctly: Common misreadings
Heatmap data is visually compelling but easy to misinterpret. The most common mistake is assuming that "more clicks = better." An element receiving many clicks may be a confusing link that does not work, not a popular navigation element. Always combine heatmap data with recordings to understand the context.
Another common mistake is over-interpreting scroll heatmaps. That only 30 percent of users scroll to the bottom does not necessarily mean the content is bad — it may mean they found their answer early. Look at what users do after they stop scrolling: do they convert, click through, or leave the page?
Movement heatmaps (Hotjar only) are the least reliable. Mouse movement only partially correlates with gaze — studies show approximately 64 percent correlation (Chen et al., "A comparison of two methods for detecting Web page visual clutter"). Use movement heatmaps as a supplement, never as the primary source for decisions.
- Many clicks are not always positive — check if they are frustration clicks
- Low scroll depth does not necessarily mean bad content
- Movement heatmaps have limited correlation with actual attention
- Always combine heatmaps with session recordings for context
- Segment data by device — mobile and desktop have entirely different patterns
- Compare over time to see trends, not just snapshots
From heatmap insight to CRO test: An actionable workflow
Insight without action is wasted. Here is a concrete workflow from heatmap observation to CRO test: Step 1 — Identify a problem in heatmap data (for example: the CTA button gets little attention, or users click on a non-clickable element). Step 2 — Verify with session recordings that the problem is real and not a data artifact.
Step 3 — Formulate a hypothesis: "If we move the CTA button above the fold and increase contrast, click rate will increase by at least 15 percent because heatmap data shows users do not scroll far enough to see the current placement." Step 4 — Design an A/B test with a control variant and a test variant. Step 5 — Run the test with sufficient sample size and duration.
Step 6 — Analyze the results and implement the winner. Document the learning so the team builds cumulative knowledge over time. This cycle — observation, hypothesis, test, implementation — is the core of professional CRO. For more on this, see our web design and CRO guide and our web design services page.
- 1. Identify problem in heatmap data
- 2. Verify with session recordings
- 3. Formulate data-driven hypothesis
- 4. Design A/B test with control and variant
- 5. Run test with sufficient statistical power
- 6. Analyze, implement, and document the learning