Внешний вид задаётся для каждого канала отдельно: Настройки проекта → Каналы → ваш канал веб-чата. Раздел Внешний вид раскрыт при загрузке страницы и содержит стиль, цвета и тексты виджета. Раздел Кнопка чата отвечает за форму, значок и положение кнопки в углу экрана. Одна кнопка Сохранить изменения внизу страницы сохраняет всю форму.
Выбор стиля виджета
Поле Стиль виджета в разделе Внешний вид предлагает двенадцать вариантов: Classic, Soft, Quiet, Ink, Paper, Float, Concierge, Service, Rail, Studio, Aura и 8-Bit. Classic — лёгкое обновление прежнего оформления по умолчанию; оно применяется и к каналам, где стиль ещё не выбирали. Другие варианты меняют компоновку, карточки, сообщения, формы и короткие анимации открытия и закрытия. Возможности чата, сообщения и справочные материалы остаются общими. В 8-Bit используются пиксельные шрифты, прямоугольные рамки и ступенчатая анимация; достаточно одного цвета бренда.
При выборе стиля сохраняются ваш Цвет виджета и настройки кнопки чата. Чтобы попробовать палитру этого оформления, нажмите Рекомендуемые цвета; это также включает автоматический подбор цветов для тёмной темы. Большинству стилей достаточно одного цвета бренда. У Concierge и Aura есть ещё Второй цвет для градиента или фонового оформления. Оставьте его пустым для автоматического подбора. В Studio контрастный цвет контуров и текста подбирается автоматически под ваш основной цвет.
Цветовая схема выбирается отдельно: каждый стиль поддерживает варианты «Светлая», «Тёмная» и «Как на сайте». В дополнительных настройках можно переопределить цвет бренда для тёмной темы, а у Concierge и Aura — ещё и второй цвет. Контрастный цвет текста на кнопках подбирается автоматически.
Проверка изменений до сохранения
На компьютере предпросмотр настоящего виджета открывается автоматически при загрузке настроек этого веб-канала и использует текущую несохранённую форму. На меньших экранах нажмите Проверить виджет в карточке кода для встраивания. Кнопка Скрыть виджет закрывает предпросмотр, а Проверить виджет открывает его снова. Виджет появится прямо в настроенном углу страницы, без отдельной рамки предпросмотра; окружающие настройки останутся доступны. Пока предпросмотр открыт, изменения стиля, цветов, текстов и кнопки чата применяются к настоящему виджету. В нём можно открыть сообщения, справочные статьи и форму перед началом чата. Изменение хода разговора может перезапустить предпросмотр, чтобы он использовал новую конфигурацию. Он работает с вашим веб-каналом, поэтому отправленное в нём сообщение — настоящее тестовое сообщение.
Нажмите Сохранить изменения, чтобы настройки стали доступны на вашем сайте. Сам предпросмотр их не сохраняет, а при смене оформления не нужно заменять код для встраивания. Главный экран, база знаний, FAQ и история разговоров по-прежнему включаются отдельно; выключенный раздел не оставляет пустую карточку или место в навигации.
Положение
В разделе «Кнопка чата» под ссылкой Дополнительные настройки: Угол кнопки (Снизу справа или Снизу слева), Горизонтальный отступ (пикс.) и Вертикальный отступ (пикс.). Они двигают кнопку и всё, что расположено над ней. У окна чата есть собственные Угол окна чата и отступы — под ссылкой Дополнительные настройки в разделе «Внешний вид»; если их не трогать, окно следует за кнопкой.
Кроме варианта Без кнопки, который не рисует кнопку вообще, при открытом чате на кнопке появляется значок закрытия. Studio и 8-Bit сохраняют квадратную форму, остальные варианты становятся круглыми. На закрытой кнопке показывается счётчик непрочитанных — до «9+».