Instagram DM for DTC Brands on Webflow

Instagram DM for Webflow

You built a pixel-perfect Webflow site for your DTC brand or agency. Your Instagram drives half your traffic. When those visitors land on your site and want to talk, let them DM you. Not fill out a Webflow form they will forget about. AI handles the conversation until your team picks up.
✓ Trusted by 17,000+ websites✓ No Webflow Interaction conflicts
★★★★★from 159 reviews

Also available for:

Try the Webflow Instagram DM AI

Your Webflow Site Looks Perfect. Your Lead Capture Does Not

DTC brands and agencies choose Webflow for one reason: control. You design every interaction, every animation, every scroll trigger. Your Webflow site is a masterpiece. Your Instagram account has 50K followers who engage with every post.

Then someone from Instagram visits your site. They scroll through your beautifully animated case studies. They want to work with you. And they hit... a Webflow Form block. Three text fields and a submit button. The design magic stops.

Instagram DM keeps the magic going. Your visitor taps a button, lands in your Instagram DMs, and starts a real conversation. They send their project brief, budget range, and timeline. You reply with relevant case studies and a discovery call link. No form submission lost in a spam folder.

For DTC brands, this is even more powerful. Your customers discovered you on Instagram. They follow your brand story. They engage with your content. When they visit your Webflow site and have a question about your product, going back to Instagram DM feels natural. Like talking to a brand they already know.

Plays Nice with Webflow's Technical Stack

Webflow developers worry about scripts breaking Interactions, CMS bindings, and Ecommerce flows. Boei loads asynchronously, runs independently, and stays out of your DOM. No conflicts.
  • ✓Install via Project Settings > Custom Code > Footer. One script tag
  • ✓Loads async. Does not block page render or affect Lighthouse scores
  • ✓No conflict with Webflow Interactions, Lottie animations, or scroll triggers
  • ✓Works with Webflow CMS, Ecommerce, Logic, and Memberships
  • ✓Custom CSS available for advanced Webflow developers
See Webflow Install Guide
Boei Instagram DM widget on a Webflow agency site

Who Uses Instagram DM on Webflow

DTC Brands

Your brand was born on Instagram. Product launches happen in Stories. Customer reviews live in tagged posts. Your Webflow site is the destination, but Instagram is the relationship. An Instagram DM button on your product pages lets customers ask about sizing, ingredients, or shipping the way they already communicate with your brand.

Design Agencies

Your Webflow portfolio showcases client work. Potential clients browse your case studies and want to discuss their project. Instead of a form that goes into a queue, they DM you on Instagram where your agency posts process videos and behind-the-scenes content. The conversation starts warm, not cold.

SaaS Landing Pages

Early-stage startups use Webflow for their marketing site and Instagram for community building. Prospects who follow your product updates on Instagram can DM you from your Webflow pricing page. More personal than a demo form. Better conversion rate for early-stage companies where every lead matters.

Content Creators Building Brands

Creators who sell courses, digital products, or services through Webflow often have massive Instagram audiences. The DM button on their Webflow site captures that Instagram-native audience at the buying moment.

Quick Setup

Add Instagram DM to Webflow

Custom Code install. Publish. Live in under 5 minutes

Copy installation code 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.

Go to Webflow 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!

Webflow Features

Built for Webflow Teams and DTC Brands

Pixel-perfect widget that respects your design system

Instagram Traffic Conversion

Half your Webflow traffic comes from Instagram. The DM button catches those visitors at the moment they want to talk. They came from Instagram. Let them message on Instagram.

AI for Agency Intake

AI answers 'What are your rates?', 'Do you do Webflow development?', and 'Can you show me similar projects?' Trained on your Webflow CMS content and case studies.

Team Inbox for Agencies

Multiple team members see incoming DMs. Assign to the right designer or account manager. Internal notes keep context when handing off. No DMs fall through the cracks.

Design System Compatible

Match your exact brand colors and spacing. Custom CSS for advanced styling. The widget looks like you built it, not like a third-party bolt-on.

Webflow Ecommerce Ready

Selling products through Webflow Ecommerce? Show the DM button on product pages. Customers ask about your products via the channel they trust most.

Track DM Attribution

See which Webflow pages drive the most Instagram DM conversations. Events fire in Google Analytics and Meta Pixel. Know what content converts to conversations.

Boei vs Other Options on Webflow

