> For the complete documentation index, see [llms.txt](https://whatcrm.gitbook.io/whatcrm-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://whatcrm.gitbook.io/whatcrm-docs/produkty/chat-ot-whatcrm/oformlenie-vidzheta-chat-ot-whatcrm.md).

# Оформление виджета Chat от Whatcrm

<figure><img src="/files/E73KEnbiFuy925juxdF7" alt=""><figcaption></figcaption></figure>

2. В разделе "Оформление" можно изменить отображение типа кнопки онлайн чата.

<figure><img src="/files/dlCURYQ0U4IvXMDgsYPM" alt=""><figcaption></figcaption></figure>

<div><figure><img src="/files/QzoxqMSEcP4eECHMKHIr" alt=""><figcaption></figcaption></figure> <figure><img src="/files/rdGSpRKXO98qrgIfZpV9" alt=""><figcaption></figcaption></figure> <figure><img src="/files/PE56UF7grMmhBdiZENXB" alt=""><figcaption></figcaption></figure></div>

3. Выбрать иконку для онлайн чата.

<figure><img src="/files/vM62FDsnpzq73lb9DMVr" alt=""><figcaption></figcaption></figure>

4. Настроить отступы для расположения иконки онлайн чата.

<figure><img src="/files/MsMJ7cc5j011r6yQCA9D" alt=""><figcaption></figcaption></figure>

5. Добавить социальную сеть для перехода в мессенджер.&#x20;

<div><figure><img src="/files/a8aj5EuxBUn7V27ZOqld" alt=""><figcaption></figcaption></figure> <figure><img src="/files/e1kehb2OQrHaN60USGPZ" alt="" width="375"><figcaption></figcaption></figure></div>

6. Добавить кнопку "Перезвоните мне" \
   \- Указать заголовок\
   \- Текст кнопки

<figure><img src="/files/wlKAk8ogYpexDO1JcFxx" alt=""><figcaption></figcaption></figure>

7. Настроить внешний вид чата и внешний вид сообщений.<br>

<div><figure><img src="/files/Wod3PoIYRv2gowdCFayZ" alt=""><figcaption></figcaption></figure> <figure><img src="/files/nHY4pvpLzsOiMOMBqjh4" alt=""><figcaption></figcaption></figure></div>