How to Add the Thinkstack Chatbot to Bubble.io ?

info

This guide walks you through the steps to seamlessly embed the Thinkstack chatbot into your Bubble website and start engaging your visitors instantly.

Copy the Chatbot Embed Script

1. Log in to your Thinkstack account and navigate to the Embed section. From the left side menu, select Bubble.

2. Select Your Preferred Chatbot View that you wish to embed/add in your website

3. Once you’ve chosen your view, click the option to copy the provided embed code.

Add the Chatbot to Your Bubble Website

For Chat Bubble Integration

1. Log in to Your Bubble Dashboard:
   Open your Bubble account. Once logged in, click the hamburger button within your project card and select Launch Editor.

2. Navigate to Settings:
   In the editor, click on the SEO/Manager tab, then open the Settings menu.

3. Embed the Chatbot Script:
   Scroll to the Script in the Body section and paste the previously copied Thinkstack chat bubble script.

4. Save & Publish:
   Save your changes and publish your website to activate the chatbot integration.

For Iframe view/Conversation Form

1. Switch to Design Mode:
   In the Bubble editor, drag an HTML Widget to your desired page location.

2. Paste the Iframe Code:
   Insert your Thinkstack inline chatbot iframe code into the widget. Adjust the width and height settings as needed.

3. Finalize the Integration:
   Save your changes, publish your site, and test the chatbot to ensure it appears and functions correctly.

That's a wrap 🎉. Enjoy your new, interactive chatbot on your Bubble website!