embed · same-origin demo

Your customer's website lives here.

Imagine this page is kleap.co. Drop one script tag in the <head> and the chat bubble appears bottom-right — same way Crisp does today, but pointed at dialore.

The only line you ship

<script src="https://chat.kleap.co/widget.js" data-workspace="kleap" defer></script>

data-workspace — which workspace to route to (here: kleap). For Robot-Speed use data-workspace="robot-speed" and Sonic ⚡ replies instead of Casper ✦.
data-origin — optional, override the embed host (defaults to the script's own origin).

What the script does on the host page

Creates a 58px coral bubble fixed at bottom:20px; right:20px with a chat-bubble icon.
Lazy-loads a 384×620px iframe panel pointing at /widget?ws=<slug>.
On mobile (≤480px) the panel goes full-screen and the bubble hides while open.
Listens for postMessage({type:"kleap-widget:close"}) from the iframe so an in-chat close button can collapse the panel.
Zero dependencies, ~3KB. Style-isolated via the iframe — your CSS can't bleed in or out.

What changes for the visitor

Bubble matches the workspace's brand_color (set in /settings).
Header shows the workspace name + bot persona (Casper for Kleap, Sonic for Robot-Speed).
Live translation kicks in automatically based on the visitor's first message.
If they shared an email previously, they resume their previous conversation (token in localStorage).

↓ ↘ Look at the bottom-right corner. ↘ ↓