# Customize

The Customize tab lets you control the chatbot's appearance and messaging to match your brand.

<figure><img src="/files/4L8SuSEjcHY5yS3ZGIzM" alt=""><figcaption></figcaption></figure>

## How to customize

1. Open the **Customize** tab.
2. Adjust the settings below.
3. Click **Save**. Changes reflect on your live site immediately.

***

## Appearance

| Setting       | Description                                            |
| ------------- | ------------------------------------------------------ |
| Primary color | Main accent color for the widget — buttons, highlights |
| Theme         | Light or dark mode                                     |
| Font family   | Font used in the chat widget                           |
| Font weight   | Weight of the chat text                                |
| Font size     | Size of the chat text                                  |

***

## Messaging

| Setting           | Description                                        |
| ----------------- | -------------------------------------------------- |
| Header title      | Name shown at the top of the chat widget           |
| Welcome message   | First message visitors see when they open the chat |
| Input placeholder | Hint text shown inside the message input field     |

***

A live preview updates as you make changes so you can see the result before saving.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.flowappz.com/home/webflow-ai-chatbot/05.-customize.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.