Webflow is a powerful website builder, it's great for designers as it allows a deep level of personalisation. But, how do you integrate outside app, let's say a chatbot, to your website flawlessly? With Ideta, you can have a deep level of personalisation for your chatbot too!
We let you change every aspect of your chatbot. You can chage the logo, bubble's colors, background images, pop-up size, borders and more...! You can integrate your chatbot to your website, as a classical pop-up widget or make a landing page for it.
In the following tutorial, learn how to add Ideta chatbot to your website.
Before anything else
First of all, you have to build your chatbot. Ideta chatbot builder is easy to use, you don't need to code but you can still do complex stuff. You can learn how to make a chatbot in just a few days, without coding.
Step One: Publish your bot!

In a widget pop-up

Step Two
Copy the script code

Step Three
Past the script into your page custom code section, just before “</body>”, in Webflow!
To add your chatbot to all pages of your website, past this script into your project setting custom code.

In an Iframe

Step Two
Copy the bot's URL

Step Three
Add an embeded custom code to your page.

Step Four
Style your iframe and past the bot’s URL as a source.
<iframe
style="width:100%;
border:1px
#b7e3e4;"
src="YOUR BOT'S URL GOES HERE"
></iframe>

Step Five
Set your block size to 100% VH or to any size you want.
