Разделы документации

Дизайн виджета

Внешний вид виджета настраивается в Песочнице на вкладке «Дизайн». Все изменения сохраняются автоматически, а превью справа обновляется сразу — оформление можно подбирать «на лету».

Вкладка «Дизайн» в Песочнице с живым превью виджета

Тема

Три варианта внешнего вида:

  • Светлая — светлый чат, нейтральный вид. Подходит большинству сайтов.
  • Тёмная — тёмный чат, хорошо смотрится на тёмных сайтах.
  • Своя — ваш фирменный цвет: светлая тема с цветной шапкой под бренд.

Цвет бренда

Для темы «Своя» задайте акцентный цвет в формате HEX (например, #2563EB). Он применяется к шапке чата и кнопке-иконке, чтобы виджет совпадал с фирменным стилем сайта.

Иконка чата

Кнопка-лаунчер в углу сайта, по которой посетитель открывает чат. Можно выбрать тему иконки (светлая, тёмная или своя) и её цвет.

Фото профиля

Аватар агента в шапке чата. Загрузите логотип или картинку — JPG, PNG или SVG, до 1 МБ.

💡 Проверяйте виджет на фоне реального сайта, на светлом и тёмном. Превью в Песочнице показывает результат мгновенно.

Что дальше

Приветствие и кнопки-подсказки настраиваются на соседней вкладке «Контент». Готовы показать виджет посетителям — см. «Установка виджета на сайт».