Add an AI support assistant to a Framer site
Framer sites ship fast and look sharp. Support usually is not part of the launch scope, and questions start arriving anyway.
- Two lines
- About two minutes
- One field
<!-- Matter Chat — paste right before </body> --><script> window.MatterChat = window.MatterChat || { q: [] }; window.MatterChat.q.push(["init", { id: "bot_your_key" }]);</script><script async src="https://app.matterchat.co/widget.js"></script></body>html · paste above the dimmed line
The route through your admin
- Site settings
- General
- Custom code
- End of <body> tag
The snippet lands in End of body tag.
Where the snippet goes
In the Framer editor open Site settings, then General, and find the Custom code section. Paste the two-line snippet into the End of body tag field and publish. It applies to every page including CMS collection pages.
- Site settings, Custom code
- The End of body field is the right slot for a widget script.
- Applies site-wide
- Including CMS pages, with no per-page configuration.
- Publish to take effect
- Custom code is applied on the published site, not in the editor preview.
It reaches CMS collection pages too, so you do not need a separate version per collection.
CMS entries become answerable
Published collection pages are crawled like any other page, so case studies, help articles, or product entries in the Framer CMS become material a visitor can ask a question of.
Consistent with a designed site
The widget is configurable — colours, launcher icon, greeting — so it can be made to sit with the design rather than against it. On a site where design is the point, that matters more than it does elsewhere.
Checking it actually worked
Four things, in order. The third is the one people skip, and it is the one that tells you whether the answers are grounded.
- 1Hard refresh the page — the launcher appears bottom-right.
- 2Ask it something your site answers, and check the reply cites a page.
- 3Ask it something your site does not cover, and check it declines.
- 4Open Conversations in the dashboard; both should be there.
On a different stack?
The snippet is the same everywhere. Only the place you paste it changes.
What designers ask
Short answers. If yours is not here, the assistant on this page will try it — and tell you honestly if it cannot.
Does it work on Framer's free plan?
Custom code requires a paid Framer site plan. Confirm your plan before planning the install, since this is a Framer restriction.
Will it appear in the editor preview?
No — custom code runs on the published site. Publish and check the live URL rather than the editor.
Can I match it to the site design?
Yes. Colours, launcher icon, and greeting are configurable, so it can be brought into line with the rest of the site.
From the blog
All posts- BuildingDomain locks and why “works on localhost” isn’t enoughDomain allowlists exist so your bot answers only where you installed it. Testing on localhost proves the script loads; it does not prove production embeds are locked down.Read
- EvaluatingThe best AI chatbot for a Webflow site, compared honestly (2026)Matter Chat, Social Intents, Ultimo Bots, Chatling, WeblyChat and Chatbase on a Webflow site: Apps marketplace or custom code, the paid-site-plan gate, CMS coverage, citations, handoff and pricing. Checked on the vendors' own pages.Read
- BuildingWhat to index first when your site is a messStart with the pages that already resolve real support questions. Noise, archives, and unfinished docs can wait — indexing them first makes answers worse.Read
Answer honestly. Capture the rest.
Point Matter Chat at your site and see what it can — and can't — answer. It's honest about both.
No credit card. 2 minute setup.
Every answer cites the source it came from. When there isn't one, it says so — and hands the visitor to you.
Installs on the tools you already run.