Install Supportson on Webflow
Add via Webflow Project Settings
Install Supportson on your Webflow site through the Custom Code settings. Works with all Webflow templates and CMS collections. You can install site-wide or on specific pages.
Your widget embed code
Replace YOUR_AGENT_ID with your actual Agent ID from the Supportson dashboard.
<script src="https://supportson.com/widget.js" data-agent="YOUR_AGENT_ID" defer></script>Step-by-Step Installation
Copy your widget script
Log in to your Supportson dashboard, go to Settings, and copy your widget embed code.
<script src="https://supportson.com/widget.js" data-agent="YOUR_AGENT_ID" defer></script>Open Project Settings
In the Webflow Designer, click the gear icon to open Project Settings. Go to the "Custom Code" tab.
Paste in Footer Code
Paste your Supportson script into the "Footer Code" section. This adds the widget to every page of your Webflow site.
Publish your site
Click "Save Changes", then publish your site. Custom code only runs on the published site, not in the Webflow Designer preview.
Verify the installation
Visit your published Webflow site (not the webflow.io designer preview). The chat bubble should appear in the bottom-right corner.
Optional: Page-specific install
To add the widget to specific pages only, go to Page Settings for the desired page and paste the script in the page-level "Before </body> tag" section instead.
Verify Your Installation
- Open your website in a browser (use an incognito window to avoid caching issues).
- Look for the Supportson chat bubble in the bottom-right corner of the page.
- Click the bubble to open the chat widget and send a test message.
- Check your Supportson dashboard — the conversation should appear in real time.
Not seeing the widget? Make sure you replaced YOUR_AGENT_ID with your actual Agent ID, and that the script tag is placed before the closing </body> tag.
What You Get With Webflow
Add Supportson to Webflow today
Set up in 3 minutes. No credit card required.