FoundChat just launched on Product Hunt we're live today! Vote for us →


Live · Website builders

FoundChat + Framer for polished marketing-site AI chat.

Keep Framer’s design system. Add FoundChat as a footer custom code snippet and train the agent on your published Framer URLs. Paste the embed in site-wide custom code, train on Framer-published URLs, and verify the widget after major design publishes that replace layout shells.


Setup

How to set up FoundChat with Framer.

01

Train the agent

Add your Framer site URL and key landing pages as sources. Review unanswered logs weekly, update training sources when product or policy pages change, and expand scope only after two weeks of measurable improvement on high-intent pages.

02

Paste custom code

In Framer site settings, add the FoundChat script to end-of-body custom code. Review unanswered logs weekly, update training sources when product or policy pages change, and expand scope only after two weeks of measurable improvement on high-intent pages.

03

Publish

Publish the Framer project and verify the widget on desktop and mobile. Review unanswered logs weekly, update training sources when product or policy pages change, and expand scope only after two weeks of measurable improvement on high-intent pages.


Use cases

Where teams use this integration.

Launch pages

Qualify inbound interest on Framer campaign pages. Review unanswered logs weekly, update training sources when product or policy pages change, and expand scope only after two weeks of measurable improvement on high-intent pages.

Product storytelling sites

Answer detail questions without cluttering the layout. Review unanswered logs weekly, update training sources when product or policy pages change, and expand scope only after two weeks of measurable improvement on high-intent pages.

Evidence

What makes this page unique.

Custom code embed

Paste the FoundChat snippet into Framer custom code so the widget loads on published sites without a plugin marketplace. Review unanswered logs weekly, update training sources when product or policy pages change, and expand scope only after two weeks of measurable improvement on high-intent pages.

Marketing-site first

Framer landing pages are high-intent surfaces train on product copy and FAQs before you expand to the app. Review unanswered logs weekly, update training sources when product or policy pages change, and expand scope only after two weeks of measurable improvement on high-intent pages.

Design-system safe

The widget sits outside Framer components so designers keep page layout control while support answers run in chat. Review unanswered logs weekly, update training sources when product or policy pages change, and expand scope only after two weeks of measurable improvement on high-intent pages.


FAQ

Framer integration FAQ

Where do I paste the FoundChat snippet in Framer?

Use site-wide custom code (end of body) so every published page can load the widget, then restrict visibility in FoundChat settings if needed.

Will the widget break Framer animations?

No. It mounts as an overlay. Test on mobile breakpoints after publish to confirm z-index against sticky navs.

Can I train on Framer page content?

Yes. Add your published Framer URLs as training sources so answers match live marketing copy.

Is a Framer plugin required?

No. Custom code plus a FoundChat workspace is enough for most marketing sites.


Related

Your first AI agent is 3 minutes away.

Join founders using FoundChat for support, sales, onboarding, and lead capture.

No credit card required · Live in minutes · Cancel anytime.