By Shaheer Malik · Source: Framer Help: How to add custom code, read on 29 October 2026
Quick answer: Microsoft Clarity connects to Framer the same way as other analytics tags: copy Clarity's tracking code, add it in Framer's Custom Code section in the head on all pages, and publish. Framer's help lists analytics and marketing tags as a standard use of custom code.
How to connect Microsoft Clarity to Framer
- Copy the Clarity tracking code from your Clarity account
- In Framer, open Site Settings and the Custom Code section, then add a new script
- Paste the snippet, give it a clear name and choose where it goes: usually the head, on all pages
- Choose whether it runs once or on every page visit, as the tool's instructions say
- Publish the site, then check the tool's dashboard for the first visit
Good to know
- Framer's custom code guide names analytics and marketing tags as a supported use
- Session recordings can include personal data; check masking and consent
How custom code works in Framer
Framer's Custom Code section, in Site Settings, is where tracking scripts and chat widgets go. Framer's help lists analytics and marketing tags, chat and support widgets, small CSS and JavaScript tweaks, and structured data as its uses. For each snippet you choose:
- Placement: the start or end of the head, or the start or end of the body
- Pages: every page, or only the pages you select, including CMS pages
- When it runs: once, or on every page visit
Before you add tracking
- Check the consent rules for where your visitors are, and add a consent banner if you need one
- Mask typed text in any tool that records sessions
- Install each tool once, so page views are not counted twice
- Test on the published site, not the editor preview, and watch page speed after adding scripts
At a glance
| Tool | Microsoft Clarity |
|---|---|
| Category | Analytics |
| How it connects | Custom code |
| Where in Framer | Site Settings, Custom Code |
Microsoft Clarity and Framer questions
Is there a Clarity plugin for Framer?
You do not need one: Clarity's tracking code goes in Framer's Custom Code section.
Related integrations
- Hotjar and Framer: custom code
- PostHog and Framer: custom code
- Google Tag Manager and Framer: custom code
Every integration is on the integrations page. If you would rather have the site built with this already connected, the Framer website sprint is $1,999 fixed for 14 days.
Want it connected for you?
I design and build Framer sites with analytics, forms and integrations set up, for a fixed $1,999 in 14 days.