How to add chatbot widget to Website

Markdown

View as Markdown

Installing the chatbot widget on your website is very easy. Every chatbot widget has a code snippet associated with it. You will find this code snippet in the Share section of the dashboard. By pasting this code snippet to your website's source code, the chatbot widget will become live on your site.

This installation is a one-time process. Once the code snippet has been added to your website, any change you make in the chatbot widget will automatically reflect on it the very next second. You only have to replace the code, if you are planning to use a different chatbot widget. Here are the installation steps.

Copy the Code Snippet

Go to Edit.


Click on Share.Click 'Design'Please make sure you have selected Widget as your Chatbot type under Settings > General.

Click 'links'

Select Website and copy the code snippet of your chatbot widget.

Paste the Code Snippet

It is wise to paste the code before closing the head tag.

Preview on Website

Go to your website and ensure that the chatbot widget has loaded properly.

Tip

You can also open the chatbot widget using a custom link by:

<a href="#" onclick="collectchat.open()">Open Chat</a>

Note

Please note every chatbot widget has a unique Chatbot ID. This will be required only when you need to raise a customer support request.

Was this article helpful?

Still need help?

Contact us