By Shaheer Malik · Source: Framer Help: Adding Hotjar to your site, read on 29 October 2026
Quick answer: Add Hotjar to Framer by pasting Hotjar's tracking script into Framer's Custom Code section, in the head on all pages, then publishing. Framer's help centre has a dedicated guide. Heatmaps and recordings start once visitors arrive on the published site.
How to connect Hotjar to Framer
- Copy the Hotjar tracking code from your Hotjar 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
- Recordings can capture what visitors type; check Hotjar's masking settings and your consent rules
- Test on the published site, not the Framer editor preview
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 | Hotjar |
|---|---|
| Category | Analytics |
| How it connects | Custom code |
| Where in Framer | Site Settings, Custom Code |
Hotjar and Framer questions
Does Hotjar work on Framer?
Yes. Paste Hotjar's tracking script into Framer's Custom Code section and publish; Framer's help centre walks through it.
Related integrations
- Microsoft Clarity and Framer: custom code
- PostHog and Framer: custom code
- Google Analytics and Framer: a built-in setting
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.