Wordpress Bot inside a div
# 🤝helpp
plain-car-17885
06/08/2024, 11:22 AMHey, I want to integrate my Bot inside a div on my Wordpress Website. In the documentation it gives a whole HTML site with the bot inside a div. When I paste the iframe to the "custom html" it is not showing up. Neither when I paste the whole html, neither when I make a div around the iframe. A fix would be very nice. Thanks!
f
fresh-fireman-491
06/08/2024, 8:56 PMHey there,
Can you checkout this tutorial https://discord.com/channels/1108396290624213082/1173635943270453319 and let us know if it works?
p
plain-car-17885
06/09/2024, 8:48 AMWhen I do it like in the tutorial it adjust the size of the bot, but the bot does not appear on the screen, it is just a empty white space. The problem is not with the Bot I think, because it when I do it inside a normal local html page it works. Maybe I should insert more than just the iframe?
https://cdn.discordapp.com/attachments/1248960410267160637/1249283947943297024/Bildschirmfoto_2024-06-09_um_10.47.28.png?ex=6666bdd7&is=66656c57&hm=deae599be304a61abcc93e5953f1d875715ccf9c0152cf99d4f1824f94cda65d&
f
fresh-fireman-491
06/09/2024, 8:57 AMMaybe a @User knows
m
most-oil-31163
06/09/2024, 9:50 AMHave you tried this method:
https://botpress.com/docs/cloud/embedding-webchat-options/wordpress/
p
plain-car-17885
06/09/2024, 12:32 PMThanks for your Answer. I know how to embedd a bot on a website, but I want to embedd it inside a div on my site, so that it loads once the user gets on the website and does not have to click on the icon
m
most-oil-31163
06/10/2024, 1:06 AMOh I see are you trying to launch the bot immediately so that the user doesn’t have to click the chat icon?
p
plain-car-17885
06/10/2024, 7:25 AMexactly that was the intent. I want it to be like a Header "Here you can Test the Demo:" and under that it displays the Bot. Another option would be to display the Bot in WPCode just on one specific site, but you need to buy premium for it and I would prefer the free version 🙂
plain-car-17885
06/11/2024, 6:53 AM@most-oil-31163 you know how to solve it? Or maybe do you know someone that knows more about it?
c
cold-jewelry-54343
06/18/2024, 11:44 AMif your a little bit familiar with coding I would recommend to test your bots by creating a small HTML where you can embed your (which you can find un your Integrations > Webchat > Embed Code):
note : you would need a code terminal like VSCODE + the extension called "liveserver" (this lets you run your HTML page without hosting it on a server).
Copy code
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chatbot Integration</title>
</head>
<body>
<div id="bp-web-widget"></div>
*** PLACE YOUR SCRIPTS HERE***
</body>
</html>
`162 Views