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.

Zendesk Chat (formerly Zopim)
Zendesk Chat is the fastest way to engage your customers with live chat software.

Zendesk
Connect Zendesk's powerful customer support platform with Webflow to create seamless support experiences. Automate ticket creation from forms, embed live chat widgets, sync customer data, and build integrated help centers that enhance customer satisfaction while reducing manual work.

Website Toolbox Community
The easiest platform to build your own discussion community. Organize your public or private discussions into searchable topics and categories under your brand with an independent or embedded community forum.

UserVoice
Connect UserVoice's powerful feedback management platform with Webflow to collect user insights, prioritize feature requests, and build customer-driven websites. Transform visitor feedback into actionable improvements with voting systems, roadmap transparency, and seamless design integration.

Trustpilot
Build trust and credibility by showcasing authentic customer reviews on your Webflow site. Connect Trustpilot's review platform to display ratings, collect feedback automatically, and boost conversions with social proof that updates in real-time.

Slack
Connect Slack's powerful team collaboration tools with Webflow to automate notifications, streamline project workflows, and enhance team productivity. Get real-time alerts for form submissions, design comments, and site updates while keeping your entire team synchronized.

Reviews for Webflow Shops & Sites by Monto
Automatically collect, manage, and display customer reviews in your Webflow eCommerce shop or site.

POWr chat
Add a Webflow Chat Plugin to your website without coding or headaches.

Prefinery
Add a pre-launch waiting list or refer-a-friend campaign to your website.