Chat Widget — Embed Your Bot on Any Website

Chatbot Setup — Customize Your Chat Widget

Dashboard → Chatbot Setup controls how your website chat widget looks and feels — its name, avatar, colors, bubbles, launcher button, and position. It also has built-in Preview and Test tabs so you can see the widget and chat with your bot before it goes live. To install the widget on your site, see Widget Embed.

Plan requirement: Appearance customization is a Pro+ feature. On Free, the bot works fully but uses default styling and shows a small "Powered by Botaura" badge.

---

The Setup Tabs

Settings are organized into five tabs:

1. Identity

How your bot introduces itself to visitors.

• Name — what the bot calls itself in the header (default "Assistant")
• Bot Avatar — upload a logo or character image (or remove it to use the default)
• Tone — the writing style the AI uses (e.g. professional, friendly, casual)
• Welcome Message — the first message a visitor sees when they open the chat
• Contact details — Phone, Email, and WhatsApp number the bot shares when a customer asks to reach a human

2. Colors

• Brand Color — the accent color used for the header and user message bubbles (enter a hex value like #10b981)
• Chat bubbles — background and text colors for both the bot's and the user's message bubbles
• Bubble radius — corner rounding: small, medium, large, or full

3. Button (Launcher)

• Launcher icon — use the default chat icon or upload your own button image
• Button size — small, standard, or large
• Style — the shape/look of the floating launcher button

4. Chat Window

• Header text and tagline — the title and subtitle shown at the top of the chat window (tagline defaults to "Online Assistant")
• Text sizes — header and tagline size (small / medium / large, header also xlarge)
• Window size — standard or large chat window
• Background — the chat window's background style

5. Position

• Corner — left or right side of the screen
• Offsets & gap — fine-tune the distance from the screen edges and the gap between the button and the window

---

Preview & Test

As you change settings, a live Preview shows exactly how the widget will look. The Test tab lets you hold a real conversation with your bot using your current knowledge base — the best way to confirm answers and styling before adding the widget to your website.

---

Saving & Resetting

• Changes are saved to your account and apply to the live widget after you save.
• You can reset styling back to Botaura's defaults at any time.
• If you're on Free and try to save appearance changes, you'll be prompted to upgrade — the bot keeps working with default styling in the meantime.

---

What Visitors Experience

1. A launcher button appears on your site (position and style per your settings).
2. Clicking it opens the chat window with your welcome message.
3. The visitor types a question; the bot streams its answer in real time.
4. When relevant, product cards appear with image, price, and a link (Pro+).
5. If the visitor shows buying intent, the bot gently collects contact info (Lead Capture).
6. If the bot can't answer, it shares your contact details instead of guessing.

---

Remove Branding (Pro+)

On Free, the widget shows a small "Powered by Botaura" badge. On Pro and above this is removed for a fully white-label experience.

---

Troubleshooting

• Changes don't show on my site — make sure you saved, then hard-refresh your site (the widget caches settings briefly).
• Avatar didn't upload — use a standard image format and a reasonable file size; try again or remove and re-upload.
• Colors look off — brand color expects a hex value (e.g. #10b981).
• I can't edit appearance — appearance is Pro+; upgrade from Dashboard → Pricing.

---

Related

• Widget Embed — install the widget on your website
• Product Catalog — the products shown as cards in chat
• Lead Capture — how the bot collects contacts