Pick your tools

Which heatmap tool should I use on my website?

Microsoft Clarity, for almost every website: it is free forever with no limit on traffic, and gives you heatmaps, session recordings and AI summaries of what visitors did. Pay for something else only for what Clarity lacks. Hotjar, now sold by Contentsquare, has a free plan and a paid tier from $39 a month billed yearly with 13 months of data and journey analysis. PostHog suits a software product: its free allowance renews every month with 1M events and 5K recordings, so heatmaps sit beside your product analytics. Mouseflow's free plan records 500 sessions a month, and Lucky Orange starts at $32 a month paid annually with live chat included. Filter every heatmap to phones, since that is where most Indian visitors are. Rule: install Clarity today, watch twenty recordings, and pay for Hotjar or Mouseflow only when you need surveys, funnels or longer history.

Part of Analytics tools on eChai Explore.

Go deeper

6 resources, 6 link-checked.

🛠️ Tool
✓ Link checked Free Beginner

If live calls drain you, Clarity lets you watch how real people actually use your product without ever getting on a call. You drop in one script and get session recordings plus heatmaps: where people click, where they scroll, where they get stuck and quietly leave. It is free forever with no traffic limits, so it fits a solo founder who wants signal without adding a weekly meeting to the calendar.

Microsoft Clarity

From Microsoft by Microsoft

Microsoft Clarity on eChai Explore

  • Session replays and heatmaps show real behavior, so you learn what confuses people without asking anyone anything.
  • Free forever with no traffic caps, GDPR and CCPA compliant, and it masks sensitive fields by default.
  • Best as your always-on passive layer: it tells you WHAT is happening, then you only reach out to the few users whose behavior you want to understand.
Open clarity.microsoft.com →
🛠️ Tool
✓ Link checked Freemium Beginner

Hotjar's pricing page now lives on Contentsquare, which owns it. It shows a free plan and a paid tier with zone-based heatmaps, journeys and 13 months of data from $39 a month billed yearly.

Hotjar and Contentsquare pricing

From contentsquare.com by Contentsquare Pricing page

Hotjar on eChai Explore

  • The free plan keeps 1 month of data; paid plans keep 13 months.
  • Surveys and feedback are priced as a separate product on the same page.
Open contentsquare.com →
🛠️ Tool
✓ Link checked Freemium Intermediate

Product analytics with experiments, feature flags and session replay in one tool, with a free allowance that renews every month and no card needed.

PostHog pricing

From posthog.com by PostHog Pricing page

PostHog on eChai Explore

  • Most companies stay on the free monthly allowance.
  • Experiments sit on top of the same analytics you already track.
  • Add a card only when you outgrow the free limits.
Open posthog.com →
🛠️ Tool
✓ Link checked Freemium Beginner

Mouseflow records sessions and draws click, scroll and geo heatmaps. Its free plan covers 1 website and 500 sessions a month; Essential is 25 a month billed annually for 5,000 sessions.

Mouseflow pricing

From mouseflow.com by Mouseflow Pricing page

Mouseflow on eChai Explore

  • When sessions run out, recording pauses until the next month rather than charging you.
  • Friction detection flags rage clicks and dead clicks without you watching every recording.
Open mouseflow.com →
🛠️ Tool
✓ Link checked Paid Beginner

Lucky Orange bundles heatmaps, recordings and live chat on every plan. Build is $32 a month paid annually for up to 3,500 monthly sessions, with a 7-day free trial.

Lucky Orange pricing

From luckyorange.com by Lucky Orange Pricing page

Lucky Orange on eChai Explore

  • Every feature is on every plan; you pay for sessions tracked.
  • Compare its price against Clarity, which is free, before paying for recordings alone.
Open luckyorange.com →
▶️ Video
✓ Link checked Free Beginner

Clarity's own three-minute walkthrough of its heatmaps: click, scroll and area maps, and how to filter them to phone visitors.

How to Use Heatmaps in Microsoft Clarity

On youtube.com by Microsoft Clarity 3 min

  • Filter heatmaps by device; most Indian traffic is on phones and behaves differently from desktop.
  • Scroll maps show how far down the page most people get, which tells you where to put the call to action.
Watch on YouTube youtube.com →

People also ask

eChai Partner Brands The partnership →