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

# Adding a BinotelChat widget to the site

Staying in touch with the website visitors is the key to successful business. Binotel chat makes it possible to keep such a communication as simple and efficient as possible. Adding a widget to the site takes a few clicks.

||| ${color}[#f97700](Important:) This option is only available for sites with paid subscriptions.
| ${color}[#1aa900](Tip:) Weblium also has an [integration](/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.

### Creating a widget in your Binotel account

1. Log in to your Binotel account using the [link](https://my.binotel.ua/).

| ${color}[#1aa900](Tip:) Should you not 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 **Online chat (1)** menu item, select the **Settings (2)** tab and click the **Add widget (3)** button:

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

3. In step 1, provide a link to your site **(1)**, add the company name **(2)**, select the language of the widget interface on the site **(3)** and click **Further**:

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

4. In step 2, select the operators and click **Further**:

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

5. In the new pop up window, configure the display of operator's data in the widget and click **Save**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-65_uow0ct.png)

After the operator data's dialog window disappears, click the **Further** button again: 

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

6. In step 3, customize the widget's design and click the **Further** button:

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

7. In the last step, copy the key and click **Done**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-60_1o20sa9.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.

### Adding a widget to the site

1. In the Weblium site's settings, go to the **Chat tab (1)**, expand **BinotelChat (2)**, paste the copied key (see paragraph 7 above) **(3)** and click **Connect** **(4)**:

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

2. [Publish](https://help.weblium.com/en-us/article/publishing-a-site-tgxmch/) the website site for the changes to apply

Done! Open the site and find the widget in the bottom corner of the screen.