Webflow forms capture leads. Boei starts conversations

BoeiWebflow FormsCrispChaty
Opens Instagram DMYes (direct)✗✗Yes
AI auto-repliesYes (trained on your site)✗Yes ($)✗
Team inboxYes (no per-seat AI fees)No (email only)Yes (per-seat pricing)✗
Webflow Interactions safeYes (loads async)NativePossible issuesUsually fine
50+ channelsYes✗Limited25
Webflow EcommerceYesYesYesYes
PriceFrom $19/moIncludedFrom $25/mo$15/mo

Bottom line: Webflow Forms are great for structured data collection. Crisp adds live chat but does not open Instagram DMs. Boei bridges your Instagram audience and your Webflow site with direct DM conversations, AI auto-replies, and a shared team inbox.

Webflow Tips

Maximize Instagram DM Conversions on Webflow

1

Show DM Button on Case Study Pages

If you are an agency, your best leads come from case study pages. They just saw what you can do. The DM button catches them at peak interest. Do not make them hunt for a contact form.
2

Use CMS-Driven Pages for Instagram Content

Create a Webflow CMS collection that mirrors your Instagram content. When visitors browse those pages, the DM button connects the experience. From Webflow to Instagram DM in one tap.
3

Add DM to Your Webflow Pricing Page

Visitors on pricing pages have buying intent. An Instagram DM button here converts hesitant prospects into conversations. AI answers pricing questions instantly.
4

A/B Test DM vs Form on Key Pages

Use Boei's analytics to compare Instagram DM click rates against Webflow Form completion rates. Many brands find DM outperforms forms for younger demographics.

Webflow Teams on Boei

Dr. Kirk Sanford

Dr. Kirk Sanford

CEO & Founder, Longevity Medical Institute

★★★★★

It's all upside — Boei dramatically improves responsiveness, patient conversion, and operational efficiency, and the ROI is easily justified.

Susan Jones

Susan Jones

Founder/CEO, WebMaxSEO

★★★★★

We initially installed Boei on our agency website to test its capabilities, and the results were so impressive that we've now implemented it across approximately 10 client sites. The AI chatbot not only learns from each website's unique content but also provides valuable data for our SEO strategies.

Koen Rens

Koen Rens

Owner, Luxe Kattenhotel

★★★★★

It's super easy for end users to contact us using Boei. It's clear and extremely user-friendly. With the drag and drop editor, I was ready in only a few minutes.

David K.

David K.

CEO Small-Business (50 or fewer emp.)

★★★★★

What do you like best about Boei? I'm giving 10 points. Why? This app is super easy. You can configure your chat widget in 5 minutes, add a JS script to your "header" in your theme and wooollaaa done. Nothing hard. We have been using Boei mainly for small corporate websites. It really solves our need to have a small chat widget which does not add up 150Kb and XXXXX JS scripts. It's really lightweight and it does not affect your website speed.

Seif Ahmed

Seif Ahmed

@seif588

★★★★★

I have been using Boei for over a year. It is very simple yet effective to implement it. Support is great - Ruben is always responsive and helpful. The product has also added new features which I have not yet needed but good to know Ruben is always working hard to add value to users of Boei. I am sure there are other similar solutions but for the price, support and features (and future updates), this is a great value.

Irfan

Irfan

@mak_web_media

★★★★★

I have been using BOEI for over a year and absolutely amazed with the growth and new features. I recommend BOEI to anyone who is looking to increase website engagement with multiple communication channels.

Peter C

Peter C

@peter_c1

★★★★★

Great founder Ruben , responds personally to emails, and always looking to improve Boei.

Andrew Lee

Andrew Lee

@fromlife89

★★★★★

It's a great tool especially for managing multiple websites and agencies.

Grzegorz G.

Grzegorz G.

★★★★★

I have a quick chat on each page, so it simplifies the way my clients can get in touch with me. It was very easy to implement and they continue to improve this software and are open to feedback. An easy way to add a communication widget to the website. I like best that it supports Messenger and Whatsaap, phone, email and live chat and it is easy to translate for multilingual pages. I can't think about real drowbacks. The [SENSITIVE CONTENT] reply all the support questions quickly and effectively, they are open to feedback. I had no issues at all with this software. Maybe if they could add some protection against spammers if you use the contact form and in some future add a chatbot, that would be fantastic.

