Why does the widget not appear in Framer preview?

Framer custom code runs on the published site. Use the live URL, not the editor preview, for the final check.

Can I show it only on selected Framer pages?

Yes. Use page-level custom code for selected pages, or keep the Project Settings script for a site-wide support widget.

Should I use an Embed component instead?

Only for inline embeds inside a page section. For a floating chat bubble across the site, Project Settings → Custom Code is the cleaner path.

Add an AI Agent to Framer

Add an AI agent to a Framer site through Project Settings → Custom Code — no component rebuild required.

Install time: ~4 minutesNo Framer app requiredStarter plan available

How to install Simple Agent on Framer

You will paste a single <script> tag in your Framer site's Project Settings → Custom Code → End of <body>. No plugin, no app installation. Framer official docs on custom code →

1
Get your agent token
Log into Simple Agent → your agent → Widget tab → copy the token shown under 'Embed code'.
2
Open Project Settings
Open the Framer project, click Settings, and go to the Custom Code tab.
3
Add a new script
Click Add Script or the + icon. Name it 'Simple Agent Widget' so it is easy to find later.
4
Paste the widget snippet
Paste the complete snippet in the script code field: <script src="https://simple-agent.me/widget/loader.js" data-agent-token="YOUR_TOKEN_HERE" async ></script>
5
Place it at the end of body
Set Location / placement to End of <body> tag. Keep it site-wide unless you intentionally want the chat on selected pages only.
6
Publish and test
Click Publish, open the live Framer URL, and confirm the chat bubble appears. Test desktop and mobile.

Add Simple Agent to your Framer site

Starter plan available. No per-message charges. Flat pricing.

Criar meu agente

Mensagens ilimitadas · Preço fixo · Cancele quando quiser

Frequently asked questions

Why does the widget not appear in Framer preview?: Framer custom code runs on the published site. Use the live URL, not the editor preview, for the final check.
Can I show it only on selected Framer pages?: Yes. Use page-level custom code for selected pages, or keep the Project Settings script for a site-wide support widget.
Should I use an Embed component instead?: Only for inline embeds inside a page section. For a floating chat bubble across the site, Project Settings → Custom Code is the cleaner path.

Simple Agent on other platforms

Simple Agent for Shopify Simple Agent for WordPress Simple Agent for Wix Simple Agent for Webflow Simple Agent for Squarespace Simple Agent for Google Tag Manager Simple Agent for Custom HTML Simple Agent for WooCommerce Compare with competitors →

Ative seu agente em 40 segundos

Mensagens ilimitadas. Preço fixo. Embed em qualquer site com uma linha.

Criar meu agente

Mensagens ilimitadas · Preço fixo · Cancele quando quiser