После установки чата Smartsupp на Ваш сайт часто первым шагом становится настройка внешнего вида и поведения окна чата. Оно объединяет чат и контактную форму в едином widget, чтобы посетители могли легко отправлять сообщения и, если Вы включите форму, оставлять имя и электронную почту.
💡 Где искать: Все параметры из этой статьи находятся в разделе Настройки > Каналы > Живой чат Вашей панели управления Smartsupp.
В этой статье:
Что можно настроить
В параметрах оформления окна чата Вы можете адаптировать следующие настройки — это позволит widget органично вписаться в Ваш сайт:
Параметр | Описание |
Цветовой градиент | Позволяет подобрать цвета окна чата под Ваш фирменный стиль. |
Позиция | Определяет, будет ли окно чата отображаться слева или справа на странице. |
Основные тексты | Позволяет редактировать тексты и сообщения, которые видят пользователи в чате. |
Тема | Меняет стиль оформления окна чата в целом. |
Стиль заголовка | Вы можете переключаться между стилями Компактный и Стандартный. Компактный уменьшает высоту заголовка, делая окно более лаконичным и фокусируя внимание на переписке — идеален для минималистичных интерфейсов; стандартный — обеспечивает крупный заголовок, что удобно, если в чате работает несколько операторов. |
Язык окна чата | Определяет язык интерфейса окна чата для Ваших посетителей. Подробнее читайте в статье: Языки окна чата. |
🟡 Важно: Widget, созданные после 17 июня 2026, по умолчанию будут использовать Компактный заголовок. В старых widget сохранится Стандартный стиль — для совместимости. Вы всегда можете сменить тип заголовка в настройках оформления.
Как изменить расположение
Кнопку чата можно быстро переместить с помощью панели управления — писать код для этого не нужно:
Войдите в Ваш Smartsupp аккаунт.
Откройте Настройки > Каналы > Живой чат > Внешний вид.
Выберите левую или правую сторону, настройте смещение по вертикали и расстояние от края окна — всё это делается прямо в панели.
Сохраните изменения — новая позиция отобразится на Вашем сайте мгновенно.
💡 Для разработчиков: Если требуется точная настройка, используйте JavaScript API. Подробнее: Расширенно: позиция окна чата через JavaScript API.
Примечание — фото агента и аватар чата: Фото, которое видит посетитель в чате — это фото профиля агента; его нельзя задать отдельно от фото в панели. Старый JavaScript API smartsupp('chat:avatar') для этого больше не поддерживается и был удалён.
Что дальше?
Языки окна чата — ознакомьтесь со списком поддерживаемых языков и способом их смены.
Статус окна чата — узнайте, как управлять режимом «онлайн» и «офлайн».
Почему окно чата не отображается на сайте? — получите решения, если widget не появляется у посетителей.
💡 Остались вопросы? Если Вы не нашли нужной опции или что-то работает не так, как ожидалось, напишите нашей поддержке в чате или по электронной почте — мы всегда готовы помочь.