Joshua G.

Joshua G.

★★★★★

I was looking for a chat app to easily communicate with my customers. I didn't want to install anything overly complex and I just wanted something that worked within minutes. After briefly using Boei, I knew it was right for me. It's super lightweight and easy to use, plus it has all the chat bots that you might need! Highly recommend to anyone looking for something simple. I wish there was a better UI or more design options.

Ronald D.

Ronald D.

Director Small-Business (50 or fewer emp.)

★★★★★

What do you like best about Boei? Simple, easy to use and implement with little technical support What do you dislike about Boei? Logo deisgns can be improved and some customization of logos of different widgets What problems is Boei solving and how is that benefiting you? On multiple sites, users require different feedback channels. This allows simple customization

Fahd T.

Fahd T.

Founder Small-Business (50 or fewer emp.)

★★★★★

What do you like best about Boei? The best part is the simplicity of the product and ease of use. What do you dislike about Boei? The weak part is the lack of depth for advanced users. What problems is Boei solving and how is that benefiting you? Helps capture visitors using different communication channels under one platform.

Vance W.

Vance W.

★★★★★

We have been using Boei for many clients over the past year and the impact on the page speed is negligible and helps convert website visitors to warm leads. Ease of deployment, lightweight code, and overall flexibility and functionality. The form component isn't exactly flexible and extensive enough for most uses so we often have to use another form solution.

Julien V.

Julien V.

Développeur d'e-commerce Small-Business (50 or fewer emp.)

★★★★★

What do you like best about Boei? Lightweight, opens instantly, lot of features (whatsapp, messenger, contact form, links) What do you dislike about Boei? Not including a built-in chat app, more design customizations could be good What problems is Boei solving and how is that benefiting you? Allowing website visitors to contact us through their preferred channel (whatsapp, phone call, etc)

Chandra Kusuma

Chandra Kusuma

★★★★★

The greatest chat widget for websites I have ever tried. It's quite light and not reduce the site loading speed. Quite easy to install on any type of sites/CMS platform. The features and integrations is continuously developed. The support Ruben and his team provide is the best. Easily number one pick.

Cristian Trappolini

Cristian Trappolini

★★★★★

I want to leave this review because I want to tell you 2 important things: one is that those who don't speak English well often find themselves having to live with Google Translate as their best friend, and the other is that BOEI is fantastic, simple and intuitive even for those who don't speak English well. I am really enthusiastic about the ease of use from the first time, which I rarely find in a similar app. Personally I recommend it to everyone!

Renaat Sioncke

Renaat Sioncke

★★★★★

Boei.helps is an easy-to-use app to connect a support/help icon to your website. I just set up four websites with different social media links, all in no time. Boei helps to customize and speed up my website building work-flow.

Fran Tully

Fran Tully

★★★★★

Very happy to give 5 Stars for this plugin. Over 70% of my business enquiries are coming from Smartphone users based on my Google Analytics. Boei allows those users to contact me on their preferred social Channel with one click. I also can follow up on that channel later or over time with the conversion thread preserved. It's a pop up with a GIF that looks great on my site. And it gives the prospective client the opportunity to fill out a standard contact form as well. I am implementing it on all my sites now, and I am very happy to recommend. I would try the free version first so you are sure. Thanks Fran

Proinsias M.

Proinsias M.

★★★★★

It was very easy to configure and setup on my website. The only issue I had to deal with was to decide what channels not to include in the pop up on the website. I need to be clear what are the essential channels to include for each site that I design. Very happy to give Top Marks to this Plugin. Most of my business enquiries are coming from Smartphone users based on my Analytics. Boei allows those users in particular contact me on the preferred social Channel with one click. I also can follow up on that channel later or over time with the conversion thread preserved. Its a pop up and also give the prospective client the opportunity to fill out a standard contact form as well. I am implementing it on all my sites now and I am very happy to recommend. I need to make sure I am not including channel options that are not relevant, so I need to be sure of my target audience to avoid clutter when the pop up is activated.

Gavin S.

Gavin S.

★★★★★

It makes it easier for website visitors to engage with me on the channel of their choice. Installing Boei was simple, took less than 5 minutes, and I was up and running. What I liked is that you can install it on Wordpress, HTML, and even on other page builders. You can use it with WhatsApp, Telegram, Live chat, Facebook messenger, or any combination of them at once so that visitors can pick the channel they're most comfortable with. None at the moment, everything is working as it should be.

