Embebed a chatbot created in bootkit

Regular Contributor

Hi Everybody

 

I would like to add in my webpage a chatbot that was created in bootkit, I have add the code of this but it is not working...... I show you the steps that I follow for to add this chatbot:

This the code for chatbot:

 

<div id="embedded_messenger">
<header id="message_header" onclick="Botkit.toggle()"><img src="clau.png" id="botImg" alt="Clau">Clau</header>
<iframe id="botkit_client" src="//34.211.161.113/chat.html"></iframe>

</div>

<script src="//34.211.161.113/embed.js"></script>

<script>
var options = {}; // for options, see: https://github.com/howdyai/botkit-starter-web/blob/master/docs/botkit_web_client.md#botkitbootuser
Botkit.boot(options);
</script>

<link rel="stylesheet" href="//34.211.161.113/css/embed.css" />

 

In my template I add the <div> in a module of HTML:

ChatBot div_plantilla_1.PNGChatBot div_plantilla_2.PNG

 

and the script and css I add in additional marker of <head>:

ChatBot script_plantilla_1.PNG

 

ChatBot script_plantilla_2.PNG

But this is not working its looks in this form:

ChatBot_visualización.PNG

I add the link of my page: 

https://www.inbest.cloud/pruebahome2019

 

Will it be that hubspot does not recognize bootkit and therefore is not reflecting correctly or that it might not catch the code of the chatbot?

 

I remain to your comments.

Thanks and Regards.

Reply
0 Upvotes
1 Reply
Regular Contributor

My suggestion is to build this as a custom module, and pulling in the CSS/JS in the module itself. That'll help narrow down the issue. I didn't see that it was loaded on the page you linked to.

Reply
0 Upvotes