> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Додавання на сайт віджета BinotelChat

Підтримка зв'язку із відвідувачами сайта — запорука успішного ведення бізнеса. Чат Бінотел дає можливість такий зв'язок здійснювати максимально просто та ефективно, а додавання віджета на сайт відбувається у декілька кліків.

||| ${color}[#f97700](Важливо:) ця опція доступна лише для сайтів із платними підписками.
| ${color}[#1aa900](Підказка:) на Weblium також доступна [інтеграція](/uk/article/dodavannya-vidzheta-telefonnogo-zvyazku-binotel-g2v0g8/) для додавання віджета віртуальної АТС Binotel для телефонного зв'язку з вашими клієнтами.

### Створення віджета в особистому кабінеті Binotel

1. Увійдіть в особистий кабінет Binotel за [посиланням](https://www.binotel.ua/ua/).

| ${color}[#1aa900](Підказка:) якщо акаунта Ви не маєте, будь ласка, зверніться до служби підтримки Binotel, щоб його створити. Це можна зробити через віджет чата на їх офіційному [сайті](https://www.binotel.ua/).

2. Перейдіть у пункт меню Online chat **(1)**, оберіть вкладку **Параметри (2)** та клікніть по кнопці **Додати віджет (3)**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-21_4lr5o6.png)

3. У Кроці 1 вкажіть посилання на Ваш сайт **(1)**, додайте назву компанії **(2)**, оберіть мову інтерфейса віджета на сайті **(3)** та натисніть **Далі**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-35_11g6mg2.png)

4. У Кроці 2 оберіть операторів та натисніть **Далі**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut-8_3j2pc8.png)

5. У вікні, що з'явиться, налаштуйте відображення даних оператора у віджеті, натисніть **Зберегти**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-37_165vsm.png)

Та після зникнення діалогового вікна налаштування даних оператора ще раз натисніть кнопку **Далі** :

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-38_bn0dhl.png)

6. У Кроці 3 налаштуйте дизайн віджета та натисніть кнопку **Далі**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-39_lca71a.png)

7. В останньому Кроці скопіюйте ключ та натисніть **Готово**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-40_ruugps.png)

|| ${color}[#ffa800](Примітка:) ключ буде унікальним для кожного облікового запису. На скріншоті вище показано лише приклад того, як він має виглядати.

### Додавання віджета на сайт

1. У налаштуваннях сайта на Вебліум перейдіть у вкладку **Чат (1)**, розгорніть **BinotelChat (2)**, вставте скопійований ключ (див. п. 7 вище) **(3)** та натисніть **Підключити** **(4)**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-76_162r38l.png)

2. [Опублікуйте](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/) сайт, щоб зміни застосувались

Готово! Відкрийте сайт і знайдіть віджет у нижньому куті екрана.