Installs via Framer's custom code
Go to Site Settings → General → Custom Code → End of <body>. Paste the FrontFace snippet once and it loads on every published Framer page automatically.
Doesn't touch your Framer canvas
FrontFace is a floating widget injected via custom code — your Framer components, animations, and interactions are completely untouched.
Answers from your actual content
Point FrontFace at your Framer-published URL or upload your docs. Visitors get accurate, cited answers — not generic LLM responses about your product.
Captures leads from every page
Turn visitor questions into email signups or demo requests. The agent earns trust through conversation and captures contact info naturally.
Live in 5 minutes
Three simple steps. No technical skills required.
Feed it your knowledge
Point FrontFace at your website or upload docs, PDFs and FAQs. It reads everything and builds a grounded knowledge base in minutes.
Make it yours
Add your logo, pick your colors, write a welcome message. Test it against real questions before it goes live.
Go live in 5 minutes
Drop one line of code on any site — Shopify, WordPress, Wix or custom — or share a hosted public agent page.
Frequently asked questions
- How do I add FrontFace to a Framer site?
- In Framer, open Site Settings → General → Custom Code. Paste your FrontFace embed snippet into the End of <body> field. Publish your site and the chatbot appears on every page.
- Will it interfere with Framer animations?
- No. FrontFace loads asynchronously after your page content and doesn't conflict with Framer's animation engine, scroll effects, or interactive components.
- Can I add it to just one Framer page?
- To show the widget on a single page only, use a Code Component in Framer's canvas for that page instead of site-wide Custom Code. The component embeds the script on that page alone.
- Does it work with Framer CMS collections?
- Yes. The widget appears on all published pages including CMS collection pages. You can feed FrontFace your CMS content as part of the knowledge base.