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

# Integration with Bookon CRM by Binotel

With [Binotel](https://www.binotel.ua/ua/)'s Bookon CRM, you can automate booking and reception applications from customers in the areas of service provision. This can be convenient, for example, for booking customers to a beauty salon, car service, music lessons, etc. Bookon CRM allows you to receive requests 24/7 online, manage your customer appointments, monitor the service delivery process, and receive information about the workload of your team members. 

||| ${color}[#f97700](Important:) This option is only available for sites with paid subscriptions.
| ${color}[#1aa900](Tip:) Weblium also has an [integration](https://help.weblium.com/en-us/article/adding-a-get-call-binotel-widget-to-a-site-5v0m9k/) to add a widget of Binotel's virtual PBX to have calls with your clients. And an [integration](https://help.weblium.com/en-us/article/adding-a-binotelchat-widget-to-the-site-1kxis57/) to add the BinotelChat widget to the site.

### Creating a widget in your Bookon account.

1. Log in to your Binotel account using the [link](https://my.binotel.ua/f/bookon/).
| ${color}[#1aa900](Tip:) If you don't have an account yet, please contact the Binotel's support to get one. It can be done through a chat widget on the vendor's [website](https://www.binotel.ua/).


2. Go to the **BookOn (1)**, choose the dropdown menu **Settings** and click the **Branches (2)**. Press the button **Add branch**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut-6_3bhhkq.png)

3. Enter the information in the pop-up window and click **Save**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut_lhblwb.png)


4. After you have created a **Branch**, you can go to widget settings. To do this, select from the **Settings** drop-down list, the item **Online appointment** and, on the page that opens, click **Add widget**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pustoj-lejaut-5_nwk15f.png)

5. On this page you can add settings for your widget: name, logo, language, recording step and company information. Also you can choose the color of the widget that matches the style of your site.


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

6. By scrolling below you can see an example of how the widget will look on the site. Finish configuring the widget and click **Create Widget**:


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

7. After that, the page will refresh and you will see a window where you can copy the code for integration with the site:


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

8. In the website settings on Weblium, go to the **Integrations** tab, next to **BookOn CRM (by Binotel)** click **Connect**:


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

9. Add the code copied earlier and press **Connect Binotel Bookon**:


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

|| ${color}[#ffa800](Note:) The key will be unique for each account. The screenshot above is just an example of what it should look like.


10. The widget has already been added to the site, now you need to return to the BookOn account and complete the necessary settings for this integration to work. From the **Settings** drop-down list, select **Services**. First you need to create a Category, so click **Add Category**:


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

11. Fill out the form and click **Save**:

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

12. Next, you need to click on the **Add service** button:

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

13. Set the description and parameters of **Service** and click **Save**:


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

14. The next step is to add **Positions**. Click **Add a job title**:


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

15. Fill out the form and click **Save**:


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

16. From the **Settings** drop-down list, select **Specialists**. Here you need to create the list of specialists by clicking the **Add a specialist** button:


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

17. Fill out the form and click **Save**:


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

18. The last stage of the settings is to add the **Schedules** of specialists in the corresponding item **Settings**. By simply clicking on any time slot from the schedule of a particular specialist, a pop-up window will open where you can set all the parameters of the work schedule of this employee. When finished, press **Save**:


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

19. Now you can go back to your Weblium site editor and publish your site. Done, the widget is working on your site.


This is how the widget will look on the website in a closed form:


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

And this is how the widget looks in opened form:


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