Microsoft Clarity
Microsoft Clarity integration
Clarity is free heatmaps and session recordings from Microsoft. It is the first tool we install when a store has no behavioural data.
UPDATED OCT 2026 · SOURCES (4)
SETUP BY PLATFORM
How we set up Microsoft Clarity
Shopify
Microsoft Clarity on Shopify (Theme/GTM): Install Clarity, connect GA4, review rage-click and dead-click reports monthly, and turn the worst offenders into CRO tickets.
Shopify Plus
On Shopify Plus (Theme): everything in Shopify, plus the Plus-only hooks (checkout extensions, B2B, Launchpad) where Microsoft Clarity can use them.
Hydrogen
On a headless storefront (Hydrogen, Astro or Next.js) we connect Microsoft Clarity through Script and own the event and data mapping ourselves.
USE CASES
What teams use it for
Rage & dead clicks
Find elements shoppers tap that do nothing.
Scroll depth
See where product page content stops being read.
Recording review
Monthly review of recordings around checkout entry.
BEFORE YOU ADD IT
What to watch out for
PRIVACY
Masking is on by default
Keep strict masking on for inputs and personal data.
SPEED
Light but not free
The script is small; still load it after the main content.
LIMITS
No surveys
Clarity has no surveys. Pair with Hotjar when you need to ask why.
05
Microsoft Clarity on Shopify, in practice
Clarity is free session recording and heatmaps with no traffic limits, which makes it the default behaviour tool on most stores we manage, with Hotjar reserved for sprints that need surveys.
Install is a snippet in the theme or through GTM; the work is masking personal data in checkout and account pages and setting up the segments worth watching — rage clicks, dead clicks, quick-backs on the product page, and sessions with JavaScript errors, which is often the first sign an app update broke something. Clarity's GA4 connection lets us jump from a funnel drop to the recordings of people who dropped.
Because it is free and unlimited, the risk is leaving it recording with nobody looking. On a retainer we review a sample monthly and tie each finding to a change; without that, it is just storage. The Smart Events and AI summaries are useful for triage but not a substitute for watching ten real sessions.
Is Microsoft Clarity really free?
Yes. It offers free session recording and heatmaps with no traffic limits. The risk is leaving it recording with nobody looking, so on a retainer we review a sample monthly and tie each finding to a change.
Does Clarity work with Shopify?
Yes. On Shopify it installs as a snippet in the theme or through GTM, and on headless as a script. We mask personal data in checkout and account pages.
Can Clarity connect to GA4?
Yes. Clarity's GA4 connection lets us jump from a funnel drop straight to the recordings of the people who dropped. We set that connection up during install and use it in the monthly review.
Clarity or Hotjar?
Clarity is our default behaviour tool because it is free with no traffic limits. We reserve Hotjar for sprints that need surveys, since Clarity has none.
You've reached the end, so now…
Tell us what you're selling.
Send us your store. Within one business day you get a short Loom from a senior: the three things we'd fix first, what it would cost, and whether we're the right team for it.
- No pitch deck, no discovery-call theatre
- You keep the audit whether or not you hire us
- Fixed-scope quotes, no hourly surprises
Prefer to talk? Book 20 minutes with Haniel or call +1 855-764-4977