Chat widget2 min readUpdated April 16, 2026

Customizing your chat widget — colors, logo, greeting

Match the chat widget to your brand in under five minutes. Colors, logo, header title, button label, and the opening greeting are all configurable.

Chat widget

Customizing your chat widget — colors, logo, greeting

Match the chat widget to your brand in under five minutes. Colors, logo, header title, button label, and the opening greeting are all configurable.

Salva AI · Learn

What you can customize

The widget exposes these fields in Settings → Widget (and during onboarding):

FieldWhat it controls
Primary colorThe chat button background and the AI bubble accent
User bubble colorBackground of the visitor's messages
AI bubble colorBackground of Salva's responses
Header titleText at the top of the open chat panel (e.g., "Claire from Bright Smiles")
Button labelThe floating button text (e.g., "Chat with us")
Chat greetingThe first message visitors see when they open the chat
Practice logoOptional logo shown in the header (PNG or SVG)

A working example

A pediatric practice might use:

  • Primary color: soft teal (#2dd4bf)
  • Header title: "Hi! I'm Mia from Sunshine Pediatric Dental"
  • Button label: "Chat with us"
  • Greeting: "Hi! I can help with appointments, insurance questions, or anything about visiting us. What's up?"

An oral surgery practice might use:

  • Primary color: navy (#1e40af)
  • Header title: "Sunset Oral Surgery"
  • Button label: "Ask a question"
  • Greeting: "Welcome. I can answer questions about consultations, surgery prep, billing, and more."

Different tone. Same widget.

The live preview

The Settings → Widget panel shows a live preview that updates as you type. What you see is exactly what visitors get — no separate "publish" step.

Updating your logo

Upload a PNG or SVG up to 512×512px. The widget downsizes it to fit the header. For best results, give us a logo with a transparent background — the widget header color will show through.

How fast changes go live

Edits are saved on blur (you don't have to click a separate Save button). The next time a visitor's browser loads your site, the widget fetches the latest config — typically within a minute. There's nothing to rebuild on your site.

What you can't change (yet)

The widget's positioning (bottom-right corner) and basic shape are fixed. If you need a custom position, custom CTA pattern, or to swap the floating button for an inline embed, contact support — we have an inline embed mode in beta.

Once you've nailed the look, the next thing most practices do is turn off the Salva branding — see White-labeling the widget.


Published April 16, 2026

Related guides