Why Clarity Exists
Microsoft built Clarity to compete with Hotjar. It's a session replay and heatmap tool. It's free forever. No seat limits. No bandwidth caps. No "upgrade when you hit 10K sessions per month."
Hotjar charges $89/month for basic recording. Clarity is $0. The tradeoff: Clarity's interface is less polished. The feature set is smaller. But for ecommerce CRO work, you don't need the extra polish.
What you do need: unlimited recordings, rage click detection, dead click detection, heatmaps, and GDPR compliance. Clarity has all four. That's 80% of the work.
What Clarity Does Well
Unlimited session recordings. Watch as many as you want. No throttling. No "upgrade your plan to export more data." A typical ecommerce store records 500-2000 sessions per day. Clarity takes all of them.
Auto-detection of friction patterns. Clarity flags rage clicks, dead clicks, and "quick backs" automatically. You don't have to spot them manually. The system surfaces them for you. That saves hours.
Heatmaps on desktop and mobile. Click maps show where visitors click. Scroll maps show how far down the page they go. Compare desktop vs mobile side-by-side. No guessing.
GDPR-friendly. Clarity has privacy controls built in. You can mask text fields. You can exclude internal traffic. You can configure what gets recorded and what doesn't.
The setup takes 5 minutes. Copy a JavaScript snippet. Paste it in your Shopify theme. Done. Data flows immediately.
What Clarity Doesn't Do (vs Hotjar)
No built-in surveys. If you want to ask visitors questions while they're on the site, you need another tool. Hotjar's feedback widget is easier. Clarity doesn't have it.
Less polished reporting. Hotjar's UI is slicker. Clarity's is functional but dated. But once you know what you're looking for, the interface doesn't matter.
No heat maps for conversion funnels. Hotjar lets you build custom funnels and see how visitors move through them. Clarity doesn't. You still watch replays manually to understand flow.
These are nice-to-haves. For CRO audit work, they're not critical. You're looking for broken elements and friction points. Clarity surfaces those.
Installation (5 Minutes)
Go to clarity.microsoft.com. Sign up (free). They'll give you a project ID.
In your Shopify admin: go to Online Store > Themes > Edit code. Find the theme.liquid file. Paste this before the closing head tag:
<script>(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);})(window, document, "clarity", "script", "YOUR_PROJECT_ID");</script>
Replace YOUR_PROJECT_ID with the one Clarity gave you. Save. Done.
The First Three Things to Check
1. Filter for "Add to Cart but No Checkout" visitors. These are your highest-intent drop-offs. Watch 10 replays. Look for where they stopped. Did they scroll past shipping cost and bail? Did they see a payment form and close the browser? Document what you see.
2. Compare mobile vs desktop on product pages. Pull a heatmap of the buy box area on mobile. Then on desktop. Where's the cursor positioned? How far down the fold is it? If the mobile buy box is below the fold on most devices, that's your first fix.
3. Pull the rage click and dead click reports. These auto-flag sessions with friction. Export the list. Watch the top 5-10. If multiple visitors rage-click the same element, that element is broken. Fix it now.
Want me to audit your Clarity data?
Install it, let it run for 3 days, then get a free audit of what your first fixes should be.
The First Week Usually Surfaces $10K in Leaks
Most stores have never watched a replay. They have no idea what happens on mobile. They don't know a button doesn't work. They're operating blind.
First week with Clarity usually surfaces 3-5 quick wins. The mobile buy box is below the fold. The product gallery doesn't work on phones. The checkout page has a broken payment button. One of those fixes often moves conversion rate by 0.3-0.8 points. On a $50K/month store, that's $1.5K-$4K in incremental revenue. First week.
The compounding happens over months. Run the diagnostic workflow monthly. Fix the leakiest moment. Measure impact. Move to the next. By month 3, you've compounded 3-5 fixes. By month 6, you're running at a 25-40% higher conversion rate.
Why You Should Start Now
Clarity is free. It takes 5 minutes to install. You have zero risk and maximum upside. The worst case: you install it and do nothing with it. You've lost 5 minutes.
The best case: you find that your mobile site is broken. You fix it. You add $50K in annual revenue.
Install it today. Let it run for a week. Then watch 20 replays and see what you find.