# Онлайн-чат в BotMan: внешний вид и вовлечение посетителей 🎨

Source: https://docs.botman.pro/a/108-onlayn-chat-v-botman-vneshniy-vid-i-vovlechenie-posetiteley

В настройках есть 5 вкладок:\
\- Внешний вид\
\- Вовлечение\
\- Форма и звук\
\- Безопасность\
\- Установка\
В этой статье разберем первые две.

---

## Вкладка «Внешний вид»

Здесь настраивается то, как чат выглядит на сайте. Справа в превью вы сразу видите результат. Это удобно: можно менять тексты и цвета и тут же смотреть, что получается.

**Что настроить сначала**

- Цветовую схему — светлую или тёмную.
- Основной цвет — он влияет на кнопку и акцентные элементы.
- Заголовок — например, «Чат с поддержкой».
- Подзаголовок — например, «Обычно отвечаем за 5 минут».
- Приветственное сообщение — то, что увидит посетитель в чате.

**📍Совет:** лучше писать коротко и по делу. Например: «Здравствуйте! Чем можем помочь?» Это работает лучше, чем длинная простыня приветствия.

![](https://storage.yandexcloud.net/botman-knowledge-prod/kb/6aec5304d3ac9dc31d82ccf6/18414c7cc2edb7bda67d91edb4fb23617671f2faa09c2dc8cc929fcd4f7074fa.png)

---

## **Текст на кнопке и подсказка рядом с ней**

Текст на кнопке — это надпись прямо на кнопке запуска чата. Если поле оставить пустым, на кнопке останется только иконка.

Подсказка рядом с кнопкой — это короткая фраза вроде «Нужна помощь?». Она помогает привлечь внимание к виджету.

- Один раз за сессию — подсказка показывается один раз и потом исчезает.
- Всегда — подсказка остаётся рядом с кнопкой постоянно.

**Позиция виджета**

По умолчанию чат показывается справа внизу. При необходимости его можно перенести влево и отрегулировать отступы по горизонтали и вертикали.

Для мобильных можно задать отдельные настройки, если на телефоне виджет перекрывает важные элементы сайта.

![](https://storage.yandexcloud.net/botman-knowledge-prod/kb/6aec5304d3ac9dc31d82ccf6/3850625f7daea9c823dd1903c442cf2e5212865e6af1af17a03035d731b325cd.png)

---

## Социальные ссылки

Если хотите, чтобы посетитель мог не только написать в чат сайта, но и уйти в мессенджер, добавьте ссылки на соцсети.

Пример:

- Telegram: `https://t.me/BotManSupport_bot`
- ВКонтакте: `https://vk.com/im/convo/-229428421?entrypoint=list_all&rp=peer-229428421`
- MAX
- WhatsApp
- Viber
- Телефон
- Email

![](https://storage.yandexcloud.net/botman-knowledge-prod/kb/6aec5304d3ac9dc31d82ccf6/c86896ac9d9bb0e7d95ea41133b98b38f5b0da5eb4eaab3a88eec27b476dc3a3.jpg)

---

## Вкладка «Вовлечение»

Эта вкладка нужна, чтобы чат не просто висел в углу сайта, а мягко привлекал внимание посетителя.

- Автооткрытие чата — через сколько секунд после загрузки страницы чат откроется сам.
- Задержка приветственного баббла — когда показать всплывающее приветствие.
- Показывать баббл только один раз — чтобы не надоедать постоянным посетителям.
- Превью набора текста — оператор увидит, что посетитель печатает.
- Автоответ в офлайн-режиме — что показать, если оператор сейчас недоступен.

**📍Важно:** для автооткрытия лучше не ставить слишком маленькую задержку. Иначе чат будет навязчивым. Обычно комфортный диапазон — 10–30 секунд.

![](https://storage.yandexcloud.net/botman-knowledge-prod/kb/6aec5304d3ac9dc31d82ccf6/0acc0011d21d04948068a47334bccf7eabd892a6fdfaafba00050db1c64c100e.png)