> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs-parschat.parstechai.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs-parschat.parstechai.com/_mcp/server.

# Widget appearance

> Set the chat widget’s title, position, language, icon and colour to match your site.

All widget settings live in the widget service’s settings. To open them, go to your robot’s
**Service** page and click the **settings** (gear) icon on your widget’s card.

![The Service page: the gear icon opens a service’s settings](/_fern-files/_img/68c3a777f95dfb42ca7d05ed21b91ddc6c0e6c934a918b9b441f2cb9627ae103.webp)

The settings are split into tabs: **General Settings**, **Widget Appearance Settings**, **Auto
Message**, **Start Conversation Form**, **question and answer**, **site pages** and **AI
Assignment**. This page covers **Widget Appearance Settings**.

![Widget Appearance Settings](/_fern-files/_img/838512694663da0c32b25398b80d14d8807db5e350b6166eeaadd5c47129a7b5.webp)

Changes apply to the widget on your site as soon as you save.

## Header title and description

| Setting                       | What it does                                                                     |
| ----------------------------- | -------------------------------------------------------------------------------- |
| **Widget Header Title**       | The name shown at the top of the chat window. Required, up to **30 characters**. |
| **Widget Header Description** | A line under the title, for example *"We’re here to answer your questions."*     |

## Position

**Widget Display Position** sets how far the widget sits from the edge of the page:

* **Distance from right**: horizontal distance to the edge of the page.
* **Distance from bottom**: vertical distance to the bottom of the page.

**Widget Display on Mobile** has the same two values for phones, so the widget can sit
differently on mobile than on desktop.

**Widget Alignment** chooses the side of the page: **Right** or **Left**.

## Language

**Widget Language** sets the language of the widget’s built-in text: **Persian** or **English**.

## Icon and colour

* **Tool Icons**: click **Upload** and choose an image. Up to **1 MB**; PNG, JPG or JPEG.
* **Tool Colors**: pick the widget’s main colour to match your brand.

## Save

Click **Save** at the bottom of the page. The message *"Changes saved successfully"* confirms the
settings are live.

## Related

#### [Welcome message](/user-manual/widget/welcome-message)

The first message a visitor sees.

#### [Pre-chat form](/user-manual/widget/pre-chat-form)

Ask for details before the conversation starts.