⭐ Available in the following bundle: Insights Bundle (incl. in Scale)
⭐ Available on the following plans: Pro, Agency, Business
👀 Not sure which plan you're on? Check your subscription here.
Microsoft Clarity is a free analytics tool that helps businesses understand user behavior on their website through session recordings and heatmaps.
Connect Heyflow with Microsoft Clarity to send event and user data from Heyflow directly to your Microsoft Clarity account. This helps you to understand how users interact with your funnel and optimize your funnels based on real-user insights.
With Heyflow's Microsoft Clarity integration, you can:
Send Heyflow event & user data directly to Microsoft Clarity
Send events and user behaviour from Heyflow straight into your Microsoft Clarity account — no coding or external tools needed.Track user interactions with heatmaps
Visualize how users engage with your funnel using Microsoft Clarity's heatmaps.Record sessions to understand user behavior
Capture individual user sessions to see exactly how visitors navigate your funnel and identify areas for improvement.
Setup
Step 1: Set up Microsoft Clarity
If you don’t already have a Clarity account:
Go to Microsoft Clarity and sign in with your Microsoft, Google, or Facebook account.
Click Add a new project.
Give your project a name (e.g., “Heyflow Onboarding Flow”).
Enter your website domain (you can use the domain where your Heyflow is published).
Once created, Clarity will give you a Project ID. You’ll need this for the Heyflow integration.
🔎 Where to find your Project ID in Microsoft Clarity?
The Project ID can be found by clicking on the Settings (Wheel) Symbol on the top right:
Step 2: Add Your Clarity Project ID to Heyflow
In Heyflow, open the flow where you want to enable tracking.
Go to Connect --> Tracking and select Microsoft Clarity from the list.
Paste your Project ID into the integration.
Save your changes and republish your flow. That’s it! Your Heyflow is now connected to Clarity.
Step 3: Clarity Insights
After a few visits to your flow, Clarity will start collecting data and a dashboard will appear:
Here’s what you can do additionally:
Session Recordings – Watch how visitors interact with your flow step by step.
Heatmaps – See where users click, scroll, and drop off.
Engagement Metrics – Understand user behavior such as rage clicks, quick backs, or dead clicks.
Filters – Focus on specific user journeys (e.g., mobile users, visitors from certain campaigns).
Best Practices
General Tips
Use heatmaps to identify which flow elements attract attention and which might be ignored.
Check session recordings to spot confusing steps in your flow.
Combine Clarity data with Heyflow analytics for a full picture of performance.
Use filters to segment by traffic sources and see how different campaigns perform.
Cookie Consent & Compliance
When using Microsoft Clarity with Heyflow, it’s important to ensure compliance with data protection regulations (such as GDPR).
Clarity collects data about user interactions, which often requires user consent before tracking can begin.
We strongly recommend using a cookie consent banner or consent management tool in your Heyflow to ask visitors for permission before Clarity loads.
In Heyflow, you can use the Cookie Consent to manage this. Simply categorize Clarity under “Analytics” or “Tracking” cookies, so tracking will only start once the visitor has accepted.
💡 This helps you stay compliant while still gaining valuable insights into user behavior.