Widget Customization
Match the chat widget to your brand — colors, position, avatar, text, and more.
Deployment Options
Floating Widget (Global)
- Appears as an icon in a corner of the screen
- Visible on all pages of your site
- Expands when clicked
- Can exclude specific pages
Enable: AxiaChat AI → Bots → General → check "Show on all pages as a floating widget".
Inline (Shortcode)
Embed the chat inside page content:
[aichat id="your-bot-slug"]Allows different bots on different pages. The shortcode is shown in each bot's General section with a copy button.
Colors & Branding
Customize the main color to match your site's design. This affects:
- Header background
- Send button
- Bot message accent
- Icons and highlights
Configuration: AxiaChat AI → Bots → Appearance.
Position
Choose where the floating widget appears:
- Bottom-right (default)
- Bottom-left
- Top-right
- Top-left
Avatar
Built-in Avatars
9 pre-designed avatar options available at no extra cost.
Custom Avatar
Upload your own image: company logo, brand mascot, team photo, etc.
No Avatar
Disable the avatar for a more minimalist look.
Window Controls
Configure what users can do with the chat window:
| Control | Description |
|---|---|
| Draggable | Users can move the window anywhere on screen |
| Minimizable | Shrink to an icon — stays accessible without blocking content |
| Closable | Fully close the chat — reappears on next page or icon click |
Initial State
| State | Behavior |
|---|---|
| Open | Chat appears expanded automatically |
| Minimized | Shows as icon — user clicks to open |
| Super-minimized | Shows only the avatar as a small bubble — click to expand |
Size
- Width — Configurable (300px to 1200px)
- Height — Message area height (minimum 300px)
- Responsive — Automatically adjusts on mobile devices
Customizable Text
| Setting | What it controls | Example |
|---|---|---|
| Title | Header title | "Sales Assistant" |
| Role / Subtitle | Text below the bot name | "Customer Support" |
| Placeholder | Input field hint text | "Type your question..." |
| Send Button | Send button label | "Send", "Ask", "Go" |
| Welcome Message | First message the bot says | "Hi! How can I help?" |
Action Suggestions
Display clickable suggestion chips after bot responses:
- Configurable number of suggestions
- Customizable colors
- Appear after bot messages to guide the conversation
Responsive Design
The widget automatically adapts to:
- Desktop screens
- Tablets
- Mobile phones
On small screens, the chat takes up more space for better usability.
Live Preview
As you edit the bot's appearance settings, a live preview updates in real time so you can see exactly how the widget will look before it goes live.