Add Kelma to your website
The one-line snippet, where to find your Agent ID, and a guide for every major platform.
Kelma installs with one line of code — a single <script> tag that works on any website. It loads asynchronously (it never blocks your page from rendering) in a sandboxed iframe, and the whole loader is only a few KB gzipped.
1. Grab your snippet
In your dashboard open your agent → Channels → Embed & share, and copy the snippet:
<script src="https://kelma.chat/embed.js" data-kelma="YOUR_AGENT_ID" async></script>
Your Agent ID is the data-kelma value — you'll need it for the platform plugins below.
2. Add it to your site
Paste the snippet just before the closing </body> tag, on every page you want the widget. Most site builders have a single "custom code" or "footer scripts" box that puts it on every page for you — pick your platform:
- WordPress — one-click plugin or a code snippet
- Shopify
- Wix
- Squarespace
- Webflow
- Google Tag Manager — add it to any site through GTM
- Plain HTML
- React
- Next.js
Not listed? The same snippet works anywhere you can add HTML before </body>. Prefer the chat inside a page, or a standalone link with no website at all? See Channels: embedding & sharing.
Optional per-page overrides
Attributes on the tag override your saved appearance for that page: data-position="bottom-left", data-color="#7c3aed", data-size="64", data-width="440", data-height="700".