Website Chat Widget

Embed a chat widget on any website in minutes

Step 1: Configure Your Widget

Customize the appearance and behavior of your widget

Go to your Dashboard.
Select the bot you want to embed.
Ensure your bot is set to Published (Draft bots cannot be embedded).
Navigate to the Widget Settings tab.
Customize the colors, welcome message, and placeholder text.

Step 2: Copy the Embed Code

Add the snippet to your website's HTML

Once configured, scroll down to the bottom of the Widget Settings page to find your unique embed code. It will look something like this:

<script
  src="https://kodda.dev/widget/embed.js"
  data-bot-id="YOUR_BOT_ID"
  async
></script>

Step 3: Paste into your Website

Place the code just before the closing </body> tag

Paste the snippet into your website's source code. The widget will automatically load and initialize on your site. Any updates you make in the Kodda dashboard will be instantly reflected on your live site.

Human Handoff

Let visitors reach a human agent when the AI can't help

When enabled, visitors can request to speak with a human agent directly from the chat widget. The AI will forward the conversation context to your team.

Go to your bot's Setup tab in the dashboard.
In the Human Handoff section, enable handoff and select a platform.
Kodda Inbox (built-in) routes conversations to your dashboard with email notifications.
Static Link redirects visitors to a custom URL (e.g., a support portal).
Toggle Auto-handoff on no answer to automatically escalate when the AI can't find a relevant answer.

Human handoff is available on STARTER plan and above.