Chat Whisperer

How to integrate Chat Whisperer with Webflow

Responding to customer questions manually takes time away from building features. Chat Whisperer lets you deploy chatbot responses on Webflow sites without writing conversation logic or managing infrastructure.

Install using the Chat Whisperer marketplace app for the simplest setup, or add custom embed code to your site for more control over widget placement. Both methods require creating a Chat Whisperer account. The API is currently in private beta with limited access, so this guide focuses on the marketplace app and embed code methods that are available to all users.

Use the Chat Whisperer app

The Chat Whisperer marketplace app provides the simplest setup path. Install it from the Webflow App Marketplace or sign up directly at chatwhisperer.ai. After account creation, configure your chatbot's knowledge base by providing your website URL. Chat Whisperer crawls your content automatically and responds to visitor questions based on what it learns.

The Chat Whisperer app includes the following capabilities:

• Automatic content learning that crawls your Webflow pages to build a knowledge base
• Multilingual responses supporting 80+ languages for international visitor engagement
• Lead capture that collects visitor information through conversational flows
• Sentiment analysis that detects visitor frustration and adjusts responses accordingly
• Brand customization that adjusts bot appearance and tone to match your site design

Native features, direct embeds, and widgets

Chat Whisperer provides embed code through your dashboard after account creation. Once you have the embed code, deploy it through the Webflow custom code features for control over widget placement and page-specific implementations.

To integrate Chat Whisperer with your Webflow site, create an account and configure your bot to generate your unique embed code. The embed code structure and implementation details are provided through your Chat Whisperer dashboard. Once you have the embed code, add it to your Webflow site through Site Settings > Custom Code > Footer Code for site-wide deployment, or through page-level custom code settings for specific pages.

Embed code deployment supports the following options:

• Site-wide deployment by adding code to Site Settings > Custom Code > Footer for global chat availability
• Page-specific widgets by targeting specific pages through page-level custom code settings
• Custom placement using custom code embed elements to control widget location within page layouts
• Async loading through scripts that support asynchronous loading on paid Webflow plans

Embed code requires account creation before access. Developers cannot evaluate script size, loading performance impact, or Content Security Policy compatibility before signup.

What you can build

Integrating Chat Whisperer with Webflow deploys chatbots that answer visitor questions, qualify leads, and provide multilingual support using your site content as training data.

• 24/7 customer support portal: Build a chatbot-powered help system that automatically answers product questions, troubleshoots common issues, and provides documentation references based on your website content and uploaded knowledge base materials
• Lead qualification system: Deploy a sales site that engages visitors through conversation, asks qualifying questions based on their responses, and routes qualified leads to your sales team with context through CRM integration
• Self-service knowledge base: Publish a documentation site where users find answers through natural language questions rather than navigating category structures, with Chat Whisperer crawling and learning from your existing content pages
• Multilingual support hub: Create a customer service experience in 80+ languages without requiring multilingual staff, with sentiment analysis detecting frustrated visitors and escalating to human agents when needed