Intercom Acquire

How to integrate Intercom with Webflow

Integrating Intercom with Webflow enables live chat to advanced lead automation.

While Intercom doesn't offer an official Webflow app, you can implement the integration through Code embeds for quick setup, third-party apps like Memberstack for enhanced functionality, or custom workflows using both platforms' APIs for maximum control.

Use Code Embeds

The most straightforward method to add Intercom to your Webflow site involves embedding Intercom's JavaScript code directly into your project. This approach provides immediate access to Intercom's Messenger widget and core functionality.

To implement the basic integration, copy your Intercom JavaScript snippet from the Messenger installation page in your Intercom workspace. In Webflow, navigate to Site Settings > Custom Code and paste the snippet in the Footer Code section. This ensures the Messenger loads on all pages of your site.

Key features available through embed:

• Live chat widget appears on all pages with customizable positioning
• Visitor auto-messaging based on page views or time spent
• Lead capture forms within the Messenger interface
• Help Center integration for self-service support

For page-specific implementations, use Webflow's Embed element to add the Intercom code only where needed. This approach works well for targeted support on pricing or checkout pages.

Use third-party apps

Several Webflow apps extend Intercom's functionality through pre-built integrations.

For example, Memberstack enables Facebook Login and other social authentication methods that sync with Intercom user profiles.

With Memberstack and a simple webhook-to-API setup, you can:

• Sync member data to Intercom by forwarding Memberstack webhooks to Intercom’s Contacts API
• Track user events (sign-ups, subscription changes) via Memberstack webhooks and create Intercom events
• Segment users by membership tier in Intercom, using custom attributes from Memberstack
• Maintain conversation history across sessions by linking Intercom user IDs to Memberstack profiles

Chaty provides another integration path, allowing you to add Intercom alongside other messaging platforms. This creates an omnichannel support experience where visitors can choose their preferred communication method.

For form automation, connecting Webflow Forms to Intercom through Zapier enables automatic lead creation. When visitors submit contact forms, their information flows directly into Intercom, triggering automated workflows or assigning conversations to specific teams.

Build with Webflow and Intercom APIs

Webflow and Intercom API integration enables automated content synchronization, custom user attributes, and sophisticated conversation routing. This approach requires server-side implementation but delivers flexibility for complex use cases.

The APIs enable deep integration scenarios like syncing Webflow CMS content with Intercom's Help Center, implementing custom authentication flows, and building automated support workflows based on user behavior.

Organizations can create bidirectional data flows that keep customer information synchronized across both platforms.

Key API capabilities include:

• Automated lead enrichment with Webflow Form data
• Custom conversation workflows triggered by site events
• Advanced user segmentation based on CMS data
• Real-time content synchronization between platforms

Sync form submissions to Intercom contacts

Create a seamless lead capture flow by automatically converting Webflow Form submissions into Intercom contacts or conversations.

High-level implementation:

1. Set up webhooks in Webflow to trigger on Form submissions
2. Create a serverless function to receive webhook data
3. Use Intercom's Contacts API POST /contacts to create or update contacts
4. Optionally trigger an automated message using the Messages API

The Contacts API documentation provides field mappings, authentication requirements, and rate limits (10,000 requests/minute for private apps).

Automate help content updates

Keep your Intercom Help Center synchronized with content managed in Webflow CMS.

High-level implementation:

1. Subscribe to Webflow CMS item events via the Webhooks API for create, update, and delete events
2. Transform content to match Intercom's article format
3. Use Intercom's Articles API to create or update help center content
4. Map Webflow collections to Intercom collections for an organized content structure

The Articles API supports rich content formatting, multi-language content, and parent-child relationships for comprehensive documentation.

Build custom support dashboards

Create tailored support experiences by pulling Intercom conversation data into Webflow-powered dashboards.

High-level implementation:

1. Authenticate users through your Webflow site
2. Query relevant conversations using Intercom's Conversations API with user-specific filters
3. Display conversation data in Webflow using dynamic embeds or CMS collections
4. Implement webhook listeners for real-time updates

The Conversations API provides access to full conversation history, metadata, and state management for building custom interfaces.

What you can build

Integrating Intercom with Webflow opens possibilities for creating sophisticated customer engagement systems that combine beautiful design with powerful messaging capabilities.

• SaaS onboarding portals: Build interactive product tours in Webflow that trigger contextual Intercom messages, guiding users through features while capturing feedback at each step
• E-commerce support hubs: Create help centers where product-specific FAQs from Webflow CMS automatically populate Intercom articles, while purchase history enables personalized chat support
• Educational platforms: Develop course websites that use Intercom for student support, automatically routing technical questions to instructors based on enrolled courses stored in Webflow‍
• Agency client portals: Design branded communication hubs where clients can access project updates in Webflow while using Intercom for real-time collaboration and feedback