Chat Widget: Add ChatBot to your website

Kacper Wiacek
2 min read
updated: May 9, 2022

Chat Widget is a ready-to-use chat window that lets you add a bot to your website. You can easily customize its look and feel to match your own website.

How to add Chat Widget to your websiteLink icon

  1. Go to the Integrations section and select Chat Widget.

    how to instal chatbot

  2. Click on the Publish your bot section.

    how to instal chatbot

  3. Copy the code from the box by clicking on Copy to clipboard.

    how to instal chatbot

  4. Paste the code to your website’s source code before the tag on every page of your website. Installing Chat Widget in ChatBot

  5. Once you’ve added the 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

Do you have any questions about the installation? Chat with our bot or leave us a message.

How to embed Chat Widget on a websiteLink icon

By default, Chat Widget can’t be embedded as an element of the page. However, there is a workaround that lets you do it. 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 that loads it at a specific place on the page (index.html). In addition, the widget.html file contains a code that opens the plugin 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

Discover our other products