Hotjar: seeing why visitors drop off

Hotjar is a tool that shows how visitors really use your website. With heatmaps, session recordings, short surveys and feedback buttons, you see where people click, how far they scroll and where they drop off. Where GA4 tells you what happens, Hotjar shows you why.

Hotjar has been part of Contentsquare, a larger digital experience analytics platform, since 2021. In practice you use it alongside your analytics, not instead of it: GA4 or Matomo give you the numbers, Hotjar gives you the story behind those numbers.

What Hotjar does

Heatmaps in practice

A click map shows every click on a page as coloured dots: the redder, the more clicks. A scroll map shows how far visitors get, usually in 10% steps down the page. A move map tracks mouse movement, which roughly correlates with where people look (especially on desktop). Always view heatmaps separately for mobile and desktop: behaviour differs hugely. On mobile you often see that nobody scrolls past the third section, while the same page gets read fully on desktop.

Session recordings step by step

1. Turn on the recorder for the pages you want to investigate (for example your product page or quote form).
2. Let data collect for a few days to a week, depending on your traffic.
3. Filter by segment: mobile only, visitors who didn't convert, rage clicks only.
4. Watch 15 to 20 recordings in a row. You'll quickly spot a pattern: people clicking an image that isn't a link, or a cookie banner blocking the button.
5. Note what you see per recording, not what you think it means. Only interpret once you see the same thing across multiple recordings.

A web shop example

A web shop notices many visitors view their cart but don't check out. Hotjar recordings reveal that on mobile, shipping costs only appear at the final step and visitors drop off there. The fix (showing shipping costs earlier) takes a few hours, but without the recordings nobody would have known where to look.

A B2B example

A B2B service provider uses a survey on the contact page: "What's stopping you from enquiring now?" The most common answer is that visitors want to know who they're dealing with first. Result: adding a photo and short bio of the team above the form.

Where it helps

• Improving conversion. You see people clicking something that isn't a link, or your key button sitting below the fold. See conversion optimisation.
• Ideas for A/B tests. Hotjar gives the "why"; a testing tool like Varify checks whether your fix works.
• Settling debates. Instead of "I think nobody reads that block", show the scroll map.
• Finding bugs. Rage clicks and stuck forms stand out immediately.
• Improving forms. Form analysis shows which field people drop out at or leave blank, without you having to test everything yourself.
• Checking onboarding and content. For a local business with a booking page, you can see whether visitors can find the opening hours, or keep scrolling looking for them.

Free versus paid

Hotjar has a free plan with a limited number of daily sessions and basic features like heatmaps and recordings. Paid plans add more sessions per day, longer data retention, filters by segment, integrations with other tools, and richer surveys with more question types. Prices and limits change regularly; check hotjar.com for the current situation.

A free alternative with unlimited recordings is Microsoft Clarity. Clarity is strong in heatmaps and recordings; Hotjar is more complete in surveys and feedback. For many smaller sites, "Clarity for recordings, Hotjar free for the occasional survey" is enough; it's only with serious traffic and the need for filters that you'll hit the limits of the free plan.

Getting the most out of it

1. Start with a question or page. For example: why do people drop off on the quote page? Without a question you'll end up watching endless recordings without learning anything.
2. Look at the heatmap first, mobile and desktop separately. Behaviour often differs hugely.
3. Filter recordings on drop-offs, rage clicks or a specific page. Twenty targeted recordings say more than two hundred random ones.
4. Ask one good survey question. "What's stopping you from enquiring today?" beats a long questionnaire nobody has time for.
5. Write observations down as hypotheses and test the improvement, for example with an A/B test or simply by making the change and re-checking the heatmap after a few weeks.
6. Share short clips with your team. A 30-second recording convinces faster than a report full of numbers.

Common mistakes

