APIs & Integrations

tnz
メンバー

chatflow as a fullscreen bot

解決

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件の承認済みベストアンサー
tnz
解決策
メンバー

chatflow as a fullscreen bot

解決

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 いいね!
3件の返信
tnz
解決策
メンバー

chatflow as a fullscreen bot

解決

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 いいね!
tnz
メンバー

chatflow as a fullscreen bot

解決

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

0 いいね!
Humashankar
トップ投稿者

chatflow as a fullscreen bot

解決

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 いいね!