← All platforms 01 · Webflow

Install your agent on Webflow. Five minutes.

Project Settings → Custom Code → Footer Code. Any plan.

Your embed code

      
    
Faster path

After saving, click Publish → Publish to Selected Domains. Custom code does not appear on webflow.io preview — only on your published domain.

Step 1

Step 1 — log in at webflow.com/dashboard, open your project

Webflow Log in Email Password Log in Log in
Step 1 — log in at webflow.com/dashboard, open your project
Step 2

Step 2 — Project Settings (gear) → Custom Code tab

Your Project Project Settings General SEO Custom Code 1. Gear icon 2. Custom Code tab
Step 2 — Project Settings (gear) → Custom Code tab
Step 3

Step 3 — paste the embed line into "Footer Code" (before </body>)

Custom Code Head Code Footer Code <script src="https://chatforge.aiedge247.com/widget.js" data-agent="YOUR-ID" defer></script> Paste into Footer Code
Step 3 — paste the embed line into "Footer Code" (before </body>)
Step 4

Step 4 — Save Changes → Publish your site

Save Changes Publish 1. Save Changes. 2. Publish to your live domain. Custom code does NOT appear on webflow.io preview URLs. Publish (critical)
Step 4 — Save Changes → Publish your site
Step 5

Refresh your site. The chat bubble should appear bottom-right.

Open yoursite.com in a new tab and hard-refresh (Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows). A dark chat bubble should appear in the bottom-right corner within two seconds.

Troubleshooting

Widget not visible on yourdomain.com? Confirm you clicked Publish (not just Save). Text Cal: 308-249-6894.

Or: Text Cal: 308-249-6894

Want Cal to install it for you? Free. Five minutes on a screenshare.

No subscription required. Cal installs it personally, confirms the bubble is live on your site, and leaves. No upsell, no obligation.

Book free install Text 308-249-6894