Как сделать все окна чата в цветах бренда – вкладка “Брендинг” в Binom
Оформление чата на сайте в цветах бренда задаётся один раз: Binom применяет общие цвета и стиль сразу к публичной ссылке, виджету и iFrame, и все окна чата выглядят одинаково. Настраивается в разделе Настройки → вкладка "Брендинг".
Как задать общий стиль
- Откройте Настройки → вкладка "Брендинг".
- В блоке "Цвет чата" задайте: "Цвет фона чата", "Цвет значков в фоне чата", "Цвет фона сообщения синтетического сотрудника", "Цвет шрифта сообщения синтетического сотрудника", "Цвет фона сообщения пользователя", "Цвет шрифта сообщения пользователя", "Цвет шрифта в поле ввода сообщения", "Цвет значков в поле ввода сообщения".
- В блоке "Стиль и оформление" выберите скругление углов, внутренние отступы и расстояние между сообщениями.
- Нажмите "Сохранить изменения" – страница перезагрузится, чтобы применить настройки.
Как стиль применяется к каналам
Общий стиль действует в канале, пока в его настройках не включено отдельное оформление:
- Публичный чат – отметка "Настроить отдельно для публичного чата";
- iFrame и Widget – отметка "Настроить оформление отдельно".
Если отметка включена, канал использует свои цвета. Снимите её, чтобы канал снова следовал общему стилю.
Как вернуть стандартное оформление
Нажмите "Сбросить" на вкладке "Брендинг" и подтвердите действие. Затем нажмите "Сохранить изменения".
Как проверить результат
Откройте предварительный просмотр в Интеграции → Widget или публичную ссылку в новой вкладке: цвета должны совпадать с заданными. Если цвет не изменился, проверьте, не включено ли в этом канале отдельное оформление.
Как ещё спрашивают
Как сделать чат на сайте в фирменных цветах?
Задайте цвета в Настройки → вкладка "Брендинг" и нажмите "Сохранить изменения". Они применятся к виджету, iFrame и публичной ссылке.
Почему у виджета другие цвета, чем в настройках бренда?
В интеграции включено отдельное оформление. Снимите отметку "Настроить оформление отдельно" на вкладке Widget.
Что дальше
- Как настроить внешний вид виджета – кнопка, надпись и логотип виджета
- Как настроить публичную ссылку на чат
- Как встроить чат через iFrame
- Как настроить стиль общения под Tone of Voice бренда