Drift
Connect Drift's conversational marketing platform with Webflow to capture leads, qualify visitors, and book meetings directly from your website. Add live chat, AI-powered bots, and intelligent routing without complex coding.

How to integrate Drift with Webflow
While Drift doesn't offer an official Webflow app, you can use third-party apps to integrate Drift and Webflow for advanced tracking. You can also embed Drift's chat widget directly onto your site and build custom integrations using Webflow and Drift APIs for sophisticated lead routing and personalization.
Use third-party apps
Zapier and Make are automation apps that connect Drift and Webflow.
Zapier connects Webflow Forms to Drift contacts automatically:
- Sync form submissions to create or update Drift contacts with full context
- Map custom fields including UTM parameters, page URLs, and form-specific data
- Trigger Drift playbooks based on Webflow form types or page interactions
For complex workflows, Make (formerly Integromat) provides enterprise-grade automation:
- Multi-step enrichment adds company data before creating Drift contacts
- Conditional routing sends different form types to specific Drift teams
- Error handling ensures reliable data sync even during API limits
Use embed methods and native features
Webflow also has built-in tools that enable Drift integration without additional apps. The standard approach uses custom code embedding to add Drift's chat widget site-wide or on specific pages.
Global installation through Site Settings > Custom Code > Footer Code:
- Loads Drift across all pages automatically
- Maintains consistent chat experience site-wide
- Works with Webflow CMS templates without additional configuration
Page-specific embedding using Webflow's Embed element:
- Target high-intent pages like pricing or demo requests
- Test different playbooks on landing pages
- Control widget visibility per page without affecting global settings
Native targeting features in Drift (no Webflow code required):
- URL-based rules show specific playbooks on
/pricing
or/contact
pages - Device targeting optimizes mobile versus desktop experiences
- UTM parameter detection personalizes chat based on campaign sources
Build with Webflow and Drift APIs
Direct Webflow and Drift API integration unlocks capabilities beyond standard embedding, enabling custom authentication flows, automated content publishing, and sophisticated lead routing.
This approach benefits teams needing granular control over data flow, multi-site management, or complex sales workflows that standard chat widgets can't accommodate.
API integration enables:
- Real-time lead enrichment with company data before routing
- Custom event tracking for behavioral targeting
- Automated content creation from chat insights
- Multi-workspace management across client sites
Implement lead capture automation
Automate lead flow from Webflow Forms to Drift conversations:
- Set up webhooks: Configure Webflow Form submissions to trigger serverless functions using the Webflow Data API
- Create Drift contacts: Use the Drift Contacts API
POST /contacts
endpoint to create leads with enriched data - Apply routing logic: Set custom attributes for team assignment based on form fields or company size
The Webflow webhook sends form data, including email, company, and page context, while Drift's API accepts these fields plus custom attributes for playbook targeting.
Sync conversation data to Webflow CMS
Build a knowledge base from chat interactions:
- Configure Drift webhooks: Set up
conversation.closed
events in Drift settings to capture completed chats - Process conversation data: Extract key questions, solutions, and satisfaction ratings from the Drift
conversation.closed
webhook payload - Create CMS items: Use Webflow's CMS API
POST /collections/{collection_id}/items
to publish FAQ entries or testimonials
This creates a self-updating knowledge base where resolved support issues automatically become help articles.
Build custom routing workflows
Create sophisticated lead distribution based on multiple signals:
- Enrich visitor data: When Drift captures an email, call enrichment APIs to gather company information
- Apply routing rules: Use the Drift Routing API to assign conversations based on territory, company size, or account ownership
- Update Webflow user records: For membership sites, sync qualification status back to Webflow User Accounts using
PATCH /sites/{site_id}/users/{user_id}
What you can build
Integrating Drift with Webflow creates powerful conversational experiences that drive revenue and improve customer satisfaction.
- High-converting landing pages: Replace static forms with conversational flows that qualify leads through natural dialogue, achieving 3x higher completion rates than traditional forms
- Account-based marketing sites: Identify target companies visiting your Webflow site and trigger personalized playbooks with account-specific messaging and direct routing to account owners
- Self-service support centers: Combine Webflow's CMS with Drift's AI to answer questions instantly, deflecting 40% of support tickets while capturing insights for content improvement
- Interactive product demos: Guide visitors through complex features with conversational walkthroughs that adapt based on their responses, booking qualified demos automatically when interest peaks
Frequently asked questions
Navigate to Site Settings > Custom Code > Footer Code in Webflow and paste your Drift installation snippet (found in Drift Settings > App Settings > Install). This loads Drift across all pages after publishing. For page-specific installation, use an Custom Code Embed element on individual pages. The snippet includes your unique workspace ID and initializes the chat widget.
Yes, Drift's targeting rules let you display specific playbooks based on URL patterns without editing Webflow code. In Drift's Playbook builder, set URL conditions like "
contains /pricing
" or "equals /contact
" to trigger different conversation flows. You can also target based on UTM parameters, referrer sources, or visitor behavior tracked by Drift.Use Zapier to automatically create Drift contacts from Webflow forms. Set up a Zap with "New Form Submission" as the Webflow trigger, then use "Create or Update Contact" as the Drift action. Map form fields to Drift attributes, including hidden fields for UTM tracking. For complex workflows, Make.com offers advanced branching and data transformation options.
Drift's script loads asynchronously and shouldn't block page rendering when properly installed in the Footer Code section. Monitor impact using Lighthouse or PageSpeed Insights. To optimize further, implement lazy loading by wrapping the Drift snippet in JavaScript that delays initialization until after user interaction or scroll.
Configure Drift to respect cookie consent by delaying script loading until users accept. Implement a consent management platform that blocks the Drift snippet until permission is granted. In Drift settings, enable data processing options and configure retention periods. Document Drift's data collection in your privacy policy hosted on Webflow.

Description
Drift is a conversational marketing and sales platform that uses AI-powered chat to engage website visitors in real time. It identifies high-intent buyers, qualifies leads through intelligent conversations, and routes them to sales teams for meetings or live handoffs—turning anonymous traffic into qualified pipeline.
This integration page is provided for informational and convenience purposes only.

Pensil
Turn your website into a community platform with Pensil. A powerful Community building tool for your business growth. Increase lead & customer engagement with an active engaging community. Host & monetize your community audience with ease. Start in just 3 steps.

LiveChat
Use LiveChat to talk to your customers in real-time.

LiveChat
Integrate LiveChat into your website to capture more leads and close more sales.

Joonbot
A no-code chatbot builder that helps you guide, provide and collect information from your visitors.

Intercom Acquire
Connect Intercom's powerful customer messaging platform with Webflow to provide real-time support, capture leads, and engage visitors. Enable live chat, automate customer communications, and create seamless support experiences without leaving Webflow.

Ideta
A no-code chatbot builder that lets you have complete control of your chatbot's design.

Hyvor Talk
Hyvor Talk is a privacy-focused, fully-customizable commenting system for websites.

Disqus
Disqus is a global comment system that improves discussion on websites.

Crisp
Connect Crisp (AI-powered live chat and omnichannel messaging) with Webflow to enable real-time conversations, automate support with intelligent chatbots, and manage every customer interaction from a single, unified inbox