Embedding Your Chatbot on a Website
info
This document guides you in embedding your chatbot by selecting a view, copying the script or iframe code, and integrating it into your website.
Select Your Chatbot: Log in to your Thinkstack account and select the chatbot you want to embed on your website.
Navigate to the Embed Section: Go to Embed > Website. Select your desired chatbot view: Bubble View, Bar View, Iframe View, or Conversational Form, based on your design and functional requirements.
note
To embed a conversational forms, you must have created and publish the action. Only the list of published actions are available for embedding as conversational form.
Copy the Script or Iframe Code: If you’ve selected Bubble View or Bar View, copy the provided script; if you’ve selected Iframe View or Conversational Form, copy the provided iframe code, respectively.
Add the Script/Iframe to Your Website Code:
➡️ For Bubble View or Bar View: Paste the script just before the closing </body> tag of your website's HTML to ensure it loads properly.
➡️ For Iframe View or Conversational Form: Paste the iframe code into the specific section of your webpage where you want the chatbot to appear (e.g., within a div or a content block). Ensure the placement aligns with your desired layout and design.
- Deploy the Code: After adding the script or iframe to your website’s code, deploy your updated website to make the chatbot live.
That's a wrap🎉. You have successfully embedded the chatbot on your website.