Control the widget's appearance and behavior with data attributes on the script tag. No extra code required.
Add any of the following attributes to your embed script tag to customize the widget.
| Attribute | Values | Default | Description |
|---|---|---|---|
data-theme | "light" | "dark" | "light" | Widget color theme |
data-position | "bottom-right" | "bottom-left" | "top-right" | "top-left" | "bottom-right" | Widget placement on the page |
data-display-text | Any string | none | Text label shown next to the chat bubble |
Here is a script tag with all customization attributes applied together:
<script
src="https://www.botembed.ai/widget.js?botId=YOUR_BOT_ID"
data-theme="dark"
data-position="bottom-left"
data-display-text="Need help?"
></script>Replace YOUR_BOT_ID with your actual bot ID from the dashboard.
Create your first bot in under 30 seconds. No credit card required.