Chat Widget allows you to add a chatbot to your website in a couple of clicks. You can customize the widget’s look and feel to your needs, e.g., have it match the design of your website.
Go to the Integrations section and select Chat Widget.
Click on the Publish your bot section.
Click Copy to clipboard to copy the code.
Paste the code to your website’s source code before the /body closing tag.
By default, Chat Widget can’t be embedded as an element of the page. However, there is a workaround that lets you do it. See how it can look here.
The example above uses two files, one of them has the chat widget code installed (widget.html), and the other one uses the iframe element that loads it at a specific place on the page (index.html). The widget.html file also contains code that opens the plugin when the page loads.
You can find the source code of these files here.