> ## 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 tawk.to chat

Using [tawk.to](https://www.tawk.to/) could be quite helpful for the site and for your visitors who might have something to ask about your products. It allows you to connect your website to tawk.to chat system, which will give your visitors a chat widget at the right bottom corner of the site and will give you an opportunity to answer all the questions.

# Adding a tawk.to chat to your website

To install the tawk.to chat on your site, follow the instructions below.

||| ${color}[#f97700](Important:) This option is available for Pro sites only.

1. First, you will need to sign in to [tawk.to](https://www.tawk.to) or create a new account. In your account, proceed to the settings: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/1-8_1xyfl0d.png)

2. Here, navigate to the **Chat Widget** and copy the **Widget Code** of the chat by clicking on the given code:


![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/2-7_1udxfuz.png)
3. In this code, copy the Tawk.to ID number which is placed before the last slash on the line that starts with **s1.src** :


![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/3-5_n5pl80.png)

4. Paste this fragment to the **Tawk.to ID**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/4-4_1rvevst.png)

5. On the line that starts with **s1.src**, copy the chat ID after the last slash and before the single quote:  
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/5-4_99mvmy.png)
||| ${color}[#f97700](Important:) You need to copy exactly the value between the characters `/` and `'`.

6. Paste it to the **Chat ID** field and then click on **Connect**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/1234-1_jd6ape.png)

If everything was made right, the service will be marked as **connected**: 
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/123-1_w4v2nd.png)

Now tawk.to is connected to your site and your visitors will be able to see a small window of the chat and ask any questions they might have while scrolling through your website. It is also a great way for your sales, marketing, support teams to communicate live with the existing and prospective clients. 

|| ${color}[#FFA800](Note:) For more ways on how to customize the chat window and its appearance, you will need to manage the chat and its settings in your **tawk.to account**. You can also find a lot of new information about your chat service and its settings in the **tawk.to** [Help Center ](https://help.tawk.to)