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

# How to set up chat widget appearance

> Use the Appearance section in bitChat Chat Widget to update the Widget button, Sidebar button, Widget card, or Sidebar panel.

Use this page to change the visible appearance settings in **bitChat > Chat Widget > Appearance**.

## Prerequisites

* You can open **bitChat > Chat Widget**.
* Your widget is already installed.

## Step 1: Open the Appearance section

* Go to **bitChat > Chat Widget**.
* Open **Appearance**.

## Step 2: Update the button settings

In the current **Appearance** section, the button area can include:

* **Widget button** or **Sidebar button**
* **Style**
* **Button shape**
* **Icon**
* **Button text (optional)**
* **Widget button color**
* **Button position** or **Vertical position**
* **Button size**

Update only the fields that apply to your current widget style.

## Step 3: Update the card or panel settings

In the current **Appearance** section, the card area can include:

* **Widget card** or **Sidebar panel**
* **Company or agent name**
* **Profile picture**
* **Theme**
* **Widget card color** or **Accent color**

## Step 4: Save your changes

* Review the appearance settings you updated.
* Save the widget settings.

## Related articles

* [Chat Widget overview](/bitchat/chat-widget-overview)
* [How to add chat widget to your store](/bitchat/how-to-add-chat-widget-to-your-store)
* [How to set up conversation starters in chat widget](/bitchat/how-to-set-up-conversation-starters-in-chat-widget)