Using Freschat with HTML5 dialog element

[arunrajkumar235 (Arun Rajkumar)]

Hi @felix and @AlixRichards ,

I’ve answered a similar query earlier that might be of use to you as well.

Customize widget size Freshchat

Hi @edonb, The element you’re trying to modify is within the iframe of the Freshchat widget. Any styles defined on your website will not be applied to the dom of an iframe. That’s how browsers work. The widget comes with a default size and the option to change it to a compact size in the Messenger Settings page. [Screenshot_2022-08-08_at_10_57_58_AM] Other than that, there are no size-customizations available out-of-the-box. However, if you insist, there is a cumbersome way to achieve any…

I’ve explained how you could create an iframe and load the Freshchat widget within that iframe in fullscreen mode. That way, you can control the height and width of the iframe and place it wherever you want on your web page.

Hope this helps.

Regards,
Arun Rajkumar