Все вопросы

Как настроить внешний вид виджета?

Обновлено 3 минуты чтения 21 / 94

Визуальная адаптация делает чат органичной частью вашего сайта, что повышает доверие пользователей к бренду.

Как настроить

  1. В настройках брендинга (раздел Интеграции → вкладка Widget) загрузите логотип компании и фоновое изображение.
  2. В разделе интеграций настройте цветовую палитру (фон, кнопки, шрифты), радиус скругления углов окна и расположение виджета на экране.
  3. Настройте текст приветствия и лейбл кнопки.

Результат
Вы получаете уникально оформленный виджет, который полностью соответствует корпоративному стилю вашей компании.


Обновлено от 19.10.26

Настроить виджет чата Binom – цвет, логотип, надпись у кнопки, размер окна и частоту показа приветствия – можно в разделе Интеграции → Widget. Так кнопка онлайн-консультанта выглядит как часть вашего сайта, а посетитель сразу понимает, что это консультант вашей компании.

Где настраивается

Откройте Интеграции → Widget. Все изменения видны справа в блоке "Предварительный просмотр чата". Чтобы сохранить их, нажмите "Обновить". Код на сайте менять не нужно: виджет подхватит новые настройки сам.

Размер окна

В блоке "Размер чата" укажите ширину и высоту окна в пикселях.

Цвета и стиль окна

По умолчанию виджет использует общие цвета из Настройки → вкладка "Брендинг" – те же, что у iFrame и публичной ссылки (как задать единый фирменный стиль). Чтобы задать виджету собственные цвета, отметьте "Настроить оформление отдельно". Появятся блоки:

  • "Цвет чата": "Цвет фона чата", "Цвет значков в фоне чата", "Цвет фона сообщения синтетического сотрудника", "Цвет шрифта сообщения синтетического сотрудника", "Цвет фона сообщения пользователя", "Цвет шрифта сообщения пользователя", "Цвет шрифта в поле ввода сообщения", "Цвет значков в поле ввода сообщения";
  • "Стиль и оформление": скругление углов, внутренние отступы и расстояние между сообщениями.

Кнопка виджета

В блоке "Настройки иконки виджета":

  • "Приоритетный язык иконки" – язык надписей на кнопке.
  • "Показ карточки приветствия" – "На каждой странице" или "Один раз за сессию". Выберите второй вариант, если не хотите показывать приветствие при каждом переходе по сайту.
  • "Пользовательская надпись иконки" – короткий текст рядом с кнопкой, например "Задайте вопрос".
  • "Время показа лейбла (секунды)" и "Цвет лейбла" – сколько секунд надпись видна и каким цветом.
  • "Логотип виджета" – PNG, JPEG, WebP или GIF до 5 МБ. Анимированный GIF показывается и на кнопке, и в выплывающей панели.

Приветствие

Текст первого сообщения задаётся не здесь, а в Настройки → вкладка "Основные" в поле "Приветственное сообщение" (до 250 символов). Для страниц товаров есть отдельное поле "Приветствие на странице товара". Нажмите "Сохранить изменения" – страница перезагрузится, чтобы применить настройки.

Возможные проблемы

Сообщение "Выберите PNG, JPEG, WebP или GIF размером до 5 МБ"

Что сделать: сохраните логотип в одном из этих форматов и уменьшите размер файла.
Как понять, что решено: логотип появился в предварительном просмотре.

Карточка серая и отмечена "Недоступно на тарифе"

Что это значит: публичный чат, iFrame и Widget входят в одну тарифную опцию, и её нет в вашем тарифе. На бесплатном тарифе Free установка виджета и iFrame недоступна (ограничения тарифа Free). В блоке с кодом вместо кода будет сообщение "Ваш тариф не включает интеграцию виджета".

Как перейти на нужный тариф:

  1. Узнайте, какой тариф нужен: в разделе Интеграции наведите курсор на серую карточку – подсказка "Перейдите на тариф …" назовёт самый доступный тариф, в который входит эта интеграция. Чем отличаются тарифы Free, Basic, Pro и Business: сколько стоит Binom AI.
  2. Откройте Подписка. Если сейчас бесплатный тариф – нажмите "Выбрать тариф", если платный – "Сравнить тарифы".
  3. Выберите тариф и период оплаты (ежемесячно, каждые 3 месяца или ежегодно) и нажмите "Подтвердить и оплатить". Откроется страница оплаты.
  4. После оплаты появится "Оплата подписки прошла успешно!". Вернитесь в Интеграции → Widget – карточка будет отмечена "Доступно".

Хотите сначала попробовать? 7-дневный пробный период включает функции тарифа Basic: как оформить подписку или пробный период. Если после оплаты появилось "Оплата не была завершена. Ваш тариф не изменился", повторите оплату или напишите на support@binomai.com, указав email аккаунта и выбранный тариф.

Как ещё спрашивают

Как поменять цвет кнопки чата на сайте?

На вкладке Интеграции → Widget отметьте "Настроить оформление отдельно" и задайте цвета. Без отметки используется общее оформление чата из вкладки "Брендинг".

Можно ли поставить свой логотип в чат?

Да, в поле "Логотип виджета" на вкладке Widget: PNG, JPEG, WebP или GIF до 5 МБ.

Что дальше

Статья была полезной?

Обновлено 21 октября, 2026