Best Framer Messenger Widget
Framer makes shipping a beautiful site fast. But it ships with zero messaging tools. No chat, no contact form worth using, nothing. Boei adds Messenger to your Framer site in 2 minutes. Paste one snippet in Custom Code, publish, and visitors can message your Facebook Page from any page. No Framer components or code overrides needed.
Trusted by 17,220 websites
No Framer components needed
Framer is the fastest way to go from design to published website. Designers and indie hackers love it because you can build and ship a beautiful site in hours. But Framer has a blind spot: visitor communication.
Framer's built-in form component is basic. It sends submissions to email. That's it. No chat, no messaging, no way for visitors to have a real-time conversation. For a platform used by startups, SaaS products, and design freelancers, that's a problem. Your visitors want to talk, not fill out forms.
Boei fixes this in 2 minutes. Site Settings, General, Custom Code, End of body tag. Paste the snippet, publish. Messenger is live on every page. No Framer components to drag in, no code overrides to configure. Full Framer setup guide.
You shipped a beautiful Framer landing page for your SaaS product. Traffic is coming in from Product Hunt, Twitter, and LinkedIn. Some visitors want to try your product. Others have questions first. Messenger gives them a way to ask without leaving your site. AI answers common questions about pricing and features. Hot leads get routed to your team in Messenger. The conversation follows them to their phone.
Framer is popular with designers who showcase work on personal portfolio sites. A potential client browses your case studies and wants to discuss a project. Instead of filling out a form and waiting for an email reply, they tap the Messenger button and start talking. You see the notification on your phone and respond between projects. The conversation feels natural, not transactional.
Framer is about speed. Boei matches that. Paste one snippet in Custom Code, publish. No components to configure, no code overrides. Fastest Messenger setup of any platform.
The Messenger widget floats above your Framer content. Custom colors, positioning, and themes match your design. No interference with Framer animations or interactions.
Designers and indie hackers aren't sitting at dashboards all day. Messenger notifications come to your phone. Reply between projects, on the go, whenever works.
Launching your SaaS on Product Hunt? Messenger catches questions from visitors who want to try your product but have concerns. AI handles FAQs while you focus on the launch.
Site Settings, Custom Code. Nothing else
In your Boei dashboard, open your widget and click the Install tab. Select Framer and copy the installation code.
Tip: The Install tab also offers a landing page link, QR code, and iframe embed.
End of <body> tag 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.
Note that Framer does not load Boei in the Preview mode.
Congrats, you are done!
Messenger plus AI and multi-channel support
Unlike Framer chat components that need dragging and styling, Boei works through Custom Code. One snippet, global across all pages. Nothing in your Framer canvas to maintain.
Enter your URL. Boei crawls your Framer pages, case studies, and CMS entries. AI answers visitor questions using your own content. Retrains when you publish updates.
Push Messenger events to Google Analytics or Meta Pixel. See which Framer pages drive conversations. A/B test landing page variants based on real engagement data.
Using Framer CMS for blog posts or portfolio items? The Messenger widget appears on every CMS page automatically. No per-page configuration.
AI detects visitor language and responds in it. Your Framer site might be in English, but visitors from France, Germany, or Japan get answers in their language.
EU servers in Amsterdam. Zero cookies. No consent popups needed for the Messenger widget. Ships fast without compliance headaches.
The honest breakdown for Framer users
| Boei | Framer Form | 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 | ✗ |
| Setup time | 2 minutes | 5 minutes | 10 minutes | 5 minutes |
| Framer CMS support | Yes, all pages | Manual | ✓ Yes | ✓ Yes |
| Conversations persist | Yes (in Messenger) | Email-based | Browser only | Yes (Messenger) |
| WhatsApp + 50 channels | Included | ✗ | ✗ Limited | ✗ |
| Performance impact | Under 50KB async | None | 150KB+ | Under 100KB |
| Components needed | No, Custom Code only | ✓ Yes | ✗ | ✗ |
Bottom line: Framer's form is email-only. Crisp adds live chat but not Messenger. Elfsight adds a basic link. Boei gives you real Messenger conversations, AI, and 50+ channels from $11/mo with the fastest setup.
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
Custom Code is available on Framer Mini and above. If you're on the free plan, you'll need to upgrade. Check under Site Settings, General, Custom Code.
If your Framer site is a SaaS landing page, set prompts like 'How much does it cost?' and 'Is there a free trial?' Visitors engage with one tap instead of typing out questions.
Set up Messenger a day before launch. Train the AI on your product content. When Product Hunt traffic hits, AI handles the volume while you engage with comments on PH.
Not every visitor uses Facebook. Add Boei's email channel alongside Messenger so visitors who prefer email can still reach you. Both channels in one widget.
Add an AI-powered chatbot to your Framer site
Connect WhatsApp to your Framer site
Add live chat to your Framer site
Add Telegram chat to your Framer site
Add Instagram DMs to your Framer site
2-minute Custom Code setup. No components. AI included.