Hands-on Guide

I Watched 200 Recordings of People Using My Website. Here's the Free Tool (and Exact Process) That Doubled My Leads.

3 strategies for using Microsoft Clarity's session recordings to find and fix what's costing you customers.

6 April 2026 12 min read
Microsoft Clarity session recording showing visitor behaviour on a website

Most business owners look at their website and think "looks good to me." Then they wonder why nobody's filling in the contact form.

The problem is simple: you're not your customer. What makes sense to you, the person who built the site, almost never matches what a first-time visitor actually experiences. They scroll past your best content. They tap buttons that don't work. They get confused by something you never even thought about, and they leave. Quietly. Without telling you what went wrong.

I know this because I watched them do it. Over 200 times.

The tool that made this possible is Microsoft Clarity, a free behavioural analytics tool that records anonymous sessions of real people using your website. No traffic limits. No cost. You paste a snippet of code onto your site, and Clarity starts showing you exactly what visitors do on your pages, where they click, where they hesitate, where they give up.

Clarity has a lot of features: heatmaps, rage click detection, AI-powered session summaries, the ability to ask natural language questions about your data, and JavaScript error tracking. But this article isn't about all of that. This article is about one specific feature, session recordings, and the three strategies I used to more than double the leads collected on my site, futurefy.com. These are the same strategies we've used with past clients to replicate that result.

Let's get into it.


Strategy 1: Find What Visitors Actually Care About and Put It Front and Centre

The first thing session recordings reveal is humbling: people don't read your site the way you designed it.

You spent hours getting the order right. Hero section, then about us, then services, then testimonials, then contact. Logical. Clean. Makes perfect sense. Except your visitors don't care about your logic. They scroll straight past your intro, jump to testimonials, skim your pricing, then go back up to see what you actually do.

This isn't a problem. It's a gift. They're telling you what matters to them, and the order it matters in. Your job is to listen and rearrange accordingly.

Here's how the recording screen works

On the left you see a list of sessions with an overview of each one: when the user visited, where they came from (referrer), the page they landed on (entry), the last page they visited (exit), their geographic location, browser, and whether they were on mobile or desktop. Clarity also generates an AI "session insight" summary so you don't have to watch every recording end to end. Click "more details" and you get a granular timeline showing exactly what was clicked, when, and on which pages.

Here's what you do with it

Write down every section on your key pages. Hero, about us, services, testimonials, pricing, contact, whatever you've got. Then start watching recordings. For each session, track the order the visitor engaged with each section. Not the order the sections appear on the page, the order the visitor actually looked at them.

So if your page has Hero → About Us → Products → Testimonials → Contact, and the visitor went Hero → Testimonials → Products → About Us, you'd log:

Do this across a large sample of recordings. Twenty is useful. Fifty is better. After you've done this, tally up the results. You'll have a ranked list of what your visitors actually care about, in the order they care about it. Then rearrange your page to match.

This sounds simple because it is. Most websites are organised around what the business owner thinks is important. Session recordings show you what the customer thinks is important. Closing that gap is one of the fastest wins you'll get.


Strategy 2: Find the UI Frustrations That Make People Leave

Once you've got the right content in the right order, the next step is making sure nothing on your site is actively annoying people into leaving.

Every site has friction points. The tricky part is that you'll never find them yourself because you already know how your site works. Your visitors don't. They tap things that look clickable but aren't. They get trapped in scroll areas they can't escape. They fill in forms that reject them for reasons they can't see. And every one of these moments is a potential lost customer.

Here are three real examples I found on my own site by watching Clarity recordings, and exactly what I did to fix each one.

Example 1: Navigation Links That Hijack Mobile Users

On my portfolio page, I had screenshots of client websites. On desktop, clicking a screenshot opened that client's site. Worked perfectly. On mobile, it was a disaster.

