I’m having trouble integrating the fullscreen bot ...
# 🤝helpf
future-flag-20619
03/21/2024, 9:58 AMI copy pasted the code given by BotPress and changed the clientID and botID to my own and embedded it into my website however it shows up black when i launch the website, also i tried embedding my configurable code onto my website and that doesn’t seem to work either. what can i do?
f
fresh-fireman-491
03/21/2024, 11:53 AMHey there,
fresh-fireman-491
03/21/2024, 11:53 AMYou have to do it a bit differently with the V1 of the webchat
fresh-fireman-491
03/21/2024, 11:54 AMYour HTML code could look something like this:
fresh-fireman-491
03/21/2024, 11:57 AMThe main difference is this styling that we added in our HTML code
/* Full-screen styling for the chat widget iframe container */
.bp-widget-side {
width: 100% !important; /* Full width */
height: 100vh !important; /* Full height of the viewport */
position: fixed !important; /* Fixed position relative to the viewport */
top: 0 !important; /* Align top edge with viewport */
left: 0 !important; /* Align left edge with viewport */
right: 0 !important; /* Align right edge with viewport */
bottom: 0 !important; /* Align bottom edge with viewport */
border: none !important; /* No border */
border-radius: 0 !important; /* No rounded corners for full screen */
overflow: hidden !important; /* No scrollbars */
}
r
rough-iron-96590
03/21/2024, 11:58 AMThank yoiu !
f
fresh-fireman-491
03/21/2024, 11:59 AMYou should also change some parts of the stylesheet. Specifically .bpw-layout
fresh-fireman-491
03/21/2024, 12:00 PMTo make it be full screen
fresh-fireman-491
03/21/2024, 12:01 PMIts been a while since I did it, but I think thats it
fresh-fireman-491
03/21/2024, 12:01 PMYou can set the avatar in the Webchat integration settings.
https://cdn.discordapp.com/attachments/1220310570733928508/1220341629005594654/image.png?ex=660e96b5&is=65fc21b5&hm=dd579395ed0815eb63e60e93c4798deef0ea4b324bf4d606e82c679bd7f5977c&
r
rough-iron-96590
03/21/2024, 12:03 PMI am integrating the chatbot into an application, so the webchat integration is not useful to me
rough-iron-96590
03/21/2024, 12:06 PMf
fresh-fireman-491
03/21/2024, 12:08 PMAh okay,
Lets take that in a new help post, since this one is for a website 🙂
2 Views