Pricing
News
Blog
Docs

Footer

Breezaro on SaasHubBreezaro on SaasHub

Product

  • Pricing
  • Blog

Company

  • Contact

Legal information

  • Terms of service
  • Privacy policy
  • Cookies
  • Withdraw from contract

© 2026 Breezaro s.r.o. · All rights reserved

← Back to blog

Customize your chat widget to match your brand (2026)

Guides3 min readPublished June 27, 2026

Breezaro's chat widget is customizable end to end — colors, style, 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 — 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.

The brand color and launcher color pickers in the dashboard
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.

Related: Customization (docs) · AI chatbots for customer support — the complete guide.

Related articles

Guides3 min read

How does an AI chatbot work? (RAG explained simply)

A plain-English look at how a knowledge-base AI chatbot actually answers — it learns from your content, finds the passages relevant to each question, and writes an answer from them. No jargon.

June 27, 2026
Guides3 min read

How to train your AI chatbot well (knowledge base in practice)

An AI chatbot is only as good as what you feed it. A practical guide to giving it the right content, keeping it fresh, and closing the gaps so it answers more on its own.

June 27, 2026
Guides3 min read

How much can an AI chatbot save you? (free ROI calculator)

A practical way to estimate what an AI chatbot saves customer support by deflecting repetitive questions. Plug in your numbers, calculate the yearly savings, and see how the math works and where the estimate has its limits.

June 26, 2026