topic chatflow as a fullscreen bot in APIs & Integrations

chatflow as a fullscreen bot

tnz — Mon, 26 Feb 2024 17:07:27 GMT

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:

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.

Re: chatflow as a fullscreen bot

Humashankar — Tue, 27 Feb 2024 13:37:28 GMT

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

Re: chatflow as a fullscreen bot

tnz — Mon, 04 Mar 2024 23:52:08 GMT

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

Re: chatflow as a fullscreen bot

tnz — Tue, 05 Mar 2024 00:36:35 GMT

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