---
id: "faq-9334"
type: "faq"
lang: "ru"
title: "Как установить виджет на сайт?"
url: "https://binomai.com/ru/faq/kak-ustanovit-vidzhet-na-sajt/"
translation_group: "faq-9334"
translations:
  en:
    url: "https://binomai.com/faq/how-to-install-the-widget-on-the-website/"
    markdown: "https://binomai.com/ai/en/faq/how-to-install-the-widget-on-the-website.md"
  uk:
    url: "https://binomai.com/ua/faq/kak-ustanovit-vidzhet-na-sajt/"
    markdown: "https://binomai.com/ai/ua/faq/kak-ustanovit-vidzhet-na-sajt.md"
published: "2026-07-29T17:53:23Z"
updated: "2026-10-21T01:05:27Z"
---

# Как установить виджет на сайт?

*Обновлено: 21.10.2026, 01:05 UTC*


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

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

1. В [разделе настроек виджета](https://app.binomai.com/cabinet/binom/integrations?tab=2) вы можете предварительно кастомизировать его внешний вид: выбрать корпоративные цвета, загрузить логотип и настроить текст приветствия.
2. Скопируйте предоставленный системой короткий JavaScript-код.
3. Вставьте этот код в соответствующее место в HTML-коде вашего сайта или передайте его техническому специалисту.
4. После установки проверьте отображение виджета на сайте и убедитесь, что ИИ корректно начинает диалог.

**Результат**
Посетители сайта видят брендированное окно чата и могут получать консультации в текстовом или голосовом формате (через WebRTC) мгновенно, не покидая страницу.

---

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

Онлайн-консультант на сайт в Binom ставится через Widget - кнопку чата в углу сайта, которая открывает окно разговора поверх страницы. Консультант доступен на любой странице и не занимает места в её содержимом. Чтобы установить Widget, скопируйте одну строку кода в разделе Интеграции → Widget и один раз вставьте её в общий шаблон сайта.

Если нужно окно чата внутри конкретной страницы, выберите [iFrame](https://binomai.com/ru/faq/embed-chat-website-iframe/); если сайта нет - [публичную ссылку](https://binomai.com/ru/faq/public-chat-link/).

## Как установить Widget

1. Откройте [Интеграции → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2).
2. Настройте внешний вид кнопки и окна и нажмите "Обновить". Подробно: [как настроить внешний вид виджета](https://binomai.com/ru/faq/kak-nastroit-vneshnij-vid-vidzheta/).
3. Скопируйте код из блока "1. Скопируйте следующий код и вставьте его в соответствующее место на вашем сайте". Это одна строка вида:

   ```
   <script data-id="ID вашего Binom" data-host="https://app.binomai.com/" src="https://app.binomai.com/js/binomHelper.js"></script>
   ```
4. Вставьте код один раз в общий шаблон сайта - обычно перед закрывающим тегом `</body>`. Тогда кнопка появится на всех страницах.

Код уже содержит ID вашего Binom. Если у вас несколько Binom, проверьте, что в кабинете выбран нужный, прежде чем копировать код.

## Куда вставить код

- **WordPress:** через поле для пользовательского кода в настройках темы или через плагин для вставки кода в подвал сайта (например, WPCode). Добавляйте код в подвал всего сайта, а не на отдельную страницу.
- **Конструктор сайтов:** в настройках сайта найдите поле для кода, который выполняется на всех страницах.
- **Сайт с индивидуальной разработкой:** передайте разработчику строку кода и попросите добавить её в общий шаблон один раз.

Повторная вставка того же кода не создаёт вторую кнопку, но держите код в одном месте, чтобы его было проще заменить.

## Контекст товара

Widget автоматически передаёт в чат адрес страницы, на которой находится клиент. Отдельный код для этого не нужен. Как Binom сопоставляет страницу с товаром: [Product ID](https://binomai.com/ru/faq/kak-ii-sotrudnik-opredelyaet-na-stranicze-kakogo-tovara-nahoditsya-klient-dlya-predostavleniya-kontekstnoj-konsultaczii/).

## Как проверить результат

1. Откройте сайт в режиме инкогнито на компьютере и телефоне.
2. Убедитесь, что кнопка видна и не перекрывает кнопки сайта (корзину, кнопку заказа).
3. Откройте окно, проверьте приветствие и отправьте вопрос.
4. Перейдите на другую страницу сайта - кнопка должна остаться.
5. Если включён [голосовой чат WebRTC](https://binomai.com/ru/faq/kak-podklyuchit-webrtc-2/), проверьте голосовой разговор.
6. Найдите тестовый разговор в [Чатах](https://app.binomai.com/cabinet/binom/chats): в фильтре источников выберите "Виджет".

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

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

**Что это значит:** публичный чат, iFrame и Widget входят в одну тарифную опцию, и её нет в вашем тарифе. На бесплатном тарифе Free установка виджета и iFrame недоступна ([ограничения тарифа Free](https://binomai.com/ru/faq/v-chem-klyuchevye-ogranicheniya-besplatnoj-versii-free-po-sravneniyu-s-platnymi-tarifami/)). В блоке с кодом вместо кода будет сообщение "Ваш тариф не включает интеграцию виджета".

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

1. Узнайте, какой тариф нужен: в разделе [Интеграции](https://app.binomai.com/cabinet/binom/integrations) наведите курсор на серую карточку - подсказка "Перейдите на тариф ..." назовёт самый доступный тариф, в который входит эта интеграция. Чем отличаются тарифы Free, Basic, Pro и Business: [сколько стоит Binom AI](https://binomai.com/ru/faq/skolko-stoit-ispolzovanie-platformy-binom-ai-i-ot-kakih-faktorov-zavisit-itogovaya-stoimost/).
2. Откройте [Подписка](https://app.binomai.com/cabinet/subscription). Если сейчас бесплатный тариф - нажмите "Выбрать тариф", если платный - "Сравнить тарифы".
3. Выберите тариф и период оплаты (ежемесячно, каждые 3 месяца или ежегодно) и нажмите "Подтвердить и оплатить". Откроется страница оплаты.
4. После оплаты появится "Оплата подписки прошла успешно!". Вернитесь в [Интеграции → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2) - карточка будет отмечена "Доступно".

Хотите сначала попробовать? 7-дневный пробный период включает функции тарифа Basic: [как оформить подписку или пробный период](https://binomai.com/ru/faq/kak-oformit-podpisku-ili-testovyj-period/). Если после оплаты появилось "Оплата не была завершена. Ваш тариф не изменился", повторите оплату или напишите на support@binomai.com, указав email аккаунта и выбранный тариф.

### Сообщение "У вас нет прав для управления этим разделом"

**Что это значит:** интеграции настраивают только пользователи с уровнем доступа Owner или Admin для выбранного Binom.
**Что сделать:** попросите владельца аккаунта выдать вам уровень Admin или передать задачу ему. Подробнее: [уровни доступа в команде](https://binomai.com/ru/faq/kak-raspredelit-obyazannosti-v-komande-s-pomoshhyu-pyati-urovnej-dostupa-owner-admin-editor-operator-viewer/).
**Как понять, что решено:** после обновления страницы открывается каталог интеграций.

### Кнопка не появилась на сайте

Пошаговая проверка: [почему чат Binom не появляется на сайте](https://binomai.com/ru/faq/widget-not-showing-on-website/).

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

### Как установить онлайн-консультанта на сайт WordPress?

Скопируйте строку кода на вкладке [Интеграции → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2) и добавьте её в подвал всего сайта через поле пользовательского кода темы или плагин для вставки кода.

### Нужен ли программист, чтобы поставить чат-бот на сайт?

Нет. Это одна строка кода, которую вставляют один раз в общий шаблон сайта. Если сайт делал разработчик, передайте ему эту строку.

### Как изменить цвет и логотип кнопки чата?

На той же вкладке - подробно в инструкции [как настроить виджет чата](https://binomai.com/ru/faq/kak-nastroit-vneshnij-vid-vidzheta/).

## Что дальше

- [Как настроить внешний вид виджета](https://binomai.com/ru/faq/kak-nastroit-vneshnij-vid-vidzheta/)
- [Как подключить WebRTC](https://binomai.com/ru/faq/kak-podklyuchit-webrtc-2/)
- [Что может клиент в чате Binom](https://binomai.com/ru/faq/chat-file-photo-voice-messages/)
- [Widget, iFrame или публичная ссылка - что выбрать](https://binomai.com/ru/faq/chto-effektivnee-ispolzovat-dlya-sajta-vsplyvayushhij-vidzhet-podderzhki-ili-chat-vstroennyj-pryamo-v-veb-straniczu/)