fbpx

How to integrate an online chatbot?

In this example we will embed a bot in our chat window to optimize user support.

How much time does your support or sales team waste? Many of the users who access your WhatsApp channel have recurring doubts and queries, other times they are simply confused about where to go. These interactions generate many wasted hours. With Typebot virtual assistant you will be able to answer many questions that do not require a real agent, in a simple way, as if you create a list of frequently asked questions. You will save a lot of money and your customers will be more satisfied with the attention received, since a bot works every day of the year, at any time.

Once you have created the bot, you just have to embed it as an Iframe in the chat window, see this code example:

{IFRAME https://viewer.typebot.io/lead-generation-copy-u037vfo 450}

If you also want the Joinchat contact button to disappear, as we have done in this example, use this CSS in your site:

/*Replace .postid-000 with the ID of your page.*/

@media (max-width: 480px), (orientation: landscape) and (max-width: 767px){
 .postid-000 .joinchat__message {
 padding: 0px 0px;
 line-height: 10px;
 margin: 0 20px 20px;
 }
 .postid-000 .joinchat__iframe {
 min-height: 70vh;
 }
}
.postid-000 .joinchat__message {
 padding: 0px 0px;
 line-height: 10px;
}
.postid-000 .joinchat__iframe {
 border-radius: 12px!important;
 margin: 0;
}
.postid-000 .joinchat__channels.joinchat__contact {
 display: none;
}

🍪 We use cookies to personalize and enhance your experience on our site. Visit our Privacy Policy to learn more.

BY USING OUR SITE, YOU AGREE TO OUR USE OF COOKIES.

1
Knock knock
Scan the code