Integration · Website platforms

AI chat widget for Framer

nDesk answers from your own help centre and docs, in 30+ languages — then hands the conversation to your team with the full transcript attached. Project Settings → General → Custom Code → End of <body> tag, then publish the site.

How to install on Framer

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

Framer note: Project Settings → General → Custom Code → End of <body> tag, then publish the site. Most teams are live in under ten minutes, and the 7-day trial needs no credit card.