Website Widget Integration
Embed KyroChat on your website with a simple code snippet. The widget is a rich web surface around the same shared bot core used by your other channels.
How the widget fits
The widget gives your bot a native website experience with branding, browser context, and in-page UI flows. The shared bot core still handles retrieval, reasoning, guardrails, and any server-side business actions.
Use the widget when you want the bot to feel embedded in your site. If a capability needs to work across website, WhatsApp, Slack, or API, model it as a server-side action instead of a browser-only behavior.
The widget is one adapter around the shared core
Use the widget when you want rich website context and browser-side UX. If a capability must also work on WhatsApp, Slack, or API surfaces, move that behavior into a server-side action.
Installation
Copy this code and paste it before the closing </body> tag in your HTML. That's it — no npm packages, no build step.
<script>
window.kyroChatConfig = {
botId: "YOUR_BOT_ID"
};
</script>
<script src="https://kyrochat.com/widget.js" defer></script>The widget reads window.kyroChatConfig and self-initializes automatically. You can control it at runtime via window.kyroChat.open(), .close(), and .resetChat().
Widget Features
Custom Branding
Match your brand colors and style
Browser Context
Pass page-aware context from the customer website
Client Forms
Render structured form steps directly inside the widget
Mobile Responsive
Deliver a clean experience on all screen sizes
Users create, manage, and deploy bots
Sign up, upload documents, customize widgets, monitor analytics, and handle escalations.
Have questions? Our community is here to help. Learn more about our community
Active tenants
