Webflow logo

Messenger Chat Widget

Facebook Messenger Widget for Webflow

Add Facebook Messenger to your Webflow site. AI answers visitor questions, captures leads, and routes conversations to your team. 5-minute setup.

Trusted by 14,368 websites

No Facebook API setup required

Andrew Lee David S. Vance W. Grant Nitesh Manav
from 159 reviews

Also available for:

Messenger Widget Demo on Webflow

Trusted by 14,000+ Websites Worldwide

Facebook Messenger Chat on Your Webflow Site

When visitors click the Messenger button on your Webflow site, they open a direct conversation with your Facebook page. Messages land in your Facebook inbox and Messenger app. Webflow's custom code support makes installation seamless — paste one snippet in Project Settings and you're live.

  • One-click Messenger conversations from your Webflow site
  • Messages arrive in your Facebook Page inbox and Messenger app
  • Conversations persist across devices and over time
  • Rich media support: photos, videos, documents, and voice messages
  • No Facebook SDK or API integration required
Messenger Chat
Hi! I'm interested in your design services.
Thanks for reaching out! Tell me about your project and I'll put together a custom proposal.
Shared inbox showing Messenger conversations with AI summary and agent handoff

All Webflow Conversations in One Shared Inbox

Webflow doesn't have a built-in messaging system. Boei gives you a shared inbox where Messenger conversations sit alongside WhatsApp, email, Instagram DM, and 50+ other channels. Your team handles every inquiry from one dashboard with AI-generated summaries.

  • All Messenger conversations in one team inbox
  • AI-generated summaries for every conversation
  • Round-robin or department-based routing
  • One-click agent handoff with full context
  • Built-in CRM pipeline tracks every lead

Why Your Webflow Site Needs Facebook Messenger

Webflow gives you pixel-perfect design control but no built-in messaging. Webflow's native form submissions work for basic inquiries, but visitors increasingly expect real-time conversation. Facebook Messenger — with 3 billion users — provides that instant connection without forcing visitors to share email or phone.

Agencies, SaaS companies, and design studios on Webflow use Messenger to qualify leads conversationally. A visitor browsing your portfolio can ask about pricing, timeline, and availability — and get answers in the platform they already use daily. Conversations persist, so prospects come back weeks later with full context.

Webflow makes adding custom code simple. Paste Boei's snippet in Project Settings → Custom Code → Footer Code, and the Messenger widget appears on every page. Works with all Webflow templates, CMS collections, and Webflow E-commerce. No Webflow Apps or integrations needed.

Combine Messenger with WhatsApp, Instagram DM, AI chatbot, and 50+ other channels in one floating button. Show different channels based on visitor location, page, or device.

Quick Setup

Install Messenger Widget on Webflow

From setup to your first Messenger conversation in under 5 minutes

1

Copy installation code

In your Boei dashboard, open your widget and click the Install tab. Select Webflow and copy the installation code.

Tip: The Install tab also offers a landing page link, QR code, and iframe embed.

Copy installation code
2

Go to Webflow

  1. Log in to your Webflow account and open your dashboard.
  2. Go to Settings of your site by clicking the dots on the right bottom.
  3. Click Custom Code.
  4. Paste the Boei code from step 2 in the Footer code area. If there is already some code there, paste the Boei code below that.

Click Save and then Publish to see the changes on your live site.

Congrats, you are done!

Go to Webflow

Webflow Features

Built for Webflow

Messenger chat widget that complements your Webflow design

💬

Custom Code Setup

Add Messenger via Webflow's Project Settings → Custom Code. One snippet, all pages. No Webflow Apps or third-party integrations needed.

🤖

AI-Powered Responses

Built-in AI chatbot answers visitor questions 24/7 using your website content, FAQs, and pricing. Captures and qualifies leads automatically.

📥

Shared Team Inbox

All Messenger conversations in one inbox alongside WhatsApp, email, and 50+ channels. AI summaries help your team respond faster.

🎨

Design-Friendly Widget

Customize colors, position, and branding to match your Webflow design system. Clean widget that respects your visual identity.

🛒

E-commerce Ready

Works with Webflow E-commerce. Messenger widget on product pages lets shoppers ask about sizing, materials, and shipping.

🔒

GDPR Compliant

Dutch company, Amsterdam servers. Zero cookies before click. Full GDPR compliance. DPA available on request.

Compare Options

Boei vs Other Webflow Chat Options

Webflow has no native messaging — see how Boei compares to alternatives

Feature Boei Webflow Forms Elfsight Messenger Crisp
Messenger integration
AI chatbot included ✗ Limited
Real-time conversations
Shared team inbox
Lead capture & CRM Basic ✗ Limited
Channels included 50+ Form only 1 5
Price €14/mo Included $5/mo €25/mo
Custom Code setup N/A

Bottom line: Webflow forms are static. Elfsight adds a basic Messenger button. Crisp doesn't support Messenger at all. Boei gives you Messenger plus AI chatbot, shared inbox, CRM, and 50+ channels for €14/month. See all features.

What Webflow Users Say

Questions?

Webflow Messenger Widget FAQ

How does the Messenger widget work on Webflow?

When a visitor clicks the Messenger button on your Webflow site, it opens a direct conversation with your Facebook page. On mobile it opens the Messenger app, on desktop it opens Messenger.com. You respond from your Facebook Page inbox, Messenger app, or Boei's shared inbox.

How do I install it on Webflow?

Sign up at Boei (free trial), add your Facebook page ID, and copy the widget code. In Webflow, go to Project Settings → Custom Code → Footer Code → paste the snippet. Publish your site and the Messenger widget is live. See our Webflow installation guide.

Does it work with Webflow CMS and E-commerce?

Yes. The Messenger widget appears on all pages including CMS collection pages and Webflow E-commerce product pages. Works with all Webflow templates and custom designs.

Does it replace the deprecated Facebook Chat Plugin?

Yes. Facebook deprecated its official Chat Plugin in 2024. Boei provides a modern alternative using Messenger deep links — no SDK, no cookies, no breakage.

Will it affect my Webflow site's performance?

No. Boei loads asynchronously and adds less than 50KB to your page. It won't affect your Webflow site's Core Web Vitals or loading speed.

Can I use Messenger alongside other channels?

Yes. Add Messenger alongside WhatsApp, Instagram DM, Telegram, phone, email, AI chatbot, and 50+ other channels — all in one floating button.

Is it GDPR compliant?

Yes. Boei is a Dutch company with servers in Amsterdam (EU). No cookies, full GDPR compliance, DPA available on request.

How much does it cost?

Boei Pro is €14/month and includes the Messenger widget, AI chatbot with 2,000 messages, shared inbox, built-in CRM, 50+ channels, and unlimited team seats. Start with a 7-day free trial — no credit card required.

Messenger Widget for Every Platform

Add Facebook Messenger to any website builder

Add Facebook Messenger to Your Webflow Site

Simple Custom Code setup. AI chatbot, shared inbox, and 50+ channels included.

7-day free trial • No credit card required • 5-minute setup • Works with all templates
Andrew Lee David S. Vance W. Grant Nitesh Manav
from 159 reviews