Quick install
<script async
src="https://askthe.bot/embed.js"
data-agent="YOUR-SLUG"></script>Drop that anywhere in your site's HTML — usually right before </body>. A circular chat button appears bottom-right. Clicking it opens the chat in a side panel. By default, the launcher uses the accent color from the agent's Styling tab.
Attributes
| Attribute | Default | Description |
|---|---|---|
data-agent | — | Required. Your agent slug (Publish tab). |
data-launcher-color | Styling tab accent | Local override for the launcher background color. Legacy data-color is still supported. |
data-launcher-label | "Chat" | Local override for the accessibility label on the button. Legacy data-label is still supported. |
data-launcher-position | "right" | "right" or "left". Legacy data-position is still supported. |
Themed example
<script async
src="https://askthe.bot/embed.js"
data-agent="acme-support"
data-launcher-color="#0f766e"
data-launcher-label="Ask Acme"
data-launcher-position="left"></script>Custom domain
If you've set a custom domain on your agent (e.g. chat.brand.com), load the embed from there too — same path, same attributes:
<script async src="https://chat.brand.com/embed.js" data-agent="acme-support"></script>Per-platform install
Try-on widget vs chat embed
The chat embed (/embed.js) is a conversational bubble. The try-on widget (/tryon.js) is for photo-based product preview. They're independent — you can install one, the other, or both. See try-on docs.