chatflow as a fullscreen bot

[tnz]

Hi all,

I need to make my bot full page, I've tried several things but the one that i think is closer to my goal at the moment is this:

<div id="hubspot-conversations-inline-parent">&nbsp;</div>

<script>

window.hsConversationsSettings = {

loadImmediately: false,

inlineEmbedSelector: '#hubspot-conversations-inline-parent',

enableWidgetCookieBanner: true,

disableAttachment: true

};

window.hsConversationsOnReady = [

() => {

window.HubSpotConversations.widget.load();

},

];

</script>

I have also mixed some options suggested by this page but i can't seem to find a way to style it

I'm trying to edit directly in the hubspot page because i can't really embed the bot in an external page. so far i get this:

i just need to resize it but when i open style tags they get deleted, and if i try resizing it directly inside (inline) the div tag it doesnt change anything. I also tried a iframe inside the div but also doesn't work.

 

I feel like my page is following the template css and i cannot find it or re direct it.

any advice or pointers in the right direction would be very appreciated.

[tnz · Accepted solution]

I have found a reasonable compromise. In fact, it's very close to what I was aiming for.

I could have it in full screen but i wanted the menus to show so i modified it to fit but then still the dialogs look too far away so i shortened the width

  

 

 

[tnz]

thank you for your suggestion, the js might be useful for customizing some things, but not to achieve what I am looking for.

[Humashankar]

When the re direct have some issue, CSS rules might be governing the appearance of the bot

Would you want to try using javascript to dynamically modify the styles of the bot after it has been loaded.
You can target the bot's elements using javascript selectors and apply styles directly to them

Hope this helps and happy to assist further !!

Thank you very much and have a fantastic day!
Warm regards