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.

‍

Here the recap video!