Salespeak

How to integrate Salespeak with Webflow

Chat-based lead qualification engages visitors and assesses their needs while they browse, rather than waiting for form submissions. Salespeak adds AI-powered conversations to your Webflow site that qualify leads, answer product questions, and route data to your CRM.

To get started, choose from two deployment options: Use the Salespeak app from the Webflow Apps Marketplace for managed setup, or use Native features and direct embeds for more control. Direct embeds use custom code sections for site-wide coverage or Code Embed elements for specific pages. Both support native HubSpot and Salesforce integrations for CRM data routing, as well as scheduling tools like Calendly.

Use the Salespeak app

Form-based lead capture means you can't qualify visitor intent until after they submit contact information, leaving your team to manually sort through leads of varying quality.

The Salespeak app in the Webflow Apps Marketplace provides the fastest deployment method. Install the app, configure your conversation flows in the Salespeak dashboard, and the widget appears across your selected pages. The marketplace app includes multiple launcher types with visibility rules that let you show different campaigns on different pages.

After installation, you can:

• Deploy multiple launcher types (sticky bars, chat icons, and inline search bars) across different pages
• Configure display conditions to show specific campaigns based on URL patterns with wildcard support (e.g., https://www.salespeak.ai/*)
• Connect CRM integrations, including Salesforce and HubSpot, for automatic lead capture
• Schedule meetings directly through Calendly, Mixmax, or Chili Piper, integrated within conversation flows

Marketing teams manage campaign targeting and CRM mappings through the Salespeak dashboard without requiring additional Webflow modifications after initial setup. Configuration changes made in the Salespeak dashboard take effect immediately across deployed widget instances.

Native features and direct embeds

Different page types may need different engagement patterns. Floating widgets work for general browsing, while inline elements fit specific content sections.

The Webflow custom code capabilities support two deployment patterns depending on where you want the widget to appear.

For site-wide deployment of floating elements like chat icons or sticky bars, navigate to your Webflow site settings. Copy your embed code from Widget > Website Deployment in the Salespeak dashboard, then paste it into Settings > Custom Code > Footer Code in Webflow. Publish your site, and the widget appears across all pages. This approach works for launchers that float over content rather than disrupting page layout.

For inline placement of search bars or embedded widgets within specific page sections, use the Webflow Code Embed element. In Webflow, go to Add > Element > Advanced > Code Embed and drop it where you want the widget. Paste your Salespeak embed code into the element. The widget renders in that exact location, flowing with your page content rather than floating. This method works well for embedding search bars in help centers or adding chat interfaces to specific landing pages.

The script loads asynchronously, so it won't block your page render. You can deploy multiple widgets with different campaigns and visibility rules. Use footer code for one campaign site-wide, then add page-specific Code Embed elements for targeted campaigns on high-value landing pages.

What you can build

Integrating Salespeak with Webflow adds chat-based lead qualification that engages visitors through discovery questions, answers product questions, and routes conversation data to CRM systems through native integrations.

• Lead qualification landing pages: Deploy targeted campaigns on high-value landing pages that ask discovery questions customized for your audience, then route conversation data via native CRM integrations or webhooks to capture visitor source, engagement details, and intent signals
• 24/7 AI-powered support with inline search bars: Add inline search interfaces to help centers and documentation pages that answer technical questions in natural language while automatically identifying qualified leads for routing to your sales team via CRM tools and Slack
• Account-based engagement: Show personalized conversation flows to target accounts identified through IP matching, with Slack notifications for visitor interactions to support account-based sales workflows
• Multi-touch conversion paths: Combine floating chat icons with inline search bars to engage different visitor segments, with meeting scheduler integrations (Calendly, Mixmax, Chili Piper) that embed directly within conversation flows and pre-populate booking forms with visitor data