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

[Emadnurdin]

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.

Please help. Thanks!

[AAhmed93]

I am getting the same issue. but unable to fix it. can anyone help?

[kvlschaefer]

Hi @AAhmed93,

Thanks for reaching out! 

I would recommend creating a new post here. When creating a new post, please include  any troubleshooting steps you have taken and screenshots for the community to be able to assist.

Thank you,

Kristen

[AYeshchenko]

Hi all, 

It will be very useful for me as well. Could you explain how to do that in more detail? We are also using WordPress and Elementor, will it work?

Regards, 

Andrii 

[kvlschaefer]

Hi @AYeshchenko,

Thank you for reaching out!

As this post is 2 years old, I would recommend creating a new post here. When creating a new post, please include your goal, any troubleshooting steps you have taken, and screenshots for the community to be able to assist.

Thank you,

Kristen

[Mike_Eastwood · Accepted solution]

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