Sara Hall

Sara Hall

★★★★★

How is this possible? I have been searching for a service like boei, without success for over a year. What magic is this? Isn't set up supposed to be supremely complicated, involving a coding degree, extensive technical knowledge and possibly a miracle? Boei just works. It works so well I was suspicious of it for nearly a whole week, sending endless texts and emails to myself in utter disbelief, when it failed to keel over! Set up is straight forward, easy and takes minutes. Seriously, I cannot recommend Boei enough.

Mike Foston

Mike Foston

★★★★★

Just about as easy as it gets. It uses all the ways you already have to connect to you, lets your customers choose how they want to connect, and doesn't give you another place to check for messages. Has plenty of configuration options, and support has been very responsive, and willing to listen to ideas to make improvements. Really pleased with how it looks on my sites as well. Bit of a bargain!

Lukáš H.

Lukáš H.

★★★★★

Ease of use and the number of possible integrations. Honestly I can't say there is anything I didn't like when using Boei.

Bikram K. S.

Bikram K. S.

★★★★★

Boei has been a time saver for me. I was looking for a way to integrate various social media chat options into my website so that my customers can contact me using the platform of their choice. I tried 3-4 other platforms but nothing came closer to the experience I finally got from Boei. Its WhatsApp and Google Map integration bought me over. I just wish it has support for Frase assistant and Gist assistant. Ease of use, and painless integration of various chat platforms. lacking integration with Frase and Gist and some of the labels are confusing.

Jay F.

Jay F.

★★★★★

I like that Boei is an AI that learns and continues improving by using our website's information to best answer user questions and guide them on our site. The ease of use is fantastic, requiring no coding or extensive setup work. I was able to have it running on our website in less than 30 minutes even with full customization. If I were to grade the setup ease on a scale of 1 to 10, I would give it an 11.

Ilias A.

Ilias A.

SEO Specialist

★★★★★

Boei is pretty straight-forward to setup. It is lightweight and converts website visitors into leads without over-effort. It simply works on autopilot, while you receive weekly reports on its performance with suggestions for improvement! After setting it up, I just have more leads. Simple.

Jon

Jon

★★★★★

I have followed the intuitive process to set this up on a number of my sites. It has always been easy and it has worked right out of the box. I like the fact that it is a simple widget that can be customized to any channels you wish to add.

Weboo.gr

Weboo.gr

★★★★★

Setting up Boei is a piece of cake. It's lightweight and does all the hard work for you — converting visitors into leads without too much effort. And, to top it off, you get weekly reports with recommendations on how to optimize performance! The support is direct and to the point, and its features are improving steadily.

Dieter Staudinger

Dieter Staudinger

★★★★★

Boei is the superglue that bonds together our communication with our leads and customers, in the channels they most value. Boei is simple to setup and easy to use. Our team loves Boei and we highly recommend you take a look how Boei can help up your communication game!

Jeremy Smith

Jeremy Smith

★★★★★

Boei is reliable, and brilliant at combining multiple tools together for taking care of prospects or customers. You can integrate tools you already use, plus add a few on their own. Great software.

Brendah Akoth

Brendah Akoth

★★★★★

Very great app! It does as it says and it's the most editable chat plugin compared to the others. A few days after installing it, I got inquiries and it opened my eyes to my audience. So it works and saves me time! Great automation partner!

Alexander Martenson

Alexander Martenson

★★★★★

I'm impressed with Boei. The application is simple and intuitive. Having this kind of availability for my prospects coming through my website is vital to my business.

Sheeny

Sheeny

★★★★★

Love this service. My customers can contact me with over a dozen different communication apps whatever they prefer so you never lose out on a customer that might be shy of say WhatsApp and use Viber instead.

Nuno

Nuno

★★★★★

Boei is a lightweight alternative to live chat plugins, talk to customers on their favorite channels. It has many integrations and you can use on WordPress, Shopify or any website using custom HTML. Not only Boei has good customer service but will also help yours.

Robert-Jan

Robert-Jan

CEO/Founder

★★★★★

Ruben has built an amazing and straightforward chat solution. Just let the client chose which option he wants to use! But it doesn't stop there. You can also add buttons that link to an external website, other pages on your website, integrate your chatbot, and so on. So simple, yet so powerful!

