Social Chat Buttons
Connect Social Chat Buttons with Webflow to add floating multi-channel messaging buttons to your site, connecting visitors to over 15 platforms.
How to integrate Social Chat Buttons with Webflow
Social Chat Buttons connects visitors to your team through messaging apps like WhatsApp, Facebook Messenger, Instagram, and Telegram. Instead of routing inquiries through email or a ticketing system, visitors tap an icon and open a real-time chat on the platform they prefer. You can install the Social Chat Buttons marketplace app for a no-code setup that deploys site-wide in minutes.
Install the Social Chat Buttons app
Install the Social Chat Buttons app from the Webflow Apps Marketplace. It adds a floating widget to your site with icons for each messaging channel you configure, including WhatsApp, Facebook Messenger, Instagram, Telegram, SMS, email, Viber, phone, WeChat, Skype, TikTok, Slack, and LinkedIn.
To set up the integration, open your project in Webflow, go to the Apps panel, search for "Social Chat Buttons," and click install. The app requests permissions for authorized user info, custom code (read/write), site data and publishing (read/write), assets, CMS data, Ecommerce store data, and page data.
Once installed, configure your channels and widget appearance through the app's interface. The app gives you the following capabilities.
- Display icons for 15+ messaging platforms in a single floating widget
- Configure which channels appear and customize their appearance
- Deploy site-wide without editing individual pages
- Manage settings through the Webflow interface after installation
The app offers a free tier and a paid tier. All configuration happens within the Webflow environment, so you don't need to manage external dashboards or embed scripts manually.
What you can build
Integrating Social Chat Buttons with Webflow gives visitors direct access to your team through the messaging apps they already use. The combination works for any site where real-time conversation shortens the path from visitor to customer.
Here are a few things you can build with this integration.
- Service business contact page: Add a floating widget to a consulting or agency site offering WhatsApp for quick questions, Messenger for project inquiries, and email for formal proposals, all accessible from a single button group.
- E-commerce pre-sales support: Place Telegram or Instagram DM buttons on product pages so shoppers can ask sizing or compatibility questions before buying, reducing cart abandonment through real-time answers.
- Local business landing page: Configure region-specific channels like Viber or WeChat alongside SMS and phone options on a restaurant or clinic site, matching the platforms that local customers actually use.
- Multi-audience support hub: Display different chat channels per audience on a SaaS marketing site, routing developer communities to Slack, enterprise leads to LinkedIn, and international prospects to WhatsApp. Channel variations per audience require manual page-by-page configuration; the app does not auto-detect visitor language or region.
Frequently asked questions
Open your project in Webflow, go to the Apps panel, search for "Social Chat Buttons," and click install. The app handles widget placement and script injection automatically. Once installed, configure your messaging channels and widget appearance through the app's interface, then publish your site to activate the widget.
Yes. Build chat buttons natively using the Code Embed element and official click-to-chat URLs from each platform. WhatsApp uses
wa.melinks, Messenger usesm.melinks, and Telegram usest.melinks. For site-wide buttons, add your HTML and JavaScript in site settings under custom code. Webflow's Made in Webflow showcase includes cloneable projects that demonstrate this approach with Webflow interactions for animations.The marketplace listing does not explicitly document Webflow plan requirements for this app. However, several other Flowstar apps require a paid Webflow plan. Check the app's permission requirements during installation for current plan compatibility.
No. Social Chat Buttons provides no public API, webhook, or programmatic integration. All configuration happens through the app's interface within Webflow. If you need event-based automation or CRM syncing from chat interactions, consider alternatives like Crisp or Intercom that offer API access and native CRM connections.
The app supports WhatsApp, Facebook Messenger, Instagram, Telegram, SMS, email, Viber, phone, WeChat, Skype, TikTok, Slack, LinkedIn, and additional channels. The marketplace listing references 15+ supported channels total.
Description
Social Chat Buttons is a Webflow app by Flowstar that adds a floating widget to your site with icons for 15+ messaging platforms. Visitors pick their preferred channel and start a conversation directly from your site. The app installs from the Webflow Apps Marketplace with no custom code required.
This integration page is provided for informational and convenience purposes only.

Flowstar Urgency Countdown Timer
Add deadline-driven countdown timer bars to any Webflow page using Flowstar's no-code app.

Click to Call
Add Smartarget Click to Call to your Webflow site to give visitors a floating phone button that connects them to your team from any page.

Quiz Popup
Connect Quiz Popup with Webflow to embed branching quiz popups that collect visitor data, capture emails, and route product recommendations on your site.

Flowstar Customer Testimonials Slider
Connect Flowstar with Webflow to display customer testimonials in slider or grid layouts using the Flowstar app embed or the Webflow CMS API for programmatic control.

Supersparks
Connect Supersparks with Webflow to add commenting, reviews, community posting, and upvoting through pre-built components and custom attributes.

Smartarget FAQ
Connect Smartarget FAQ, a customizable FAQ widget, with Webflow to display frequently asked questions on your site and reduce support requests.

Wiremo
Connect Wiremo, a customer review platform, with Webflow to add review collection, photo feedback, and automated review request emails to your e-commerce store.

Superflow
Connect Superflow, a visual feedback and review tool, with Webflow to collect comments, annotations, and approvals directly on your published site.

Corner Ribbon
Connect Corner Ribbon with Webflow to add customizable promotional ribbons that highlight sales, announcements, and offers on your site.


