bot in a div on wordpress site
# 🤝helpf
freezing-article-91059
03/21/2024, 1:17 PMI'm having trouble containing the bot within a frame on my Wordpress website, using an Elementor HTML block. I try the code from thh Botpress Documentation but the Bot appears as full screen (and blocks the content behind it) when i publish the page. I have the 'showCloseButton' set to true, so when i click the 'x' the bot closes and i can see the rest of the page, including the iframe space the bot should be in, but it is just background color, no bot.
Can anyone help me to do this?
freezing-article-91059
03/21/2024, 4:41 PMANyone?
f
famous-dinner-34730
03/27/2024, 2:01 AMSame here, I can't get the bot to be contained within a div to save my ass 😦 it floats right no matter what I do. I tried full screen, no luck containing that in a div either...
f
freezing-article-91059
03/28/2024, 3:19 PMAre you aware of the host URL inject as either v0 or v1 - the v0 is for fullscreen i think, the v1 is for the widget?
'hostUrl': 'https://cdn.botpress.cloud/webchat/v0',
Perhaps someone who knows can comment please. thanks.
freezing-article-91059
04/22/2024, 12:27 PMfor the time being, I have a live example of this issue to inspect at https://www.fletterconsulting.com/chatbots/
Thanks for your help @famous-jewelry-85388
f
famous-jewelry-85388
04/25/2024, 4:19 PM@bright-magazine-792 can you help us here please?
famous-jewelry-85388
04/25/2024, 4:22 PMI am not a CSS expert, but I tried, I think the CSS itself in the website it broken for some reason.: I moved the iframe in the div:
however there is nothing shown
https://cdn.discordapp.com/attachments/1220360711616860222/1233090847805804554/image.png?ex=662bd4d7&is=662a8357&hm=a11b07f86fe8ee6ca665179260f288c568eaa601bfc56215943aab8b7c49a080&
https://cdn.discordapp.com/attachments/1220360711616860222/1233090848082890825/image.png?ex=662bd4d7&is=662a8357&hm=caee8f7de165fe473cc82a5427d6e4250933f18853cb1caad901661a015f30be&
famous-jewelry-85388
04/25/2024, 4:23 PMI gave ti higher z-index...
famous-jewelry-85388
04/25/2024, 4:25 PMI think the scripts are in the wrong plac
b
bright-magazine-792
04/25/2024, 8:38 PMyeah script must be in a wrong place. @famous-jewelry-85388
Can you share a screenshot of where did you add the code?
@freezing-article-91059
f
freezing-article-91059
04/25/2024, 11:24 PMon that page i have it in (elementor) HTML Code Block (see image) with custom CSS (see image)
www.fletterconsulting.com/chatbots
https://cdn.discordapp.com/attachments/1220360711616860222/1233197050024169633/image.png?ex=662c37c0&is=662ae640&hm=35cc984d3fbf00e7e9102999c9576abfa25fab82111820b8e3593fcd8b6d4faa&
https://cdn.discordapp.com/attachments/1220360711616860222/1233197050531938387/image.png?ex=662c37c0&is=662ae640&hm=81e0d76c50900fe85c972e8d1e2121944073ae11f5a9cc3b6ae9c4b202552ddf&
freezing-article-91059
04/25/2024, 11:28 PM@bright-magazine-792 , and on another page: https://www.fletterconsulting.com/chatbots/chatbot-in-a-div-2/
I have it embedded as a shortcode snippet into a shortcode block. Either way , the bot blows up to the full screen, not contained to the div. you can see some differences after closing the window, one has a container where it should be, the other has taken over the entire formatting.
thanks @famous-jewelry-85388
freezing-article-91059
04/25/2024, 11:31 PMThe snippet is supposed to be basically the full 'Chatbot in a div' example code copied over, except with my bot/client id.
freezing-article-91059
04/25/2024, 11:33 PM