Best Webflow Messenger Widget
You build beautiful Webflow sites for clients. They want Messenger on their site because that's where their customers already are. Webflow has no native messaging, so you paste Boei's snippet in Custom Code and deliver Messenger, AI chat, and 50+ channels as part of your Webflow build. One widget key per client site.
Trusted by 17,220 websites
Works with Webflow CMS and E-commerce
Webflow gives you pixel-perfect control over design. But when it comes to visitor communication, you're on your own. Webflow Forms capture submissions, but that's a one-way street. Visitors fill out a form, wait for an email reply, and often move on to a competitor who responds faster.
Facebook Messenger changes the dynamic. 3 billion people use it. When a visitor clicks the Messenger button on your Webflow site, they start a real conversation. They can share files, ask follow-up questions, and come back to the thread days later. For agencies building client sites, this is a deliverable that actually generates leads.
Boei installs through Webflow's Custom Code feature. Project Settings, Custom Code, Footer Code. Paste the snippet, publish. Works on every page including CMS collections and Webflow E-commerce products. Full Webflow setup guide.
You build Webflow sites for clients. Each client has a Facebook Business Page. With Boei, you set up Messenger for each client site in minutes. Each client gets their own widget key connected to their Facebook Page. Messages go to their Meta Business Suite inbox. You can manage setup through Boei's agency dashboard, or hand it off to the client.
Webflow CMS powers blog posts, case studies, and portfolio collections. Webflow E-commerce powers product catalogs. Boei's Messenger widget appears on all of them automatically. A visitor reading a case study can instantly ask about your services. A shopper browsing a product can ask about sizing or shipping. One snippet covers every dynamic page.
Webflow developers care about design precision. Boei offers custom colors, positioning, CSS overrides, and three widget themes. The Messenger button integrates with your design system, not against it.
Manage Messenger widgets for multiple Webflow client sites from one Boei account. Each client gets their own widget linked to their Facebook Page. White-label on Business plans.
Messenger on product pages lets shoppers ask about sizing, materials, and shipping. AI answers from your product descriptions. Persistent conversations mean shoppers come back to buy.
Loads asynchronously, under 50KB. No Webflow interactions or animations affected. No layout shift. Works with Webflow's built-in performance optimizations.
Project Settings, Custom Code. One snippet
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.
Click Save and then Publish to see the changes on your live site.
Congrats, you are done!
Messenger plus AI, analytics, and multi-channel support
Uses deep links, not the deprecated Facebook SDK. No cookies, no API tokens, no breakage when Meta updates. Visitors click, Messenger opens, conversation starts.
Boei crawls every page, CMS entry, and product listing on your Webflow site. AI answers visitor questions using your own content. Updates automatically when you publish changes.
Push Messenger events to Google Analytics, Meta Pixel, or Plausible. See which Webflow pages generate the most conversations. Optimize your layout based on real data.
Design studios with Instagram portfolios can offer both Messenger and Instagram DM. Complete Meta ecosystem coverage in one floating button.
Show Messenger to North American visitors, WhatsApp to European visitors. Boei auto-detects location. Perfect for Webflow sites with international audiences.
Dutch company, EU servers in Amsterdam. Zero cookies before interaction. No extra consent popups. Works alongside Webflow's GDPR cookie banner.
The honest breakdown for Webflow developers
| Boei | Webflow Forms | Crisp | Elfsight | |
|---|---|---|---|---|
| Facebook Messenger | ✓ Yes | ✗ | ✗ | Button only |
| Starting price | from $11/mo | Included | EUR 25/mo | $5/mo |
| AI chatbot included | Yes (2,000 msgs) | ✗ | Paid add-on | ✗ |
| Webflow CMS pages | Yes, all pages | Manual | ✓ Yes | ✓ Yes |
| Webflow E-commerce | ✓ Yes | N/A | ✓ Yes | ✗ |
| Agency multi-site | Yes (dashboard) | N/A | Per-site pricing | Per-site |
| White-label | Business plan | N/A | EUR 95/mo | ✗ |
| WhatsApp + 50 channels | Included | ✗ | ✗ Limited | ✗ |
| Performance impact | Under 50KB async | None | 150KB+ | Under 100KB |
Bottom line: Webflow Forms are static email submissions. Crisp doesn't support Messenger. Elfsight adds a basic button. Boei gives you Messenger, AI, agency tools, and 50+ channels from $11/mo.
Dr. Kirk Sanford
CEO & Founder, Longevity Medical Institute
Susan Jones
Founder/CEO, WebMaxSEO
Marcel Hogenhout
Managing Director, Orangebeard
Koen Rens
Owner, Luxe Kattenhotel
David K.
CEO Small-Business (50 or fewer emp.)
Seif Ahmed
@seif588
Neu
@siddharthaneu
Irfan
@mak_web_media
Peter C
@peter_c1
Andrew Lee
@fromlife89
Grzegorz G.
Joshua G.
Ronald D.
Director Small-Business (50 or fewer emp.)
Fahd T.
Founder Small-Business (50 or fewer emp.)
David S.
CEO/Founder Small-Business (50 or fewer emp.)
Vance W.
Julien V.
Développeur d'e-commerce Small-Business (50 or fewer emp.)
Grant
Hansie
Chandra Kusuma
Pepe
Arjun E.
José Manuel D.
Cristian Trappolini
Daniel Gyger
Nitesh Manav
Renaat Sioncke
Dr. Kirk Sanford
CEO & Founder, Longevity Medical Institute
Susan Jones
Founder/CEO, WebMaxSEO
Marcel Hogenhout
Managing Director, Orangebeard
Koen Rens
Owner, Luxe Kattenhotel
David K.
CEO Small-Business (50 or fewer emp.)
Fran Tully
Proinsias M.
Gavin S.
Sara Hall
Mike Foston
Lukáš H.
Bikram K. S.
Jay F.
Ilias A.
SEO Specialist
Jon
Weboo.gr
Roscoe Houston
Dieter Staudinger
Jeremy Smith
Brendah Akoth
Alexander Martenson
Sheeny
Nuno
Robert-Jan
CEO/Founder
CyberCooker
Eddine
Jairo R.
Account Executive
Jaime M.
Co-Founder
Stefan M.
CEO
Albert H.
Trainer
Andres S.
Director
Fran Tully
Proinsias M.
Gavin S.
Sara Hall
Paste the Boei snippet in Project Settings, Custom Code, Footer Code. This loads the widget after your Webflow animations and interactions are ready. No layout shift, no performance hit.
When building a Webflow site for a client, set up their Boei widget with their Facebook Page ID before handoff. Include it in your deliverables. It's a recurring revenue opportunity if you manage it for them.
Use Webflow Logic for complex form workflows and Boei for real-time Messenger conversations. Different visitors prefer different contact methods. Offer both.
Running Webflow landing pages for ad campaigns? Show the Messenger widget only on specific pages. Hide it on blog posts where it's less relevant. Boei supports page-level display rules.
Add an AI-powered chatbot to your Webflow site
Connect WhatsApp to your Webflow site
Add live chat to your Webflow site
Add Telegram chat to your Webflow site
Add Instagram DMs to your Webflow site
Custom Code install. Agency-ready. AI and 50+ channels included.