Heatmaps for a small business website: how to install Microsoft Clarity for free and what to look for in recordings
A practical guide: set up Clarity in minutes, read heatmaps correctly, and understand why visitors leave, without paying anything.
You have traffic, but almost nobody calls or fills in the form. It is frustrating, because Google Analytics shows people arriving yet never shows what they actually do on the page: where they click, how far they scroll, where they get stuck. You are left guessing.
Microsoft Clarity solves exactly this, and it is completely free, with no traffic limit and no card required. It gives you click heatmaps and real session recordings, so you can watch, like a film, how a visitor moved around your page. In this article I show you step by step how to install it, even if you are not technical, and more importantly what to look for in the data so you make decisions instead of just admiring pretty colors.
What a heatmap actually is and what Clarity shows you
A heatmap is a colored map laid over your page. Warm zones (red, orange) are where people click or linger most; cool zones (blue) get ignored. Clarity gives you three useful things:
- Click map: where people tap. You will discover they click things that are not buttons (an image, a heading) and ignore your real button.
- Scroll map: how far down the page they go. It shows whether your offer or the form at the bottom is ever seen.
- Session recordings: the full film of a visit, with mouse movements, hesitations, and the moment someone closes the tab.
Unlike a simple visit counter, Clarity shows you behavior, not just numbers.
How to install it in a few steps, even if you are not technical
The process is simpler than it looks:
- Go to clarity.microsoft.com and sign in with a Microsoft, Google, or Facebook account. It is free.
- Click "New project", enter your business name and the site address.
- Clarity gives you a tracking code. This is the step that scares people, but you have easy options.
If you use WordPress, install the official "Microsoft Clarity" plugin and just paste your project code, without touching any file. If you use Google Tag Manager, add Clarity as a tag in a few clicks. If someone built your site, send them the code and they place it in the <head> section. After installing, check in Clarity that the status shows "tracking" and wait a few hours for the first sessions to collect.
What to look for in heatmaps and recordings
Do not stare at everything. Look for patterns that tell you where you lose people:
- Is the main button cold? If your CTA ("Call now", "Get a quote") has no clicks, either it is not visible or it does not convince. Move it up or change the wording.
- Dead clicks: people tapping something that looks like a button but does nothing. That is pure frustration and a reason to leave.
- Short scroll: if most people never reach the form, the form is too low. Bring the offer and the button higher.
- Rage clicks: quick, repeated taps in the same spot, a sign that something is broken or loads slowly.
In recordings, watch 10 to 15 sessions from mobile. That is where most problems show up: tiny text, buttons stuck together, menus that do not open.
From observation to decision: practical examples
Data does not help unless you change something. A few real situations and what to do:
- You see many visitors stop at the pricing section and leave. Signal: the price scares them or it is unclear what they get. Fix: explain what is included, add a smaller step (a question on WhatsApp).
- On mobile, people rage-click the phone number but nothing happens. Signal: the number is not a callable link. Fix: make it click-to-call.
- Everyone clicks a photo that goes nowhere. Signal: people expect it to be a link. Fix: link it to the relevant page.
Simple rule: make one change, then let Clarity gather new data for a few days and compare. That is how you learn what works instead of guessing.
Limits, privacy, and when it is worth getting help
Clarity is excellent, but it has limits. It shows you what people do, not why - for the why you still need to talk to real customers. On low traffic you need patience: a few dozen sessions before you draw conclusions, otherwise you fool yourself.
On privacy: Clarity automatically masks sensitive content in recordings, but it stays your responsibility to mention it in your privacy policy and cookie banner. It is an analytics tool, so it falls under consent.
If you can see the problems but the site is hard to change, or you simply have no time, that is where we come in. At MPO Web Studio we build fast, mobile-clear websites, and for our clients we set up Clarity from the start and read the data together. We work fully remotely and give you a free demo before you pay anything. If you want a second pair of eyes on your heatmaps, message us on WhatsApp and we will look together.
Frequently asked questions
Is it really free or will I get a bill?+
Microsoft Clarity is free, with no traffic limit and no card required. There is no paid plan to accidentally exceed. The only real cost is your time reading the data.
Does Clarity slow down my site?+
The impact is small because the script loads asynchronously, meaning it does not block the page from displaying. It will not visibly worsen an already slow site, but it also will not fix poor speed - that is a separate job.
How many visits do I need before I see something useful?+
Individual recordings are useful from the first session. Heatmaps become reliable after a few dozen visits to that page; below that you can draw wrong conclusions from too little data.
Is it legal on a Romanian site under GDPR?+
Yes, used correctly. Clarity auto-masks sensitive data, but as an analytics tool it falls under consent: mention it in your privacy policy and cookie banner alongside your other tools.
Does Clarity replace Google Analytics?+
No, they complement each other. Analytics tells you how many people come and from where; Clarity shows you what they do on the page. Together they answer both how many and why they leave.
7 mistakes that drive clients away from your website
Leave your email and get the guide right here, instantly. No spam.
Want to see what your business's website could look like?
Message us on WhatsApp and we'll prepare a FREE demo website with your business name. See it first — decide after.