---
id: "faq-10493"
type: "faq"
lang: "uk"
title: "Як встановити віджет на сайт?"
url: "https://binomai.com/ua/faq/kak-ustanovit-vidzhet-na-sajt/"
translation_group: "faq-9334"
translations:
  ru:
    url: "https://binomai.com/ru/faq/kak-ustanovit-vidzhet-na-sajt/"
    markdown: "https://binomai.com/ai/ru/faq/kak-ustanovit-vidzhet-na-sajt.md"
  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"
published: "2026-10-19T16:41:02Z"
updated: "2026-10-19T17:16:29Z"
---

# Як встановити віджет на сайт?

*Оновлено: 19.10.2026, 17:16 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/ua/faq/vstroit-okno-chata-v-stranicu-iframe/); якщо сайту немає - [публічне посилання](https://binomai.com/ua/faq/ssylka-na-chat-bez-sajta-publichnyj-chat/).

## Як встановити Widget

1. Відкрийте [Інтеграції → Widget](https://app.binomai.com/cabinet/binom/integrations?tab=2).
2. Налаштуйте зовнішній вигляд кнопки і вікна та натисніть "Оновити". Детально: [як налаштувати зовнішній вигляд віджета](https://binomai.com/ua/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/ua/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/ua/faq/chat-ne-poyavlyaetsya-na-sajte/).

## Як ще питають

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

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

### Чи потрібен програміст, щоб поставити чат-бот на сайт?

Ні. Це один рядок коду, який вставляють один раз в загальний шаблон сайту. Якщо сайт робив розробник, передайте йому цей рядок.

### Як змінити колір і логотип кнопки чату?

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

## Що далі

- [Як налаштувати зовнішній вигляд віджета](https://binomai.com/ua/faq/kak-nastroit-vneshnij-vid-vidzheta/)
- [Як підключити WebRTC](https://binomai.com/ua/faq/kak-podklyuchit-webrtc-2/)
- [Що може клієнт у чаті Binom](https://binomai.com/ua/faq/foto-fajly-golosovye-v-chate-na-sajte/)
- [Widget, iFrame або публічне посилання - що обрати](https://binomai.com/ru/faq/chto-effektivnee-ispolzovat-dlya-sajta-vsplyvayushhij-vidzhet-podderzhki-ili-chat-vstroennyj-pryamo-v-veb-straniczu/)