> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs-parschat.parstechai.com/user-manual/widget/widget-settings/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-img/a676fb67e5570ca42621017c2ebb63da6a9d4b421b08a5cfcbe7d439e9792921.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-img/f49d3a7481b2f5eb760e6389b702e963e1c31ce4ce8e02d469fabfdb34307067.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.

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