Webflow logo

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

Andrew Lee David S. Vance W. Grant Nitesh Manav
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
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

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 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

Boei Webflow Forms Crisp Chaty
Opens Instagram DM Yes (direct) ✓ Yes
AI auto-replies Yes (trained on your site) Yes ($)
Team inbox Yes (unlimited seats) No (email only) Yes (per-seat pricing)
Webflow Interactions safe Yes (loads async) Native Possible issues Usually fine
50+ channels ✓ Yes ✗ Limited 25
Webflow Ecommerce ✓ Yes ✓ Yes ✓ Yes ✓ Yes
Price From $11/mo Included From $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

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. Unlimited team seats included. 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 $11/month (annual billing). Includes Instagram DM, AI with 2,000 messages, shared inbox, lead capture, 50+ channels, unlimited seats. 7-day free trial, no credit card.

Is it GDPR compliant?

Yes. Dutch company, EU servers in Amsterdam. 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.

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