# Chatbot Appearance

To access the Appearance screen, you can go to 'Channel Configuration -> Web -> Appearance'.

<figure><img src="https://4077461289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeewcbkzHrPPg3QzvoyBM%2Fuploads%2F7bIWTCHY3oNR9nl1OgoG%2FSka%CC%88rmavbild%202025-02-26%20kl.%2015.38.03.png?alt=media&#x26;token=cb3547cd-0095-423d-b673-964acd9cbaec" alt=""><figcaption></figcaption></figure>

### Customizations available <a href="#customizations-available" id="customizations-available"></a>

The following are configurations that can be customized to your chatbot:

* **Widget icon**—You can now have your own widget icon appear on your webpage or website. We recommend a size of *64 x 64.*
* **Header text** - This allows you to name your bot as per your preference.
* **Header logo** - This allows you to have the profile image for your bot. The size that we recommend is *512 x 512.*
* **Bot icon**—This will allow you to set the bot icon that will be visible to visitors. We recommend a size of *512 x 512.*
* **Hint text** - You can customize the text that you would like to make it visible to your visitors
* **Accent color**—This allows you to set the bot's color and provides the option to choose a color that complements your brand color on the website.
* **Font color**—You also have the option of setting the font's color to match the primary color.
* **Chat interface position**—You can define the bot's position. It can be set on the right or the left of the screen, as you prefer.

### General Settings <a href="#general-settings" id="general-settings"></a>

Going to Web -> General settings shows you more configurations for your chat widget.

<br>

<figure><img src="https://4077461289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeewcbkzHrPPg3QzvoyBM%2Fuploads%2F6GkW2zPiTJNxepib08Sx%2FSka%CC%88rmavbild%202025-02-26%20kl.%2015.41.16.png?alt=media&#x26;token=feac5ab3-d92c-4a3b-8060-8a909b9f1a81" alt=""><figcaption></figcaption></figure>

* **Typing speed** - The delay the system will add to the chatbot.
* **Remove 'powered by' branding** - Remove the ZyndraAI branding from your chat widget.
* **Play sound** - Plays a sound for every message sent/received.
* **Stop bouncing animation** - Stops the animation of the chat widget.
* **CSAT survey** - Asks the user to submit a survey at the end of the chat.


---

# 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://help.talkie.se/getting-started/chatbot-appearance.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.