Chat Widget: Add ChatBot to your website

Kacper Wiącek
2 min read
updated: Jan 23, 2020

Chat Widget is a ready-to-use chat window you can customize and paste to your website.How to add ChatBot to your website.

How to add ChatBot to your website

  1. Go to the Integrations panel and select Chat Widget. Integrations section in ChatBot - Chat Widget
  2. Click on the Publish your bot section. Publishing Chat Widget in ChatBot
  3. Copy the code from the box by clicking on “Copy to clipboard” Chat widget code to copy and paste on your website
  4. Paste the code to your website’s source code before the tag. Installing Chat Widget in ChatBot
  5. Once you’ve successfully added ChatBot code to your website, refresh the page. You should see a Chat Widget in the bottom right corner. Chat Widget installed on a website

Have any issues with the installation? Chat with our bot or leave us a message.

How to embed Chat Widget on a website

Some of you ask how to embed a chat widget directly as an element of the page, which is why we’ve prepared a very simple example. Our widget does not provide this option by default, but you can achieve this effect using some tricks. You can see the demo 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 to load it at a specific place on the page (index.html). In addition, the widget.html file also contains code that makes the plugin open when the page loads.

You can find the source code of these files here.

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

Start a free ChatBot trial
and build your first chatbot today!

Free 14-day trial No credit card required