Web Chat Bubble

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 the script tag into the HTML of your website. You can create multiple web chat bubbles with different styling for any bot.

Enabling the chat bubble

Before being able to use the chat bubble, you need to enable it.
Go to your bot -> Settings -> Configuration -> Chat bubble -> Click 'Enable'


Creating a new chat bubble

Create a new chat bubble to start using this method. The Chat bubble is customisable to your brand and wishes by setting various settings (like avatar, popup messages, colours, icons, etc.) directly via the Blits platform. These settings can be altered without changing the script code. In addition you can load and alter the chat bubble from code if you need more advance features like setting the userId, or define when to Create, Render or Destroy multiple chat bubbles..


The chat bubble settings

On this page you can edit and create Web Chat Bubbles for integration on websites. Insert the embedded Javascript code into your website to view and test your chat bubble. To create and configure a Chat Bubble, three settings must be configured first:

Chat Bubble name

Provide a name for the Chat Bubble

Description

This is optional. Provide a description for your Chat Bubble.

After clicking save, your Chat Bubble is created. From here, you can configure more settings.


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

    • 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'

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