Skip to content

Web chat

Drop the Kontakt widget on your website with one snippet.

The web widget gives your agent a home on your own site, with the same memory of each customer it has on every other channel.

Enable in Kontakt

  1. Open Settings → Web Widget (or Web widget during onboarding Go live).
  2. Set branding, welcome message, and optionally allowed domains.
  3. Set Enabled to Enabled and save.
  4. Copy the embed snippet shown in the product.

Add the snippet to your site

Paste the script before </body> on every page where the chat bubble should appear (or load it through your tag manager). A typical snippet looks like:

<script
  src="https://kontakt-api.onrender.com/widget/v1/loader.js"
  data-workspace="YOUR_WORKSPACE_ID"
  data-api-base="https://kontakt-api.onrender.com/api/v1"
  data-position="bottom-right">
</script>

data-workspace must be your workspace ID. data-api-base points at the Kontakt API. data-position may be bottom-right or bottom-left.

Bind an agent

Enabling the widget alone is not enough for AI replies. In AI → Agents, bind an agent to the Web widget connection so inbound widget messages run through your skills.

Verify

  1. Open your site and click the chat bubble.
  2. Send a short test message.
  3. Confirm the conversation appears in Conversation Hub with the Web Widget channel.
Keep allowed domains empty while testing, then lock them to your production hostnames before launch. You can revisit branding and the snippet anytime under Settings → Web Widget.