Skip to main content

Embedding Your Chatbot on a Website

Embedding the Chat Bubble#

The chat bubble is a floating icon that appears in the corner of your website. Users can click it to open a chat with the bot. Here’s how to set it up:

Prerequisite : Ensure you are logged into Thinkstack and have already created a chatbot.

  1. Select the chatbot you want to embed on your website. Select the chatbot

  2. Navigate to Embed in the top navigation bar. Under the Chat bubble on your website section, copy the provided script. Click on embed & copy script

  3. Add this script to your website's HTML code. Paste it just before the closing body tag of your website.

  4. Save and publish the changes on your website.

After adding the script, the chatbot bubble will appear on the website and can be activated by users.

Embedding the Chat Window#

  1. Under the Chat window on your website section, copy the iframe code. Scroll & copy script

  2. Paste this code into the desired location on your webpage, where you want the chatbot window to appear.

  3. Save and publish the changes.

Once embedded, the chatbot window will display directly on your webpage, and users will be able to chat with the bot immediately.

That's a wrap🎉. You have successfully embedded the chatbot on your website.