The screenshots were large enough that mobile users trying to scroll the page would accidentally tap a screenshot and get yanked off to a completely different website. After this happens once or twice, the user doesn't come back. They're gone.

The fix: I replaced the clickable screenshots with a single scrollable image of each portfolio site, embedded directly in the page. Users could preview the full site without ever leaving mine.

Example 2: Scroll Traps on Mobile

That fix created a new problem. The embedded scrollable portfolio previews were so large on mobile that users would try to scroll the main page but end up scrolling the portfolio preview instead. They'd get stuck, unable to navigate past that section, and bounce before ever seeing the rest of the content.

I also noticed that desktop users were missing the scrollable sections entirely because there was no visual cue that they could scroll.

The fix: I replaced the full-area scroll with a visible scrollbar that users drag instead of the section capturing the entire browser window's scroll. This made mobile navigation smooth again. I also added an animation to signal that the section is scrollable. The result was a 63% decrease in bounce rate from the portfolio page.

Example 3: Form Errors Nobody Can See

On the booking form for scheduling a call, users who missed a required field would get an error message. The problem? The error message appeared at the top of the form, which on mobile was outside the visible screen area. The form would just... not submit. No visible explanation. Users had no idea what went wrong, got frustrated, and left.

The fix: I made all required fields highlight in red when left empty, and disabled the calendar selection until every required field was filled in. The user now gets instant, visible feedback right where they're looking.

The pattern here is the same every time. You watch the recording. You see the exact moment a visitor gets stuck. You fix that specific thing. You don't need to guess. You don't need a UX audit. You just need to watch what's actually happening.


Strategy 3: Find and Fix Your Leaky Funnels

This is where session recordings go from useful to directly revenue-impacting. A leaky funnel is any point in your conversion process where people who want to become a lead are losing their way, getting distracted, or dropping off before completing the action.

Here are four leaks I found and fixed.

Leak 1: CTAs That Send People to the Wrong Place

I had recently changed all my calls-to-action from "email us" to "book a call" because it's faster and simpler for everyone. But I was still getting email enquiries and couldn't figure out why.

Watching session recordings, I spotted it. My email address was still sitting in the site footer. Visitors would scroll to the bottom, see the email, and use that instead of the booking form.

The fix: I replaced the footer email with a "Book a Call" button that opens the same calendar booking form. One consistent path, no confusion.

Leak 2: Slow Popups Losing Impatient Visitors

My lead capture flow worked in two steps: the visitor enters their email, it saves, then a popup opens for booking a call. The problem was that on slower connections, the gap between submitting the email and the popup appearing was long enough for people to navigate away. They'd submitted their email, saw nothing happen for a few seconds, and left before the booking form ever appeared.

The fix: I made the booking popup open immediately after the email is entered, without waiting for the save confirmation. The email still saves in the background, but the user isn't left staring at a screen wondering if anything happened.

Leak 3: People Fill in the Form but Don't Hit Submit

This one surprised me. Recording after recording showed people typing their email into the capture field, then just... moving on. They'd filled it in but never hit the submit button. Not once, not twice. I found this happening consistently across dozens of sessions.

The fix: When a user has entered text in the email field but hasn't submitted, a persistent header follows them as they scroll, reminding them to submit. It's a gentle nudge, not a popup, and it catches the people who got distracted or assumed the form auto-submitted.


Start Watching

Every one of these fixes came from the same process: install Clarity, watch recordings, find the problem, fix it. No expensive tools. No guesswork. No UX consultants charging by the hour.

The insights are sitting there in your recordings right now. You just have to look.

Here's the order I'd suggest:

Start with Strategy 1. Watch 20-50 sessions and figure out what your visitors actually care about. Rearrange your content to match. Then move to Strategy 2 and fix anything that's causing frustration. Finally, use Strategy 3 to plug the leaks in your conversion funnel.

You don't need to do it all in a day. One strategy per week and you'll have a meaningfully better website in less than a month.

arrow_back Back to Blog
Related Posts