> ## 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).

# Інтеграція з Bookon CRM від Binotel

За допомогою інтеграції з Bookon CRM від [Binotel](https://www.binotel.ua/ua/) ви можете автоматизувати прийом заявок від клієнтів у сферах надання послуг. Це може бути зручним, наприклад, для запису клієнтів до салону краси, шиномонтажу, на уроки музики тощо. Bookon CRM дозволяє отримувати заявки цілодобово у онлайн-режимі, керувати записами ваших клієнтів на певний час, контролювати процес надання послуг і отримувати інформацію про навантаження на членів вашої команди.

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

### Створення віджета в особистому кабінеті Bookon
1. Увійдіть в особистий кабінет Bookon від Binotel за [посиланням](https://my.binotel.ua/f/bookon/).

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

2. Оберіть пункт меню **BookOn (1)**, перейдіть до випадного переліку **Налаштування** та клікніть по розділу **Філії (2)**. Обравши один із способів натисніть **Додати філію**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut-1_8964gh.png)

3. Заповніть поля форми, що з'явилась і натисніть **Зберегти**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut_12r3mb4.png)

4. Після того, як ви створили **Філію** вже можна перейти до налаштувань віджету. Для цього оберіть із випадного  переліку **Налаштувань**, пункт **Онлайн запис** і, на сторінці, що відкрилась, натисніть  **Додати віджет** :
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut-18_136vnrl.png)

5. На цій сторінці ви можете додати налаштування вашого віджету: назву, логотип, мову, крок запису та інформацію про компанію. З випадного переліку обрати філію, що вже створили на попередньому кроці. Нижче можна обрати колір віджету, що відповідає стилю вашого сайту. 

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

6. Прогорнувши нижче ви можете побачити приклад того, як буде виглядати віджет на сайті. Завершіть налаштування віджета та натисніть **Створити віджет**:

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

7. Після цього сторінка оновиться і ви побачите вікно, де можна скопіювати код для інтеграції з сайтом:

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

8. У налаштуваннях сайта на Weblium перейдіть у вкладку **Інтеграції**, поряд з **BookOn CRM (by Binotel)** клікніть **Підключити**:

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

9. Додайте скопійований раніше код і натисніть **Підключити Binotel Bookon**:


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

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

10. Віджет вже додано до сайту, тепер треба повернутись до кабінету BookOn і завершити необхідні налаштування для роботи даної інтеграції. З випадного переліку **Налаштувань** оберіть **Послуги**. Спочатку треба створити Категорію, тож натисніть **Додати категорію**:

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

11. Заповніть форму та натисніть **Зберегти**:

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

12. Далі необхідно клікнути на кнопку **Додати послугу**:

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

13. Задайте опис та параметри **Послуги** і натисніть **Зберегти**:

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

14. Наступним кроком треба додати **Посади**:

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

15. Заповніть форму та натисніть **Зберегти**:

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

16. З випадного переліку **Налаштувань** оберіть **Спеціалісти**.  Тут треба створити відповідних фахівців, натиснувши кнопку **Додати фахівця**:

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

17. Заповніть форму та натисніть **Зберегти**:

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

18. Останнім етапом налаштувань треба додати Графіки роботи фахівців у відповідному пункті **Налаштувань**. Просто натиснувши на будь-який слот часу з графіку того чи іншого фахівця, відкриється спливаюче вікно, де ви можете задати всі параметри робочого графіку цього працівника. По завершені натисніть **Зберегти**:

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

19. Тепер можна повернутись до вашого редактору сайту на Weblium і опублікувати сайт. Готово, віджет працює на вашому сайті. 

Ось так буде виглядати віджет на сайті у згорнутому вигляді:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut-12_1r2vckh.png)

І ось так віджет виглядає у розгорнотому вигляді:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut-11_1exhu68.png)
