Виджет позволяет разместить синтетического сотрудника непосредственно на страницах вашего сайта для оперативной помощи клиентам. Он служит инструментом для круглосуточных консультаций, сбора заявок и снятия нагрузки с живого персонала.
Как настроить
- В разделе настроек виджета вы можете предварительно кастомизировать его внешний вид: выбрать корпоративные цвета, загрузить логотип и настроить текст приветствия.
- Скопируйте предоставленный системой короткий JavaScript-код.
- Вставьте этот код в соответствующее место в HTML-коде вашего сайта или передайте его техническому специалисту.
- После установки проверьте отображение виджета на сайте и убедитесь, что ИИ корректно начинает диалог.
Результат
Посетители сайта видят брендированное окно чата и могут получать консультации в текстовом или голосовом формате (через WebRTC) мгновенно, не покидая страницу.
Обновлено от 19.10.26
Онлайн-консультант на сайт в Binom ставится через Widget – кнопку чата в углу сайта, которая открывает окно разговора поверх страницы. Консультант доступен на любой странице и не занимает места в её содержимом. Чтобы установить Widget, скопируйте одну строку кода в разделе Интеграции → Widget и один раз вставьте её в общий шаблон сайта.
Если нужно окно чата внутри конкретной страницы, выберите iFrame; если сайта нет – публичную ссылку.
Как установить Widget
- Откройте Интеграции → Widget.
- Настройте внешний вид кнопки и окна и нажмите "Обновить". Подробно: как настроить внешний вид виджета.
- Скопируйте код из блока "1. Скопируйте следующий код и вставьте его в соответствующее место на вашем сайте". Это одна строка вида:
<script data-id="ID вашего Binom" data-host="https://app.binomai.com/" src="https://app.binomai.com/js/binomHelper.js"></script> - Вставьте код один раз в общий шаблон сайта – обычно перед закрывающим тегом
</body>. Тогда кнопка появится на всех страницах.
Код уже содержит ID вашего Binom. Если у вас несколько Binom, проверьте, что в кабинете выбран нужный, прежде чем копировать код.
Куда вставить код
- WordPress: через поле для пользовательского кода в настройках темы или через плагин для вставки кода в подвал сайта (например, WPCode). Добавляйте код в подвал всего сайта, а не на отдельную страницу.
- Конструктор сайтов: в настройках сайта найдите поле для кода, который выполняется на всех страницах.
- Сайт с индивидуальной разработкой: передайте разработчику строку кода и попросите добавить её в общий шаблон один раз.
Повторная вставка того же кода не создаёт вторую кнопку, но держите код в одном месте, чтобы его было проще заменить.
Контекст товара
Widget автоматически передаёт в чат адрес страницы, на которой находится клиент. Отдельный код для этого не нужен. Как Binom сопоставляет страницу с товаром: Product ID.
Как проверить результат
- Откройте сайт в режиме инкогнито на компьютере и телефоне.
- Убедитесь, что кнопка видна и не перекрывает кнопки сайта (корзину, кнопку заказа).
- Откройте окно, проверьте приветствие и отправьте вопрос.
- Перейдите на другую страницу сайта – кнопка должна остаться.
- Если включён голосовой чат WebRTC, проверьте голосовой разговор.
- Найдите тестовый разговор в Чатах: в фильтре источников выберите "Виджет".
Возможные проблемы
Карточка серая и отмечена "Недоступно на тарифе"
Что это значит: публичный чат, iFrame и Widget входят в одну тарифную опцию, и её нет в вашем тарифе. На бесплатном тарифе Free установка виджета и iFrame недоступна (ограничения тарифа Free). В блоке с кодом вместо кода будет сообщение "Ваш тариф не включает интеграцию виджета".
Как перейти на нужный тариф:
- Узнайте, какой тариф нужен: в разделе Интеграции наведите курсор на серую карточку – подсказка "Перейдите на тариф …" назовёт самый доступный тариф, в который входит эта интеграция. Чем отличаются тарифы Free, Basic, Pro и Business: сколько стоит Binom AI.
- Откройте Подписка. Если сейчас бесплатный тариф – нажмите "Выбрать тариф", если платный – "Сравнить тарифы".
- Выберите тариф и период оплаты (ежемесячно, каждые 3 месяца или ежегодно) и нажмите "Подтвердить и оплатить". Откроется страница оплаты.
- После оплаты появится "Оплата подписки прошла успешно!". Вернитесь в Интеграции → Widget – карточка будет отмечена "Доступно".
Хотите сначала попробовать? 7-дневный пробный период включает функции тарифа Basic: как оформить подписку или пробный период. Если после оплаты появилось "Оплата не была завершена. Ваш тариф не изменился", повторите оплату или напишите на support@binomai.com, указав email аккаунта и выбранный тариф.
Сообщение "У вас нет прав для управления этим разделом"
Что это значит: интеграции настраивают только пользователи с уровнем доступа Owner или Admin для выбранного Binom.
Что сделать: попросите владельца аккаунта выдать вам уровень Admin или передать задачу ему. Подробнее: уровни доступа в команде.
Как понять, что решено: после обновления страницы открывается каталог интеграций.
Кнопка не появилась на сайте
Пошаговая проверка: почему чат Binom не появляется на сайте.
Как ещё спрашивают
Как установить онлайн-консультанта на сайт WordPress?
Скопируйте строку кода на вкладке Интеграции → Widget и добавьте её в подвал всего сайта через поле пользовательского кода темы или плагин для вставки кода.
Нужен ли программист, чтобы поставить чат-бот на сайт?
Нет. Это одна строка кода, которую вставляют один раз в общий шаблон сайта. Если сайт делал разработчик, передайте ему эту строку.
Как изменить цвет и логотип кнопки чата?
На той же вкладке – подробно в инструкции как настроить виджет чата.
Что дальше
Обновлено 21 октября, 2026