> ## Documentation Index
> Fetch the complete documentation index at: https://docs.koulis.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize Your Booking Widget's Colors and Messages

> Change your booking widget's accent color and set French and English welcome messages to reflect your restaurant's brand — no code required.

Your booking widget can be customized to reflect your restaurant's identity. You can choose an accent color that is applied to buttons and interactive elements, and write a short welcome message that greets guests at the top of the page. All changes take effect immediately for new visitors.

## Where to find customization settings

Go to **Dashboard → Ma page de reservation** and scroll to the **Apparence** section.

## Accent color

Click any of the seven color swatches to set the accent color for your widget. This color is applied to buttons, selected dates, and other interactive elements throughout the booking flow.

Available preset colors:

| Swatch   | Hex value |
| -------- | --------- |
| Rose     | `#ED73A9` |
| Sky blue | `#7CC0E8` |
| Burgundy | `#C6546D` |
| Blue     | `#5BADE0` |
| Amber    | `#F59E0B` |
| Green    | `#22C55E` |
| Purple   | `#A855F7` |

## Welcome messages

The welcome message appears at the top of the widget, above the calendar. You can set separate messages for French and English visitors — the widget displays the correct message based on the guest's language.

**Message de bienvenue (FR)** — shown when the widget language is French. Maximum 200 characters.

Example:

```
Bienvenue ! Réservez votre table en quelques secondes.
```

**Message de bienvenue (EN)** — shown when the widget language is English. Maximum 200 characters.

Example:

```
Welcome! Book your table in seconds.
```

If you leave a message field empty, the widget falls back to a default prompt to select a date.

## Saving your changes

Click **Appliquer l'apparence** to save your accent color and welcome messages. The button is at the bottom of the Apparence card.

<Note>
  Changes take effect immediately for new visitors. Guests already on the booking page at the time of the change will see the update on their next page load.
</Note>

## Previewing the widget

To see exactly what guests see, click **Tester comme client** at the top right of the **Ma page de reservation** page. This opens the widget in a modal with your current appearance settings applied, without affecting any live data.