Integrate Ideta's Chatbot to Webflow

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!

Copie de Webflow gif
Before anything else, don't forget to publish your chatbot!


In a widget pop-up

A classic chatbot on your website

Step Two

Copy the script code

Copie de Webflow gif (7)
You can find it in the publish section

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.


ezgif.com-gif-maker (4)
Don’t forget to publish your website!



In an Iframe


A chatbot landing page can capture more leads!

Step Two

Copy the bot's URL

Copie de Webflow gif (3)
You can find it in the publish section

Step Three

Add an embeded custom code to your page.

Copie de Webflow gif (4)
You can add an embedded custom code in the paid version of Webflow

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>
Copie de Webflow gif (5)
We made our iframe full width so it takes all the screen

Step Five

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

Copie de Webflow gif (6)
Don’t forget to publish your website!

Here the recap video!

Best Articles

Written by
Ideta

Nous aidons les entreprises à construire leurs propres chatbots, voicebots ou callbots, en leur fournissant un logiciel puissant.

Linkedin
Try our chatbot builder for free!
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.