Custom CSS
Adjust the widget’s styling beyond the built-in options with Advanced Customization.
Chat Widget
Put Your AI Agent on Your Website in Minutes
Embed a BoldAgent chat widget on any site and let visitors get answers from the same agent your team uses. Match it to your brand, control where it appears, and launch it with one line of code or an iframe.
Chat with us
How it works
Get Started in Four Steps
The widget always serves your published version, so you can keep improving the agent without changing what visitors see.
- 1 Build your agent Write its instructions and connect its knowledge libraries.
- 2 Publish a version The widget uses the published version, so your drafts stay safe.
- 3 Design the widget Set the look, the launcher, and the welcome experience, then check the preview.
- 4 Share and embed Add the code to your site and start conversations.
Widget appearance
Make It Look Like Your Brand
Every change appears in a live preview as you make it, so you see exactly what visitors will see before you save.
Make it yours
Your logo, your colors, your theme
Set the header logo, title, and description, then pick a brand color from the palette or enter any hex value.
- Header
- Logo, title, and a short description.
- Brand color
- Choose from the palette or enter any hex value.
- Theme
- Light or dark, to suit your site.
Header title Acme Support Brand color Theme Light theme
Launcher
Choose how the launcher looks
The launcher is the button visitors click to open the chat. It is the first thing they see, so pick the style that fits your layout, then place it on the left or right of the screen.
- Icon and text
- Your logo and a label, such as “Chat with us.”
- Text only
- A clean, minimal button.
- Image only
- Your own icon, uploaded as an image.
Launcher position LeftRight
Chat experience
A welcoming first impression
Write the welcome message that greets visitors when the chat opens and the placeholder that guides them in the input box. Add suggested prompts so visitors can start with a question they already want answered.
- Welcome message
- The first thing visitors read when the chat opens.
- Suggested prompts
- One-tap questions, such as “What are your opening hours?”
- Files and voice
- Visitors can attach a document or speak their question instead of typing it.
Preference
Control Where It Appears
Keep your agent on the sites you own, and adjust the widget further when you need to.
Trusted Domains
Limit the widget to your sites
Trusted Domains restrict the widget to the sites you specify. Add example.com to allow that domain, or *.example.com to include every subdomain. This keeps your agent from being embedded on sites you don’t control.
Trusted DomainsOnly these sites can show the widget.
example.com Allowed *.example.com Allowed · all subdomains another-site.com Blocked Custom JavaScript
Extend the widget’s behavior with your own scripts. Custom code is your responsibility and can affect the visitor experience, so use it carefully.
Frequently Asked Questions
It uses the published version. Edits you make in a draft won’t reach visitors until you publish.
Yes. Add your domains under Trusted Domains, and use a wildcard such as *.example.com to include all subdomains.
Yes. Visitors can speak their questions and attach files in the chat.
Use the script for most sites. It adds a floating launcher and loads without affecting your layout. Use the iframe when you want the chat built into a specific section of your page.
Yes. Set your logo, color, theme, and launcher style, and add custom CSS for finer control.
Put Your Agent on Your Website
Publish an agent, design the widget, and add one snippet to your site.