CyberCooker

CyberCooker

★★★★★

Nowadays, omnichannel offers us great advantages, but when we want to incorporate all the channels in our site we face a great dilemma: to include icons for each channel, generating visual saturation and confusion. It is here where Boei becomes a fantastic tool, since in a simple way it gives us the necessary order to provide our customers with a wide range of channels so that they can choose the one they feel most comfortable to communicate with us.

Eddine

Eddine

★★★★★

Boei is genuinely one of the most underrated tools on AppSumo. It's lightweight, super easy to install, and gives you so many options to connect with your website visitors. Whether it's WhatsApp, Messenger, email, or a simple contact form, Boei covers it all in one clean, customizable widget. What I love most is how versatile it is — it fits seamlessly with my site, doesn't slow things down, and caters to every visitor's preferred way of communication.

Jairo R.

Jairo R.

Account Executive

★★★★★

Excellent product and service. I can't complain about the level of support I've received. They are receptive to customer feedback and have a public roadmap.

Jaime M.

Jaime M.

Co-Founder

★★★★★

A simple and minimalistic tool with a lot of power! Displaying all of our contacts in a compact and easy to access way.

Stefan M.

Stefan M.

CEO

★★★★★

The integration of communication channels like WhatsApp, Facebook Messenger and Telegram as chat widgets on every page I like, the customizability and the very easy setup. Best Chat and Communication Widget I ever used.

Albert H.

Albert H.

Trainer

★★★★★

I used Replain before, but that is very complicated to manage. I searched for this solution for a long time and I really like it very much! Best solution for communication through your website!

Andres S.

Andres S.

Director

★★★★★

I use the tool on my website to get in touch with my visitors and without having to publish a form that could be abused by spammers. Communication is more fluent and direct as each user can choose their preferred channel to get in touch. Easy to use, many messaging options, customization, easy to implement on virtually any website, reports and analytics, fast to load.

Instagram DM on Webflow: FAQ

How do I install the Instagram DM button on Webflow?

Go to Project Settings > Custom Code > Footer Code. Paste the one-line Boei script. Publish your site. The widget appears on every page. Under 5 minutes. Full Webflow guide here.

Will it break my Webflow Interactions?

No. Boei loads asynchronously after your page content. It runs in its own context and does not touch your DOM, Interactions, Lottie files, or scroll triggers. Zero conflicts.

Does it work with Webflow CMS collections?

Yes. The widget works across all Webflow features: CMS collections, Ecommerce, Logic, Memberships, and custom code. Show it site-wide or on specific pages by URL.

Can I use custom CSS to style the widget?

Yes. Advanced Webflow developers can use custom CSS to override default styling. Match your exact design tokens, spacing, and brand guidelines.

How does the AI work for agencies?

Train the AI on your Webflow site content: case studies, services, pricing, process. It answers prospect questions via DM 24/7. When a qualified lead comes in, AI captures their details and your team follows up.

Can multiple team members respond to DMs?

Yes. Team seats vary by plan (1 on Starter, up to 7 on Scale) with no per-seat AI fees. Assign DMs to specific team members, add internal notes, and use smart routing. Perfect for agencies with multiple account managers.

What does it cost?

From $19/month (annual billing). Includes Instagram DM, AI with 2,000 messages, shared inbox, lead capture, and 50+ channels. No per-seat AI fees. 7-day free trial, no credit card.

Is it GDPR compliant?

Yes. Dutch company, EU servers in Nuremberg. No cookies, no tracking before the click. DPA available. Matters for agencies with European clients.

Can I track which Webflow pages drive DMs?

Yes. Boei fires analytics events that include the page URL. See exactly which case studies, product pages, or blog posts generate Instagram DM conversations.

Does it work alongside Webflow Ecommerce checkout?

Yes. The DM button appears on Ecommerce product pages and category pages. It does not interfere with the Webflow checkout flow. Shoppers can DM about products and still complete checkout normally.

Instagram DM Widget for Every Platform

Same widget, same features. On your platform of choice

Your Instagram Audience Deserves Better Than a Webflow Form

DM button on your Webflow site. AI handles the first touch. Your team closes the deal.

Enterprise? Schedule a demo →

✓ 7-day free trial • ✓ No credit card required • ✓ No Interaction conflicts • ✓ Webflow CMS + Ecommerce