Install ChatBot by using Chat Widget

Kacper Wiacek Product Expert Lead
Kacper Wiacek
1 min read
updated: Apr 4, 2022

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.

How to add ChatBot to your websiteLink icon

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

    Install ChatBot on your website

  2. Click on the Publish your bot section.

    Install ChatBot on your website

  3. Click Copy to clipboard to copy the code.

    Install ChatBot on your website

  4. Paste the code to your website’s source code before the /body closing tag.

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. 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.

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