Suddenly Sorted
Setting upAll plansOwner & managers

How do I make the chat widget look like my brand?

Set Sally's face, her name and the chat button once under Look. Save, and the widget on your website updates on its own; there's no code to re-paste.

3-minute read Checked against the app · 6 Sep 2026 Desktop and phone

Where it lives

Open SettingsSally on your websiteLook. Look holds the avatar, the assistant name, the chat button and the light or dark theme. Your business logo itself is under SettingsYour businessBusiness details, and Look can reuse it as Sally's face. Every change previews live on the right before you save.

Your dashboard · Settings › Sally on your website › LookDrawn from the live UI · sample salon
1: Settings in the left menu. 2: the Look sub-area; the card below it is the avatar, name and theme controls.

Brand the widget

  1. Upload your logo

    Under Business details, click Upload an image and choose a square PNG, JPG or WebP up to 2 MB. Prefer a link? Paste a direct image address instead. Leave it blank and the widget shows your business initial in a coloured circle.

    You'll see: a preview straight away; tall or wide logos get cropped to a circle in the chat header.
  2. Pick Sally's face

    In Look, choose an avatar. The default is the Suddenly slot-drop mark, with around a dozen clean glyphs to swap in, or use the logo you just uploaded, or upload a different square image. Then choose where it shows: the chat button, the header, both, or neither.

  3. Choose the theme and save

    Set the widget to Light, Dark or Auto, which follows each visitor's device. Hit Save changes.

    You'll see: the widget on your website wearing the new look the next time it loads. No snippet to update.

What you can change

  • AvatarIcon, your logo, or an upload
  • Where the avatar showsButton, header, both, none
  • ThemeLight, Dark, Auto
  • Assistant namePro · up to 24 characters
  • “Powered by” linePro · switch off
  • First message and voiceVoice & greeting

The widget's accent colour follows the colour scheme of your booking page, so the chat button and the page it opens from always match. Sally's first line and how she sounds are next door under Voice & greeting.

What it won't do

Honest by designLook changes the widget's clothes, not its answers. Prices, hours and availability come from your services and opening hours, whatever avatar or theme you pick.
Plan noteThe avatar picker, logo and theme are on every plan. Naming the assistant and removing the “Powered by Suddenly Sorted” line are Pro. Compare plans.

Common questions

Do I need to re-paste the code after changing the look?

No. The snippet on your website only points at your account. Everything visual is read live, so a saved change shows the next time the page loads.

My logo looks squashed in the chat header

The header crops to a circle. Use a square image with a solid or transparent background. A wide wordmark works better as the avatar on the chat button than in the header.

Can I use a different colour from my booking page?

Not separately. The widget takes its accent from your booking page's colour scheme so the two never clash. Change the scheme under your booking page and both update.

Still stuck on this?

Tell us your website address and what you expected to see. We'll check the saved settings against the live widget.

Send us a message
Was this useful?

A real person will get back to you.

Our team is in New Zealand. Send us a message and we’ll reply by email, usually within a day.