How to Add the Thinkstack Chatbot to Framer ?
info
This guide walks you through the steps to easily integrate the Thinkstack chatbot into your framer site.
Copy the Chatbot Embed Script#
Log in to your Thinkstack account and navigate to the Embed section. From the left side menu, select Framer.
Select Your Preferred Chatbot View that you wish to embed/add in your framer project/website
Once you’ve chosen your view, click the option to copy the provided embed code.
Add the Chatbot to Your Framer Project/Website#
For Chat Bubble Integration#
Log in to Framer: Go to Framer Dashboard and log in to your account.
Open Your Project: Select the project where you want to add the chatbot.
Edit the Code: Click the "Code" icon in the editor to access the Custom Code section. Paste the Thinkstack embed script in the Footer Code section. Ensure the script is placed just before the closing
</body>tag.
For Iframe view/Conversation Form#
- Use the Embed Block: Drag and drop the Embed Block onto your Framer page. Paste the iframe code for the chatbot/conversational form into the block.
Publish Your Site#
- Save your changes and publish your Framer site.
- Visit your live site and verify that the chatbot appears and functions as intended.
That's a wrap 🎉. You’ve successfully added the Thinkstack chatbot to your Framer site.