Heyflow integrations

Connect Your Funnel Builder With Microsoft Clarity

11 min read
Connect your funnel builder with Microsoft Clarity to add session recordings and heatmaps to your drop-off data. Diagnose UX friction and run smarter CRO tests.
Get started Pricing
G2 ratings 4.4 / 5.G2 ratings 4.4 / 5.OMR ratings 4.5 / 5.OMR ratings 4.5 / 5.Capterra ratings 4.7 / 5.Capterra ratings 4.7 / 5.

Trusted by 3,000+ marketers

AxaBCG Digital VenturesForbesSaas GroupRocket MortgageAllianzCiscoPernod Ricard

Your funnel analytics show where users drop off, but not why a specific step is losing conversions. Connecting your funnel builder with Microsoft Clarity adds session recordings, heatmaps, and frustration signals like rage clicks on top of your existing drop-off data. This article covers how the native Heyflow integration works, what behavioral data Clarity captures inside multi-step funnels, and how to run a structured CRO loop using both tools together.

Key takeaways

  • Microsoft Clarity is free with no session recording limits, making it practical for high-volume paid traffic funnels.

  • Without a native integration, Clarity treats entire multi-step funnels as a single page, making per-screen heatmaps impossible.

  • Since October 2025, Clarity enforces consent requirements for EEA traffic, meaning unconsented sessions produce zero behavioral data.

  • Heyflow's native Clarity integration requires only a Project ID, sends step-level events automatically, and includes built-in cookie consent management.

What Microsoft Clarity Actually Adds to Funnel Analytics

Your funnel builder already tells you where users drop off. Heyflow's per-screen analytics show you exactly which step loses the most visitors, broken down by device and traffic source. What it can't show you is why they leave. That's the gap Microsoft Clarity fills.

Clarity is a free behavioral analytics tool that captures session recordings, heatmaps, and frustration signals like rage clicks and dead clicks. When you connect it to your lead funnel, you get a qualitative layer on top of your quantitative drop-off data. You can watch real users hesitate on a specific question, scroll past a CTA without clicking, or tap a button repeatedly because the validation error message isn't clear enough on mobile.

For performance marketers running paid campaigns, this combination is particularly valuable. You're paying for every click that reaches your funnel. If a UX friction point is killing conversions on step three, Clarity shows you exactly what's happening so you can fix it, rather than guessing and running unfocused A/B tests.

Clarity also includes a native Funnels feature that lets you define a sequence of Smart Events and visualize session-level progression through each step. This is complementary to, not a replacement for, your funnel builder's analytics. The two tools answer different questions: Heyflow tells you the drop-off rate at each screen; Clarity tells you what users were doing on that screen before they left.

How to Connect Heyflow With Microsoft Clarity

Heyflow has a native Microsoft Clarity integration that requires no custom code, no Google Tag Manager setup, and no developer involvement. You need only your Clarity Project ID.

Step 1: Create a Clarity project. Go to clarity.microsoft.com and sign in with a Microsoft account. Create a new project for your website or funnel domain. Clarity will generate a Project ID, which you'll find in the project settings.

Step 2: Add the Project ID to Heyflow. In your Heyflow account, open the flow you want to track. Navigate to Connect, then Tracking, and select Microsoft Clarity from the list. Paste your Project ID into the field and save.

Step 3: Republish your flow. Any change to your Heyflow integration settings requires a republish to take effect. Once published, Clarity begins collecting data on new sessions immediately.

Step 4: Wait for data to populate. Clarity typically needs a few hundred sessions before heatmaps become statistically meaningful. Session recordings appear within hours. The full dashboard with engagement metrics and funnel visualizations becomes useful after a few days of traffic.

Once connected, Heyflow sends event and user data directly to Clarity. You get session recordings of the full multi-step journey, heatmaps per funnel screen, and engagement signals including rage clicks, dead clicks, and quick backs. You can filter all of this by device type, traffic source, session duration, or specific funnel events, which is where the real optimization work begins.

