AI chat widget for Webflow

How to install on Webflow

1. 1. Paste one script tag

   It goes anywhere before the closing body tag and loads asynchronously, so it never blocks your page. Your site key comes from the dashboard when you sign up.

   <script>
     window.ChatWidget = window.ChatWidget || function () {
       (window.ChatWidget.q = window.ChatWidget.q || []).push(arguments);
     };
   </script>
   <script async src="https://cdn.ndesk.chat/loader.js"
     data-site-key="YOUR_SITE_KEY"></script>

2. 2. Write what it should know

   Add articles from the knowledge base in your dashboard, or connect Claude or ChatGPT to your workspace over MCP and have it write them straight from the questions your bot couldn't answer. Either way, a saved article is searchable within moments — nothing to reindex or wait on.

3. 3. Tell it who it is talking to

   If a visitor is already signed in, pass what you know. The assistant can then look up their order or plan instead of asking questions your app can already answer.

   ChatWidget("identify", {
     email: user.email,
     name: user.name,
     externalUserId: user.id,
   });
   
   ChatWidget("set", { plan: "growth", locale: "en-GB" });

Webflow note: Project Settings → Custom Code → Footer Code. Custom code only runs once you Publish — it doesn't show in the Designer preview. Most teams are live in under ten minutes, and the 7-day trial needs no credit card.