Social Intents
Connect Social Intents with Webflow to chat with website visitors directly from Microsoft Teams, Slack, or Google Chat without separate agent software.
How to build with Social Intents and Webflow
Social Intents lets support teams handle customer conversations without leaving Microsoft Teams, Slack, or Google Chat. The platform captures leads, answers questions through AI chatbots, and routes inquiries to the right team members while your staff works in familiar collaboration tools.
Connect Social Intents to Webflow through the marketplace app for instant setup, or code embed directly for custom positioning and behavior.
Use the Social Intents app
The Social Intents Live Chat App from the Webflow App Marketplace provides the fastest setup path.
The implementation steps include:
- Install the app from the Webflow marketplace
- Authorize Social Intents to access your Webflow site
- Configure settings through the Social Intents dashboard
The widget appears automatically on your published site without writing code.
After installation, configure the following capabilities through the dashboard:
- Train AI chatbots with ChatGPT, Claude, or Gemini to answer common questions automatically
- Set office hours to control chat availability and scheduling
- Create routing rules to direct conversations to specific team members or channels
- Configure proactive chat invitations triggered by visitor behavior like time on page or exit intent
- Customize branding including colors, fonts, button styles, and widget templates
- Connect collaboration platforms like Microsoft Teams, Slack, Google Chat, or Zoom
Embed the chat widget with custom code
The code embed method gives you control over widget placement and custom styling. Copy your unique snippet from the Social Intents dashboard and paste it into the Webflow custom code sections. This approach works best when you need precise positioning or want to add custom CSS.
Install site-wide by navigating to Project Settings > Custom Code > Footer Code, then paste your snippet to ensure the widget loads on every page. For page-specific deployment, add the snippet to individual page settings or use a Custom Code Embed element positioned within your layout.
Customize widget positioning with CSS by adding code to Webflow's custom code section or embed element:
- Adjust button location using #si-wrapper .silc-btn selectors with !important declarations for bottom, right, height, and width properties
- Control chat window placement by targeting #siWidget-chat with bottom, right, height, and width properties
- Replace the default button by overriding background-image on .silc-btn-button with background-size and background-color properties
- Modify typography and colors using Google Fonts and custom color values on element IDs like #title-text, .si-comment-wrapper-user .si-comment, and body styles
What you can build
Integrating Social Intents with Webflow routes customer support conversations directly into your team's existing collaboration tools like Microsoft Teams, Slack, Google Chat, or Zoom.
- SaaS product sites with lead qualification: Build landing pages where AI chatbots powered by ChatGPT, Claude, or Gemini engage visitors, answer product questions, and connect qualified leads with sales teams through Microsoft Teams channels, Slack, or other collaboration platforms
- E-commerce stores with cart abandonment intervention: Create shopping experiences where proactive chat triggers engage visitors viewing product pages for extended periods, offering instant answers about shipping, sizing, or customization options while support teams monitor conversations directly from Slack
- Educational institution sites with 24/7 student support: Design program pages where prospective and current students get instant answers about financial aid, course registration, and campus services through AI chatbot automation, with direct transfer to human advisors during business hours
- Agency client sites with white-label support: Use Social Intents' Agency plan to offer branded chat solutions across client portfolios with unlimited agents, routing conversations to dedicated Microsoft Teams, Slack, and Google Chat channels
Frequently asked questions
The marketplace app installation does not specify Webflow plan requirements. The manual code embed method requires a paid Webflow plan to access Custom Code elements and custom code sections. The site settings, custom code, and page-level code injection are all available on paid plans.
Use the JavaScript SDK's setChatInfo() method after the Social Intents script loads. Pass visitor name, email, phone, routing group, and pre-filled questions as parameters. This works with data from form submissions, URL parameters captured through custom JavaScript, or authenticated user data from third-party membership platforms like Memberstack or Outseta.
The widget only appears on published sites, not in Webflow preview mode. Verify the widget is enabled in your Social Intents dashboard settings. Check that your embed code appears in the published HTML by viewing page source. Browser ad blockers and privacy extensions often block chat widgets. Try hard refresh (Ctrl+Shift+R or Cmd+Shift+R) to clear cached versions, and test across multiple browsers to isolate the issue.
Description
Social Intents is a live chat and AI chatbot platform that routes customer conversations directly into Microsoft Teams, Slack, and Google Chat. Support teams respond directly from their existing collaboration tools without switching contexts.
This integration page is provided for informational and convenience purposes only.
Webflow's static hosting architecture doesn't support server-side webhook processing or secure token storage that WhatsApp's real-time messaging requires. You'll need external infrastructure or services to bridge this gap.
FullContext
FullContext provides an embeddable JavaScript solution that handles conversational interfaces through a single code snippet, eliminating the need to build chat infrastructure or maintain form validation logic.
ManyChat
Connect ManyChat with Webflow to get programmatic access to Instagram DM, Facebook Messenger, WhatsApp, and SMS automation through embedded widgets or API connections.
Zendesk Chat (Zopim)
Zendesk Chat (formerly Zopim) brings real-time customer support directly to your Webflow site. Add live chat, automated ticket creation, and help center search to engage visitors instantly and resolve issues faster.
Zendesk
Connect Zendesk's powerful customer support platform with Webflow to create seamless support experiences. Automate ticket creation from forms, embed live chat widgets, sync customer data, and build integrated help centers that enhance customer satisfaction while reducing manual work.
Website Toolbox Forum
Connect your Webflow site with Website Toolbox Forum to add robust community features, customer support forums, and engaging discussion spaces without complex coding. This integration enables you to embed a fully-featured forum that matches your brand while maintaining complete control over user experience and moderation.
UserVoice
Connect UserVoice's powerful feedback management platform with Webflow to collect user insights, prioritize feature requests, and build customer-driven websites. Transform visitor feedback into actionable improvements with voting systems, roadmap transparency, and seamless design integration.
Trustpilot
Build trust and credibility by showcasing authentic customer reviews on your Webflow site. Connect Trustpilot's review platform to display ratings, collect feedback automatically, and boost conversions with social proof that updates in real-time.
Slack
Connect Slack's powerful team collaboration tools with Webflow to automate notifications, streamline project workflows, and enhance team productivity. Get real-time alerts for form submissions, design comments, and site updates while keeping your entire team synchronized.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
