How to make chat appear full screen(without widget) on a specific page

SOLVE
Emadnurdin
Member

Hey everyone, i'm currently stuck on customizing my hubspot chat. I need one of my page to open the chat by default and in full screen mode.

 

I've tried following the docs: https://developers.hubspot.com/docs/api/conversation/chat-widget-sdk but can't seem to make it work with inlineEmbed. Also, its showing me an empty iframe as screenshot attached.

 

test.png

Please help. Thanks!

0 Upvotes
1 Accepted solution

Accepted Solutions
Mike_Eastwood
Solution
Key Advisor | Gold Partner

Hi @Emadnurdin 

 

Can you use CSS to float the Chat Panel like a modal?

 

Target  #hubspot-conversations-inline-parent to make the parent cover the full screen...

 

Then target #hubspot-conversations-inline-iframe to float the Chat in the middle of the screen.

 

Would that work?

Mike

View solution in original post

1 Reply 1
Mike_Eastwood
Solution
Key Advisor | Gold Partner

Hi @Emadnurdin 

 

Can you use CSS to float the Chat Panel like a modal?

 

Target  #hubspot-conversations-inline-parent to make the parent cover the full screen...

 

Then target #hubspot-conversations-inline-iframe to float the Chat in the middle of the screen.

 

Would that work?

Mike

View solution in original post