APIs & Integrations

tnz
Membro

chatflow as a fullscreen bot

resolver

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:

Screenshot 2024-02-26 at 17.10.15.png

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.

Screenshot 2024-02-26 at 17.20.22.png

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.

 

1 Solução aceita
tnz
Solução
Membro

chatflow as a fullscreen bot

resolver

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

Screenshot 2024-03-05 at 01.02.05.png

Screenshot 2024-03-05 at 00.55.08.png

Screenshot 2024-03-05 at 01.35.30.png

Screenshot 2024-03-05 at 01.35.42.png

  

Exibir solução no post original

0 Avaliação positiva
3 Respostas 3
tnz
Solução
Membro

chatflow as a fullscreen bot

resolver

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

Screenshot 2024-03-05 at 01.02.05.png

Screenshot 2024-03-05 at 00.55.08.png

Screenshot 2024-03-05 at 01.35.30.png

Screenshot 2024-03-05 at 01.35.42.png

  

0 Avaliação positiva
tnz
Membro

chatflow as a fullscreen bot

resolver

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

0 Avaliação positiva
Humashankar
Top colaborador(a)

chatflow as a fullscreen bot

resolver

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

Humashankar VJ
HubSpot Community Champion and enthusiast | Engineering Manager
0 Avaliação positiva