Skip to main content

Embedding Your Chatbot in Webflow

info

This guide walks you through the steps to easily integrate the Thinkstack chatbot into your Webflow site and start engaging with your visitors in real time.

Copy the ChatBot Embed Script from Thinkstack Dashboard#

Log in to your Thinkstack account. Navigate to the Embed > Webflow > Select a Chatbot View and copy it's respective script/iframe code. Copy the Chat Bubble script from the embed section

Add the Embed Script in Webflow#

  1. Log in to Webflow Admin: Log in to your Webflow account and Go to Webflow Dashboard. Go to the Webflow Dashboard

  2. Access Site Settings: From your Webflow project dashboard, open the website you want to integrate with Thinkstack. Click on the "Site Settings" option. Go to the site settings

  3. Open the Custom Code Section: Navigate to the Custom Code tab. Locate the Head Code Section. Go to the custom code and find the head code section

  4. Paste the Thinkstack Embed Code:Paste the chat bubble script (copied earlier) into the Head Code Section. Paste the copied script in the head section

  1. Save and Publish: Click the “Save” button to apply your changes. Publish your Webflow site. Save the changes

Verify the Integration#

Visit your Webflow website and refresh the page.The Thinkstack chatbot bubble should now appear and function as intended. Save the changes

Add a Bar-Type Chatbot#

  1. If you prefer a bar-type chatbot, copy the specific embed script for the bar-style design from the Thinkstack dashboard. Copy the Bartype script from the embed section

  2. Paste the embed script in the same Head Code Section as before. Save and publish your changes. Paste the script

That's a wrap🎉. You’ve successfully integrated the Thinkstack chatbot on your Webflow website.