Add Social Intents live chat to your Webflow site with project-level custom code (site-wide) or a page-level embed. Visitors chat from your Webflow pages; your team answers from Microsoft Teams, Slack, Google Chat, or the Social Intents Inbox, with an optional AI agent answering first.
Option 1: Site-Wide (Recommended)
Copy Your Embed Code
In Social Intents, go to Chat Widgets → your widget → Deploy and copy the snippet:
<script src="https://www.socialintents.com/api/chat/socialintents.1.4.js#YOUR_WIDGET_ID" async="async"></script>Add to Footer Code
In Webflow, open Site Settings → Custom Code. Paste the snippet into the Footer Code section (before </body>).
Save and Publish
Click Save Changes, then publish. The widget appears on both your webflow.io staging domain and your custom domain, so you can test on staging first.
Option 2: Specific Pages Only
Two ways to scope the widget to certain pages:
- Page settings: Open the page's settings in the Pages panel and paste the snippet into the Before </body> tag custom code field. This keeps it out of your other pages entirely.
- Embed element: Drag an Embed element onto the page and paste the script tag. The snippet is small and fits comfortably within Webflow's embed character limits.
Alternatively, install site-wide and use URL targeting rules in the widget's Settings tab - easier to maintain because changes never require a Webflow republish.
Troubleshooting
- Widget not visible: Custom code does not run in the Designer preview - check the published site. Confirm your site plan supports custom code and the snippet is in Footer Code, not Head Code.
- Works on staging but not the live domain: Publish to both domains; Webflow lets you publish selectively.
- Offline form instead of chat: No agents are online. Check your schedule and status, or attach an AI agent for after-hours coverage.
Frequently Asked Questions
Does the widget hurt Core Web Vitals?
No. It loads asynchronously after your content renders and does not block paint or interactivity.
Can I identify logged-in Webflow Memberships users?
Yes. Use the JavaScript SDK to pre-fill the visitor's name and email so the pre-chat form is skipped for known users.
Client-First or other class systems - any conflicts?
No. The widget renders inside its own container with isolated styles and does not depend on or interfere with your site's CSS classes.