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

<figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2Fkk851KdtYNPBSUqX9jZM%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2014.17.09.png?alt=media&#x26;token=e42d758f-73e2-4c69-b3af-8f46aed66b3c" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FRKBnvifZF72siGGdFOoi%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2013.54.55.png?alt=media&#x26;token=c19907e3-5abc-4f31-91b3-84f95e00a070" alt=""><figcaption></figcaption></figure>

<div><figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FzwsGwKKJVbIkE4M82MrT%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2014.20.38.png?alt=media&#x26;token=d4c9e06b-4480-4648-98af-8bc53d329c83" alt=""><figcaption></figcaption></figure> <figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FgMtt5pkfFL0zk6BesoF1%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2014.20.45.png?alt=media&#x26;token=070a8b50-700f-4fd6-a399-c8bbd20f6a63" alt=""><figcaption></figcaption></figure> <figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FaKZO6LVVp3lDkK7vIlR3%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2014.20.56.png?alt=media&#x26;token=4c08dea5-09bc-46bf-8de4-b67aaaa2b712" alt=""><figcaption></figcaption></figure></div>

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

<figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FdZLFm9BY70yrTlGDI0eH%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2014.26.51.png?alt=media&#x26;token=e3330473-ef94-4ac8-919b-2cedd015bf56" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2F8hgFBmwxeRCmqWgkUB5M%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2013.55.24.png?alt=media&#x26;token=4e9fcbeb-819d-4240-9c24-119edc2c0ff3" alt=""><figcaption></figcaption></figure>

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

<div><figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FJsWDu4YR3TlRaLVKW34i%2FGroup%201%20(44).jpg?alt=media&#x26;token=461f4261-8df6-4dd7-aa03-43e995240775" alt=""><figcaption></figcaption></figure> <figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FWNTTKvTBS6OUHB1MU4Oc%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2013.55.44.png?alt=media&#x26;token=360d8f28-e114-41dc-b2af-c23170873b42" alt="" width="375"><figcaption></figcaption></figure></div>

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

<figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FTxHD8pyvfdYFtSwTKUjR%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2014.37.02.png?alt=media&#x26;token=90249779-064b-42c6-8439-b4975ca5681b" alt=""><figcaption></figcaption></figure>

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

<div><figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2FDfSej4MvupjutP1ERq0c%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2013.57.00.png?alt=media&#x26;token=91e304da-b823-440a-a784-1ba3404b39da" alt=""><figcaption></figcaption></figure> <figure><img src="https://878054689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2xW4G1Pkq9SjzXSwvrKS%2Fuploads%2F2XRmaR9FgfTV6IvUFee2%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-09-24%20%D0%B2%2014.00.50.png?alt=media&#x26;token=93d27da8-685d-431d-9acc-ba2dc39fdcff" alt=""><figcaption></figcaption></figure></div>