For the full technical setup walkthrough, see the Heyflow help center guide on analyzing events with Microsoft Clarity.

What Data Clarity Captures Inside a Multi-Step Funnel

Multi-step funnels built as single-page applications present a tracking challenge that static websites don't face. When a user moves from step one to step two inside a Heyflow funnel, the URL typically doesn't change. Without proper event tracking, Clarity would treat the entire funnel session as a single page view, making heatmaps and funnel visualizations meaningless.

Heyflow's native integration solves this by sending step-level events directly to Clarity. Each screen transition is tracked as a distinct event, so Clarity can generate per-screen heatmaps, filter session recordings by which step a user reached, and build funnel visualizations that map to your actual flow structure.

The specific data Clarity captures inside a connected Heyflow funnel includes: session recordings showing the complete user journey from the first screen through to submission or abandonment; click heatmaps showing exactly where users tap or click on each individual screen; scroll depth maps revealing how far users read on text-heavy steps; rage clicks identifying buttons or fields that frustrate users; dead clicks on non-interactive elements that suggest layout confusion; and quick backs, where users navigate away and return quickly, signaling hesitation or confusion at a specific step.

You can also use Clarity's Custom Tags to pass metadata into sessions, such as traffic source, campaign name, or funnel variant. This lets you segment session recordings by, for example, "mobile users from Meta campaign X who dropped off on step three," which is a significantly more actionable filter than watching random recordings.

Clarity vs. Native Funnel Analytics: When to Use Which

These two tools answer different questions, and the most effective optimization workflow uses both together rather than treating them as alternatives.

What you want to know

Use Heyflow analytics

Use Microsoft Clarity

Drop-off rate per screen

Yes, per-screen breakdown with percentages

Yes, via Clarity Funnels with Smart Events

Why users drop off on a specific step

No

Yes, session recordings and heatmaps

A/B test results by variant

Yes, native A/B testing with statistical significance

Partial, filter recordings by Custom Tag

Device-level conversion breakdown

Yes

Yes, filter by device type

Rage clicks and frustration signals

No

Yes, automatic detection

Heatmaps per funnel screen

No

Yes, with native Heyflow integration

Campaign-level traffic performance

Yes, with UTM parameters

Yes, filter sessions by UTM or Custom Tag

The practical workflow looks like this: use Heyflow's per-screen drop-off analytics to identify which step has the highest abandonment rate, then open Clarity and filter session recordings to users who reached that specific step. Watch 15 to 20 recordings on mobile, since most paid social traffic arrives on mobile devices. Look for patterns: are users rage-clicking a specific field? Are they scrolling past the CTA without seeing it? Are they hesitating on a question with ambiguous answer options? That pattern becomes your optimization hypothesis, which you then test with a Heyflow A/B test variant.

Using Clarity Data to Run a CRO Loop

Installing Clarity and watching random session recordings is not a CRO strategy. The tool only delivers value when you connect its qualitative data to a structured optimization process.

A practical workflow for a lead generation funnel running paid traffic looks like this. First, check Heyflow's screen-level analytics after your funnel has collected at least 500 sessions. Identify the screen with the highest exit rate. This is your starting point, not a random recording session.

Second, open Clarity and filter session recordings to users who reached that specific screen. Apply a secondary filter for mobile users if your paid social traffic skews mobile. Watch 20 recordings with the goal of identifying a repeating behavior pattern, not individual anomalies.

Third, check the heatmap for that screen. Are clicks concentrated in expected areas? Is there a dead click pattern on a non-interactive element? Does scroll depth data suggest users aren't seeing the CTA or the next-step button?

Fourth, formulate a single hypothesis. For example: "Users on mobile are rage-clicking the phone number field because our inline validation error message appears too late and is too small to read." One hypothesis, one test.

Fifth, build a variant in Heyflow that addresses that specific hypothesis and run an A/B test. Use Heyflow's native testing to measure the impact on conversion rate with statistical confidence before rolling out the change permanently.

