How to embed a Chat Bubble on your website

How to embed a Chat Bubble on your website

Using Javascript code

Go the tab 'Chat Bubble'  in your bot's settings. If the tab is disabled you may have to upgrade your account.

Create a new Chat Bubble.

Give it a name, this is just for your convenience. Something to help you set this bubble apart from others. (E.g., "Bot for support.company.com")

Copy the Javascript code of the chat bubble and place it this code inside your website HTML code between the <body> tags.

Below is an example of the embedded code of chat bubble.

WordPress plugin

We are currently developing a WordPress plugin which will conveniently help you publish the chat bubble of your choice in your WordPress website.

This will be pubslished at https://wordpress.org/plugins/search/blits once ready.



    • Related Articles

    • Web Chat Bubble

      The web chat bubble is the easiest way to integrate any chatbot on an existing website. The Blits chat is designed to integrate with your existing website using a small piece of JavaScript code. You can add the Blits chat to your website by placing ...
    • Web Chat Bubble

      The web chat bubble is the easiest way to integrate any chatbot on an existing website. The Blits chat is designed to integrate with your existing website using a small piece of JavaScript code. You can add the Blits chat to your website by placing ...
    • Chat bubble settings

      You can set various settings for your web chat bubble. Chat Bubble screen size Here, you can pick whether the size of the chat screen should be big or small. Chat Bubble position Here, you can pick the location where your Chat Bubble should emerge. ...
    • Chat bubble via Code

      Import latest version of JS bundle Blits chat is designed to integrate with your existing website using JavaScript. You can add the blits chat to your website using a script tag: <script ...
    • How do I enable the Chat Bubble?

      Go to your Bot -> Settings -> Configuration -> Chat Bubble -> Click 3 vertical dots -> Select 'Enable'