• Measuring too much at once. Turning everything on for every page drowns you in data without a clear question.
• Drawing conclusions from a handful of sessions. A heatmap based on 40 visits is an anecdote, not a pattern.
• Making the survey too long. One good question yields more usable answers than a list of ten.
• Forgetting to filter by device. Mixing mobile and desktop behaviour gives a distorted picture.
• Watching recordings without a goal. It's addictive to keep scrolling through sessions; set a timer.

When not to use Hotjar

If you barely have any traffic yet, you simply don't have enough sessions to get anything meaningful from heatmaps or recordings. Focus first on growing visitor numbers and add Hotjar later. Also, if your site is purely informational without a conversion goal (no form, no purchase, no sign-up), it delivers less value: there's little behaviour to optimise.

How it works with other tools

Hotjar doesn't replace your analytics. Use GA4 for numbers, paths and goals, and Hotjar for the behaviour behind them. A hypothesis from Hotjar is then tested with a tool like Varify to see whether a change actually produces more conversions. For sites focused mainly on findability, you'll also look at technical signals, for example via A/B testing tools for the testing side of your optimisation.

A local business example

A local service provider, say a physiotherapy practice, uses Hotjar mainly on the appointments page. The heatmap shows visitors are mostly looking for a phone number, even though there's an online booking form. The fix is simple: put the phone number prominently next to the booking button. This kind of small, concrete fix is easier to find with a few heatmaps than by guessing.

Spotting rage clicks and dead clicks

A rage click is a series of fast, repeated clicks on the same element within a few seconds. It's almost always a sign of frustration: a button that doesn't work, an element that looks like a link but isn't, or a page that freezes. Hotjar flags this automatically in recordings, so you don't have to hunt for problems manually. A dead click is similar: people click on text or an image that doesn't trigger an action. Both are often easy to fix once you've spotted them.

What to watch

• Privacy and GDPR. Hotjar masks typed text by default, but check this on forms and account pages. Include Hotjar in your privacy policy and cookie banner, and ask for consent where required.
• Small numbers. A heatmap based on 40 visits is an anecdote, not a pattern.
• Don't get lost. Watching recordings is addictive. Set a timer and work from a question.
• Speed. The script is light, but only load it where you use it if your site is slow.
• A sample, not a survey of your whole customer base. Survey answers come from whoever happens to be on your site at that moment, not a representative sample of all your customers.

Frequently asked questions about Hotjar

Is Hotjar free?

There's a free plan with limited sessions and features. For more data, longer retention and features like filters you pay monthly.

Is Hotjar GDPR compliant?

Hotjar is built with privacy in mind and masks sensitive input, but you remain responsible for consent, your privacy policy and the settings. This isn't legal advice; check what's needed for your specific site if you're unsure.

What's the difference between Hotjar and Google Analytics?

GA4 measures numbers and paths: how many visitors, which pages, which goals. Hotjar shows the behaviour itself: clicks, scrolling and sessions, plus visitor feedback. They complement each other rather than replace each other.

Hotjar or Microsoft Clarity?

Clarity is free and strong in heatmaps and recordings. Hotjar is broader with surveys, feedback and interviews, but its free plan has more limits on session count.

Does Hotjar slow down my website?

The script loads asynchronously and has little impact, but every extra tool adds up to your load time. Only load it on pages where you actually use it if speed is a concern.

How much traffic do I need before Hotjar is worthwhile?

There's no hard minimum, but a few hundred visits a month on a page already gives you usable heatmaps and recordings. With less traffic, it takes longer to spot a pattern.

Can I use Hotjar alongside a cookie banner?

Yes, but then you'll miss sessions from visitors who don't give consent. Make sure Hotjar only loads after consent if you're using a cookie banner that requires it.

Does Hotjar replace real user research interviews?

Not entirely. Surveys and recordings give you signals, but a few good interviews with customers (for example via the Engage feature) often give deeper insight into the reason behind the behaviour.

Further reading

Want to know more about getting more from your visitors? Read conversion optimisation, A/B testing tools and Microsoft Clarity. Want to look at where your site leaks together? Book a free strategy session.