AutoBook · Docs

Branding: logo and colors

Change a dealership's logo and brand colors (a preset theme or your own) on Settings → Branding; they style the booking page and its emails. The chat widget's color and theme are on Settings → Website.

Updated October 9, 2026

Your brand kit lives on Settings → Branding (under Your store) and is set per dealership: each dealership in your group has its own logo and colors. The page has one section, Brand theme, with a Booking page preview below it. The brand kit styles the customer booking page and its emails. The website chat widget's look is kept separate, on Settings → Website in its Widget appearance section, so you can tune the chat window on its own.

What you can change on the Branding page

Preset theme

A ready-made logo and color set. Click the theme tile to open the picker and choose one. Picking it fills the fields below, which you can still edit.

Custom logo

Upload your dealership logo with the Upload logo button. It shows on the booking page header and in emails. SVG files are converted to PNG so they work in email.

Primary & Background color

Two color pickers, each with a hex field. Primary color is the booking page header and buttons; Background color is the page behind the booking steps (keep it light so text stays readable).

Chat widget (on Website)

The chat window's own look is not on this page: its Primary Color and Theme Mode (Dark or Light), with a live preview, are in Widget appearance on Settings → Website, beside the rest of the widget.

Changing your logo or brand colors

Confirm the dealership

Branding is per dealership. If you manage more than one store, pick the right dealership in the switcher first: changes only apply to the selected dealership.

Pick a preset (optional)

Click the large theme tile under Preset theme and choose a preset as a starting point.

Upload your logo

Under Custom logo, click Upload logo and select your file. A square logo at least 200×200px works best. SVGs are converted to PNG automatically.

Tune your colors

Use the Primary color and Background color pickers, or paste a hex value, to match your website.

Preview, then save

The Booking page preview updates as you edit. When it looks right, click Save changes in the bar at the bottom of the page (or Discard to undo).

Where your branding shows up

Your logo and brand colors appear on the customer booking page and your booking/confirmation emails. The website chat widget uses the color and theme from Widget appearance on Settings → Website.

Editing a preset

If you start from a preset and then change the logo or a color, your changes are saved as your own custom theme. The preset was just your starting point; nothing about it changes for anyone else.

Branding — Preset theme

Branding — Custom logo

Branding — Primary & Background color

Changing the chat widget's color or dark/light theme

The website chat window is styled separately from the booking page. Go to Settings → Website, section Widget appearance: set its Primary Color and Theme Mode (Dark or Light), check the Live preview, then click Save changes.

Widget Primary Color

Widget Theme Mode

Does this change the admin portal's appearance?

No. The Branding page only styles what customers see (the booking page and its emails; the chat widget's look is on Website). The AutoBook screens your team uses are unaffected.

My group has several dealerships. Do I set this once?

No. Branding is per dealership, so each dealership configures its own logo and colors. Switch to each dealership and set its kit separately.

What logo file should I use?

Any common image type works, including SVG (which is converted to PNG for email). A square image at least 200×200px gives the best results across the booking header and emails.

Why don't I see a favicon or accent-color option?

Those aren't part of the current Branding page. The page has Preset theme, Custom logo, Primary color, and Background color. The chat widget's Primary Color and Theme Mode are on Settings → Website.

How do my changes go live?

Edit your theme, then click Save changes in the bar at the bottom of the page. The preview shows your edits immediately; saving applies them to that dealership's booking page and emails.

Questions: support@auto-book.ca