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

# Widget customization

> Match the chat widget to your brand and decide how it behaves.

Everything a visitor sees is set under **Settings**, in the **Appearance** group.

## Where to find it

<Steps>
  <Step title="Open your chatbot">
    From **Chatbots**, click the chatbot you want to work on.
  </Step>

  <Step title="Open Settings">
    In the left sidebar, under **Manage**, click **Settings**.
  </Step>

  <Step title="Open a section under Appearance">
    Click the section you want to change to expand it.
  </Step>
</Steps>

<Frame caption="Settings → Appearance. Each row is a section you click to expand.">
  <img src="https://mintcdn.com/chatwize-b26e5811/RuMGj4tlfho4YYoG/images/en-customize.png?fit=max&auto=format&n=RuMGj4tlfho4YYoG&q=85&s=2a47fd5d9aea300caa6a832776a5c110" alt="Chatwize Settings page with the Appearance sections" width="2880" height="1800" data-path="images/en-customize.png" />
</Frame>

<Tip>
  On the right is a **live preview** of the widget. At the bottom a bar appears to
  save or discard your changes.
</Tip>

## The sections under Appearance

<AccordionGroup>
  <Accordion title="General">
    Four blocks:

    * **Identity** — logo, the name in the chat header and the chatbot language.
    * **Colors** — accent color, whether it's also used on the header and
      buttons, and light or dark mode.
    * **Dimensions** — width, height, corner radius and font.
    * **Behaviour** — whether the chat opens straight away on page load.
  </Accordion>

  <Accordion title="Greeting & message style">
    The first message visitors see and the avatar. Under **Chat bubbles** you set
    the text size and the colors of the bot and visitor bubbles.
  </Accordion>

  <Accordion title="Example questions">
    Clickable starter questions visitors see straight away.
  </Accordion>

  <Accordion title="Input field">
    The placeholder text, whether the send button is always visible, and whether
    the field gets a border.
  </Accordion>

  <Accordion title="Times & dates">
    Show message times and date separators. Times follow the visitor's local
    clock.
  </Accordion>

  <Accordion title="Footer & branding">
    Turn the footer line under the chat on or off and set its text.
  </Accordion>

  <Accordion title="Chat button">
    The floating button that opens the chat: shape, size and position.
  </Accordion>

  <Accordion title="Greeting bubble">
    The optional bubble that invites visitors to open the chat after a few
    seconds.
  </Accordion>
</AccordionGroup>

## What else visitors see

The **Conversation** group holds two sections that shape the conversation itself:

* **Citations & copying** — whether the chatbot shows which source an answer came
  from, and whether visitors can copy an answer.
* **Disclaimer** — a short text visitors see first.

## Personality & tone of voice

How the assistant *sounds* isn't set here but on the **AI agent** page. See
[AI agent](/en/ai-agent).