# How to add chatbot widget to Website

Installing the chatbot on your website is very easy. Every chatbot 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 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 will automatically reflect on
the bot the very next second. You only have to replace the code, if you are
planning to use a different chatbot. Here are the installation steps.


COPY THE CODE SNIPPET

Go to Edit.


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



Select Website and copy the code snippet of your chatbot.


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 has loaded properly.





Tip



You can also open chatbot using a custom link by:

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

Note



Please note every bot has a unique bot ID
[https://collect.chat/help/article/1124-where-can-i-see-my-bot-id]. This will be
required only when you need to raise a customer support request.