Chat widget demo
Add a single script tag to any page. All configuration is via data- attributes:
<script
src="/static/jims-widget.js"
data-server=""
data-intro-message="Hi! How can I help you?"
data-title="AI Assistant"
data-accent="#4f46e5"
data-position="bottom-right"
data-open="false"
<!-- data-contact-id="visitor-123" -->
<!-- data-thread-id="existing-thread-uuid" -->
></script>| Attribute | Required | Default | Description |
|---|---|---|---|
data-server | yes | — | Widget backend origin |
data-intro-message | no | none | Initial AI greeting shown on load |
data-title | no | AI Assistant | Header title text |
data-accent | no | #4f46e5 | Accent colour (hex) |
data-position | no | bottom-right | bottom-right | bottom-left |
data-open | no | false | true to start with panel open |
data-contact-id | no | anonymous | Persistent visitor identifier |
data-thread-id | no | new thread | Resume an existing thread |