Customize your chat widget to match your brand (2026)

Guides3 min readPublished June 27, 2026

Breezaro's chat widget is customizable end to end, from colors and style to fonts, bubbles and the launcher. And what you set in the dashboard preview is exactly what your visitors see. Here's how to make it yours.

A chat widget that clashes with your site looks bolted-on, and visitors trust it less. Breezaro's widget is customizable end to end, so it can feel like a native part of your brand instead of a third-party box. Better still: what you set in the dashboard preview is exactly what your visitors get. The preview and the live widget render from the same code, so there are no surprises after you embed it.

Start with your brand color

The fastest win. Set your primary color and it flows through the chat, so visitor message bubbles, accents and the header tint all pick it up. The launcher button has its own color too: sync it to the primary in one click, or set a contrasting shade.

One primary color flows through the whole widget; the launcher can match or contrast.

Pick a style that fits

Three window styles set the overall feel:

Classic. Friendly, rounded, approachable.
Detailed. A support-desk look with avatars, names and timestamps.
Minimal. Clean and sharp, minimal chrome.

Fine-tune the details

Each style is a starting point you can adjust:

Shape. Window and bubble corner radius, from sharp to fully rounded.
Colors. Chat background, and the bot and visitor bubble colors.
Depth. Bot and visitor bubble shadows, plus an optional speech-bubble tail.
Typography. Font (sans, serif or mono) and text size.
Spacing. Density: compact, normal or comfortable.
Per-message identity. Show or hide the sender name, timestamp and avatar, and set the avatar shape (circle, rounded or square).

Everything updates in the live preview as you go.

The widget customizer panel with a live preview — Fine-tune controls on the left, a live preview on the right. They always match.

Place the launcher

The button visitors tap is configurable too:

Icon. A chat, message or sparkle icon, or upload your own.
Size. Small, medium or large.
Position. Any of the four screen corners, with a custom offset so it clears your other on-page elements like cookie bars or back-to-top buttons.

Speak your visitor's language

Set a welcome message and input placeholder per language. The bot already replies in the visitor's language; a localized greeting makes the first impression match.

Remove our branding (optional)

By default the widget shows a small "Powered by Breezaro". On the Business plan you can remove it for a fully unbranded widget. Trials and lower plans keep the badge.

What you see is what your visitors get

This is the part worth underlining. The dashboard preview isn't an approximation. The live widget on your site renders from the exact same styling code as the preview, so once you're happy with it, embed the one-line snippet and your visitors see precisely what you designed.

FAQ

Do I need a developer to customize the widget? No. Everything is point-and-click in the dashboard, with a live preview. Embedding is a single line of JavaScript.

Will my customizations actually show on my live site? Yes. The live widget and the dashboard preview use the same rendering code, so the preview is exactly what visitors see.

Can I remove the "Powered by Breezaro" badge? Yes, on the Business plan. Other plans keep the badge.

Can I style different widgets for different sites? Each bot has its own appearance settings, so you can run a differently-styled widget per bot.

A widget that matches your brand earns more trust and more conversations. Set your colors, pick a style, fine-tune the details, and what you see in the preview is exactly what your visitors get.

← Back to blog