ChatBot

Theme, preview, and embed any agent as a public chat widget on your own website. One script tag, no backend code, ships in minutes.

What you see

ChatBot · app.sentientone.ai/chatbot

Website Chatbot widgetAgent: Website Chatbot ▾Theme: LightSave & generate snippet

Widget configuration

Display name

Acme Assistant

Welcome message

Hi 👋 — ask anything about our products.

Primary colour

#2563EB

Launcher position

Right

Bubble size

Medium

Open by default

Embed snippet

Live preview

Acme Assistant●

Type a message…Send

Chat

Agent selectorTop-of-page dropdown. Pick the agent that powers the widget. Only agents whose system prompt is safe for anonymous visitors should be exposed publicly.
Display nameWhat the visitor sees in the launcher tooltip and the chat header. Keep it short.
Welcome messageThe first line the visitor sees when they open the widget. Make it inviting and on-brand.
Primary colourHex colour picker. Drives the launcher button and the message accents. Live preview updates instantly.
Launcher positionleft or right. Matches the side the floating button appears on.
Bubble sizesmall, medium, or large. Affects launcher diameter and font scale.
Live previewRight-side panel that mirrors every change in real time — send a sample message there to verify the agent responds correctly before publishing.
Embed snippetOne <script> tag pointing at the SentientOne loader, carrying your agent id. Copy and paste it into your site's HTML.

Embed it on your site

1
Save the agent and widget config
Click Save. The embed snippet is regenerated with your latest settings.

Copy the snippet from the Embed tab

It looks like this:

html

<script
  src="https://cdn.sentientone.ai/widget.js"
  data-agent-id="YOUR_AGENT_ID"
  defer
></script>

3
Paste it before </body>
Either inside <head> or just before the closing </body> tag works — most teams pick </body> so the widget loads after main content paints.
4
Publish your site
The widget appears for visitors immediately. No further deploys, no API keys exposed on the page.

Theming

The widget loads as a sandboxed iframe so your site's CSS never leaks in. Brand changes happen entirely here — visitors always see the latest config without you re-publishing the script tag.

What you see

Widget reference

Embed it on your site