AI chat widget for React

How to install on React

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" });

React note: Paste the snippet into public/index.html before </body>. It patches history.pushState itself, so client-side route changes show up in the visitor's page trail without extra wiring. Most teams are live in under ten minutes, and the 7-day trial needs no credit card.