This loop, repeated systematically across each high-drop-off screen, compounds over time. Clarity provides the diagnostic layer; Heyflow provides both the analytics baseline and the testing infrastructure. For teams running campaigns at scale, this is how you reduce cost-per-lead without increasing ad spend.

Since October 31, 2025, Microsoft Clarity enforces consent signal requirements for all sessions originating from the European Economic Area, United Kingdom, and Switzerland. If a user from Germany or France visits your funnel without having consented to Clarity tracking, Clarity collects no data for that session at all. For performance marketers running campaigns in DACH or UK markets, this means a significant portion of your traffic produces zero behavioral data unless consent is properly configured.

Heyflow includes a built-in Cookie Consent feature that handles this directly. You categorize Microsoft Clarity under "Analytics" or "Tracking" cookies in your consent configuration, and Clarity's tracking script only fires after the visitor accepts. This ensures compliance without requiring a third-party consent management platform.

A few practical considerations for multi-step funnels in particular. Place your consent banner on the funnel landing screen rather than after the first question. Users who have already started entering data are less likely to engage with a consent prompt, and a mid-funnel consent interruption can itself cause drop-offs. Configure Clarity's masking controls to "Strict" or "Balanced" for any funnel steps that collect sensitive information, such as health data, financial details, or government ID numbers. Clarity's default settings apply some masking automatically, but for regulated industries, you should verify that specific fields are not visible in session recordings.

For teams running funnels in non-EEA markets, consent is still a best practice even if not currently enforced. Clarity's privacy documentation covers compatible consent management platforms in detail if you need a more comprehensive CMP setup.

FAQ

Does Clarity track each step of a multi-step funnel separately, or does it treat the whole funnel as one page?

With Heyflow's native integration, Clarity receives step-level events for each screen transition, so heatmaps and session recordings are tied to individual funnel steps rather than aggregated across the entire flow. Without a native integration, multi-step funnels built as single-page applications often appear as a single page in Clarity because the URL doesn't change between steps, which makes per-screen analysis impossible without manual Smart Events configuration.

Will adding Microsoft Clarity slow down my funnel and hurt conversion rates?

Clarity's tracking script loads asynchronously, meaning it doesn't block your funnel from rendering. The performance impact is minimal in practice, and Heyflow maintains page speed scores above 90 with Clarity active. That said, if you're running multiple tracking scripts simultaneously (GA4, Meta Pixel, Clarity, and others), cumulative script load is worth monitoring with a tool like PageSpeed Insights.

Can I filter Clarity session recordings by which Meta or Google Ads campaign sent the traffic?

Yes, but it requires passing campaign data into Clarity via Custom Tags. You can use UTM parameters from your ad URLs to populate Custom Tag values, then filter session recordings in Clarity by those tags. This lets you watch, for example, only sessions from a specific Meta campaign or ad set, which is useful when comparing how different audience segments interact with your funnel.

Is Microsoft Clarity free, and are there any limits on how many sessions it records?

Clarity is free with no session recording limits and no traffic caps. Unlike Hotjar, which restricts recordings on its free plan, Clarity records all sessions on all plans at no cost. This makes it practical for high-volume lead funnels where you might generate thousands of sessions per day from paid campaigns.

Can I use Clarity data to decide which Heyflow A/B test variant to run?

Yes, and this is one of the most effective ways to use Clarity. Watch session recordings filtered to the highest-drop-off screen in your funnel, identify a repeating behavior pattern, and use that observation to build a specific A/B test hypothesis in Heyflow. Clarity generates the hypothesis; Heyflow's native A/B testing validates it with statistical significance. Running tests based on observed user behavior consistently outperforms tests based on guesswork.

Does Clarity work if my Heyflow funnel is embedded on a website rather than hosted on a Heyflow domain?

Clarity cannot render inside third-party iFrame elements, which is a documented limitation. If your Heyflow funnel is embedded via iframe on an external site, Clarity tracking will need to be configured on the funnel's own URL rather than the parent page. Heyflow funnels hosted on a Heyflow subdomain or custom domain work without this limitation, and the native Clarity integration functions normally in those configurations.

Back to top