Installing the Hi, I'm Kai widget
This page covers the script tag, domain authorization, and single-page app placement needed to install the Hi, I'm Kai widget.
How do I add the embed snippet?
The Hi, I'm Kai widget is a single <script> tag that you add to your site. It loads asynchronously and does not block page rendering.
Navigate to the Widget page and click Copy install snippet. Paste the generated code before the closing </body> tag on every page where you want the widget to appear.
<script
src="https://cdn.example.com/widget.js"
data-site-id="YOUR_SITE_ID"
async
></script>
The generated snippet includes the correct public widget identifier for your site. Keep the snippet unchanged unless the dashboard tells you to update it.
How do allowed domains work?
By default, the widget only loads on domains you authorize. Add or edit allowed domains in Widget -> Domains & features.
Use comma-separated values for multiple domains, such as example.com, staging.example.com. Include any production, staging, or preview domains where you expect the widget to load.
How do I install Hi, I'm Kai in a single-page app?
For single-page apps built with React, Next.js, Vue, or similar frameworks, include the snippet in your root HTML template. The widget detects route changes automatically.
For most apps, the correct location is the file that owns the final HTML shell, such as index.html, _document.tsx, or the root layout file.