By Shaheer Malik · Source: Framer Help: How to add custom code, read on 29 October 2026
Quick answer: Segment's JavaScript source connects to Framer through the Custom Code section: paste Segment's snippet in the head on all pages and publish, then send the data on to your other tools from Segment. Framer's help lists analytics tags as a standard use of custom code.
How to connect Segment to Framer
- Copy the Segment JavaScript source snippet from your Segment 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
- Track button clicks and form submissions from code overrides if you need events beyond page views
- Framer's help has a guide to tracking links and forms with its own analytics
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 | Segment |
|---|---|
| Category | Analytics |
| How it connects | Custom code |
| Where in Framer | Site Settings, Custom Code |
Segment and Framer questions
How do I add Segment to Framer?
Paste Segment's JavaScript source snippet into Framer's Custom Code section, in the head on all pages, and publish.
Related integrations
- PostHog and Framer: custom code
- Customer.io and Framer: custom code and a webhook
- 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.