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

# Customizing the look

> Chat colors, position, and copy to match your site.

You adjust all of this in the dashboard, without extra code.

## Create the widget

**Add-ons → AI Chat → New widget**

1. **Name:** for your own organization (e.g. "Main site chat").
2. **Assistant:** who answers messages.
3. **Identification:** ask for data upfront or leave it open.

After saving, copy the script and paste it on your site.

## Allowed domains

Chat only opens on sites you authorize. Think of a VIP list at the door:

* `mysite.com` also includes `www.mysite.com`
* `shop.mysite.com` applies only to that subdomain

<Warning>
  If the domain is not on the list, chat **does not appear**. Add at least your main site.
</Warning>

## Colors and appearance

### Floating button

| Setting      | Purpose                       |
| ------------ | ----------------------------- |
| Button color | Background of the corner icon |
| Icon color   | Drawing inside the button     |
| Custom image | Your logo or icon             |
| Position     | Bottom right or left          |
| Edge offset  | How far from the corner       |

### Chat window

| Setting          | Purpose                   |
| ---------------- | ------------------------- |
| Background color | Conversation panel        |
| Corner radius    | More or less rounded look |

### Header

| Setting    | Purpose               |
| ---------- | --------------------- |
| Title      | Name shown at the top |
| Show icon  | Yes or no             |
| Text color | Title color           |

### Message bubbles

Visitor and assistant have separate colors: bubble, text, border, and rounding.

### Input field

Adjust background, text, and style for the field and send button.

## Custom copy

| Setting             | What it does                           |
| ------------------- | -------------------------------------- |
| Welcome message     | First message when opening             |
| Suggested questions | Up to 12 buttons with common questions |
| Show timestamp      | Time on each message                   |

<Tip>
  Good suggested questions: "What are your hours?", "Do you deliver?", "Payment methods?"
</Tip>

## Light and dark mode

* **Automatic:** follows visitor preference (recommended)
* **Always light** or **always dark**
* Separate colors per mode in the dashboard

## Behavior

| Setting               | Default | What it does                      |
| --------------------- | ------- | --------------------------------- |
| Max messages          | 50      | Limit per conversation            |
| Time between messages | 1 s     | Prevents spam                     |
| Inactivity            | 30 min  | New conversation after long pause |

## Preview

Use live preview in the dashboard. Test messages **before** publishing on the site.

## Next steps

* [Security](/en/ai-web-widget/seguranca): identification and OTP
* [Tips](/en/ai-web-widget/boas-praticas): checklist before going live
* [AI chat on your site](/en/ai-web-widget/index)