Integrations

Bubble Chat Widget Integration

Follow these simple steps to add the chatbot bubble to your website in just a few minutes.

Step 1

Open Your Chatbot

Go to your Dashboard.

Select the specific Chatbot you want to embed.

Step 2

Go to the Connect Tab

In the chatbot settings, click on the Connect tab.

Step 3

Select the "Bubble Chat" Tab

Inside the Connect tab, switch to the Bubble Chat tab.

You'll see a script snippet generated for your chatbot.

Step 4

Click "Copy" to Copy the Script

Click the Copy button next to the script. It will look something like this:

<script>
  window.rebotlyConfig = {
    chatbotId: "your chat bot id"
  };
</script>
<script 
  src="https://www.rebotly.com/widget.o.js" 
  async 
  defer
></script>

Step 5

Open Your Website's HTML

Open the HTML file(s) of your website where you want the chatbot to appear.

Step 6

Paste the Script

Paste the copied script right before the closing </body> tag of your HTML file. For example:

<body>
  <!-- Your website content -->

  <!-- Paste the chatbot script before this -->
  <script>
    window.rebotlyConfig = {
      chatbotId: "your chat bot id"
    };
  </script>
  <script 
    src="https://www.rebotly.com/widget.o.js" 
    async 
    defer
  ></script>
</body>

Step 7

Deploy Your Website

After saving the file, deploy your website as usual.

You should now see the chatbot bubble appear on the bottom right corner of your site!

Iframe →