Intercom

The Intercom Webflow integration adds live chat, the Fin AI chatbot, a ticketing system, and a unified help desk to any Webflow site through a single JavaScript snippet. Intercom is the dominant customer communication platform for SaaS and B2B companies, and because it installs via Custom Code rather than a native connector, it works on every Webflow plan in roughly five minutes. The trade-off is that it is snippet-only: there is no native data binding to Webflow CMS fields, Forms, or Memberships, so identifying logged-in users or syncing submissions requires custom JavaScript or a bridge tool like Zapier.

What Intercom adds to a Webflow site

• Live chat Messenger — a customizable chat bubble loaded from one snippet pasted into Webflow Custom Code, available on every published page.
• Fin AI agent — Intercom's AI chatbot that resolves customer questions autonomously using your help center content, billed at $0.99 per resolution.
• Unified inbox and ticketing — a shared workspace where support agents handle chat, email, and tickets in one queue with assignment and SLAs.
• Self-serve help center — a searchable knowledge base that deflects repetitive questions before they reach a human, hosted on your domain.
• Proactive outreach and product tours — targeted messages, banners, and walkthroughs triggered by visitor behavior, URL, or audience rules.
• Custom launcher support — hide the default bubble and trigger chat from any Webflow button, link, or element using Intercom's JavaScript API.

How Intercom's Messenger installs on Webflow

Intercom uses a snippet-based model, not a native Webflow integration with data binding. You paste a single JavaScript snippet into Webflow Project Settings under Custom Code, before the closing </body> tag, and the Messenger loads on every published page. The snippet contains your workspace's APP_ID, which is what ties the widget to your Intercom account. There is no design-time component inside the Webflow Designer — the bubble, launcher, and chat window are all rendered by Intercom's script at runtime.

Two configuration steps matter before the widget will actually appear. First, you must add your site's domain to Settings > Security > Trusted Domains inside Intercom, otherwise the script refuses to load on your domain for security reasons. Second, if you want a button-triggered chat instead of the default bottom-corner bubble, you hide the default launcher in Intercom settings and call Intercom('show') from a Webflow button interaction or an Embed component — useful for support links in a navigation bar or a "Chat with sales" CTA on a pricing page.

How to add Intercom to Webflow

1. Create an Intercom workspace at intercom.com by starting a trial or subscription.
2. In Intercom, open Settings > Messenger > Install, choose Web, and copy the JavaScript snippet that contains your workspace APP_ID.
3. Go to Settings > Security > Trusted Domains and add your Webflow site's domain (for example, yoursite.webflow.io for staging and yoursite.com for production) so the widget is permitted to load.
4. In Webflow, open Project Settings > Custom Code and paste the snippet into the Before </body> tag field, then save.
5. Publish your site — the Messenger bubble will appear in the bottom corner of every page.
6. (Optional) For a custom-triggered chat, hide the default launcher in Intercom settings and add an Embed component in the Webflow Designer with code that calls Intercom('show') from a button click.
7. Back in Intercom, click Check installation to confirm the widget is live and receiving events from your domain.

Intercom pricing

Intercom pricing has two components: a per-seat subscription based on your plan, and usage-based add-ons, the most significant of which is the Fin AI agent. Every plan includes the Messenger, ticketing, and a help center; higher tiers add automation, multiple team inboxes, SLAs, SSO, and identity management. Billing is monthly or annual, with annual pricing reducing the per-seat cost on every tier. The Webflow integration itself is free — you pay only for Intercom.

A 14-day free trial gives full access to test the Messenger, Fin, ticketing, and the help center before you commit to a paid plan.

Best Intercom + Webflow use cases

SaaS support widget

The most common setup is a support Messenger on a Webflow-built marketing site for a SaaS product. Visitors get instant answers from Fin using your help center content, and complex questions escalate to human agents in the shared inbox. Pass user identity from your app via the boot call so conversations are attached to known accounts.

Lead capture and sales routing

For B2B sites where every visitor is a pipeline opportunity, Intercom's chat qualifies and routes leads to sales in real time. Custom bots collect company size and use case, then hand off to the right rep. Combine with HubSpot to sync those new contacts straight into your CRM.

Self-serve deflection with Fin

Fin answers repetitive questions — pricing, integrations, refund policy — using your published help center articles, often without a human in the loop. At $0.99 per resolution it is dramatically cheaper than a per-minute human chat for high-volume, low-complexity queries.

Onboarding product tours

Trigger Intercom product tours or targeted messages based on the page a visitor is on, the URL, or an audience rule. A tour on your features page can walk a new sign-up through key workflows, while a banner on the pricing page offers a sales chat.

Ecommerce support

Answer order status, shipping, and returns questions in real time without a separate help desk tool. Intercom's unified inbox handles chat, email, and tickets in one queue, so a small team can support a Webflow-powered store end to end.

Limitations to know

• Snippet-only, no native data binding. The Messenger has no direct integration with Webflow CMS fields, Forms, or Memberships. Identifying logged-in users requires custom JavaScript passing a signed identity hash from your auth system.
• Cost scales quickly. Seats run $39 to $139 per month (or $29 to $132 annual) on top of Fin's $0.99 per resolution, which makes Intercom expensive for low-margin or high-volume-support businesses compared with lighter chat tools.
• No native Webflow Forms or Memberships integration. Form submissions don't become Intercom contacts automatically — you need Zapier or Make to bridge them, and member identity from Memberstack must be passed through custom code.
• Script on every page affects load time. Because the snippet sits in Custom Code before </body>, it loads on every published page. Defer or conditionally load it where possible to protect Core Web Vitals on marketing-critical pages.

Related Webflow integrations

• Memberstack — pass signed member identity into Intercom so chats attach to known, logged-in users.
• HubSpot — sync Intercom contacts and conversations into your CRM for marketing and sales handoff.
• Zapier — bridge Intercom to Webflow Forms and hundreds of other tools without custom code.

Read the 20 Best Webflow Integrations to Use in 2026 for the full recommended stack.