Add an AI Agent to Webflow

How to install Simple Agent on Webflow

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

1. 1

   Get your agent token

   Log into Simple Agent → your agent → Widget tab → copy the token shown under 'Embed code'.

2. 2

   Open Webflow Custom Code

   Open the Webflow project, then go to Site settings / Project settings → Custom Code.

3. 3

   Paste in Footer Code

   Scroll to the 'Footer Code' section (before </body>). Paste: <script src="https://simple-agent.me/widget/loader.js" data-agent-token="YOUR_TOKEN_HERE" async ></script>

4. 4

   Replace the token

   Replace YOUR_TOKEN_HERE with your actual agent token. Click Save Changes.

5. 5

   Publish and test

   Click Publish, choose the target domain, and confirm Publish to selected domains. Open the published URL, not the Designer preview, and send a test message.

Frequently asked questions

Will it appear on the Webflow staging domain?

The script loads on any domain the site is published to, including yoursite.webflow.io. Token-based authentication ensures only your configured sources are used.

Can I add it to a specific Webflow page only?

Yes. Instead of Project Settings, open the specific page in the Designer → Page Settings → Custom Code → Before </body> tag. This restricts the widget to that page.

Does it work with Webflow CMS?

Yes. You can train the agent on your Webflow CMS by adding the published sitemap URL as a source in Simple Agent.

Simple Agent on other platforms