Integration · Frameworks

AI chat widget for Vue

nDesk answers from your own help centre and docs, in 30+ languages — then hands the conversation to your team with the full transcript attached. Paste the snippet into index.html before </body>. Vue Router navigations are tracked without further setup.

How to install on Vue

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

Vue note: Paste the snippet into index.html before </body>. Vue Router navigations are tracked without further setup. Most teams are live in under ten minutes, and the 7-day trial needs no credit card.