topic Re: How can I make the chatbot icon iframe container match the size of the icon? (Likely a bug) in APIs & Integrations

How can I make the chatbot icon iframe container match the size of the icon? (Likely a bug)

schimmy — Fri, 07 Apr 2023 00:35:54 GMT

Hello,

When I have the hubspot widget enabled on my website, the iframe that it occupies takes up space in a way that's difficult for users to notice. There are areas that are outside of the chat bubble that I can't click on, shown in yellow and blue in the image below. However, it's not clear why those areas are not clickable, and it's confusing to the user.

Note: that image is made by me clicking on the iframe and inspecting in Chrome developer tools, and so it's showing some padding of some of the elements inside of the iframe. The iframe has an ID of: #hubspot-messages-iframe-container

Is there a way to shrink the iframe down (ideally Hubspot would do this) which would allow users to click on elements outside of the bubble but in those yellow and blue areas? I would expect the iframe to be the same size as the icon, or not interfere with clicking behind it.

Thanks,

Colin

Re: How can I make the chatbot icon iframe container match the size of the icon? (Likely a bug)

Teun — Fri, 07 Apr 2023 08:15:35 GMT

Hi @schimmy ,

This is valid feedback, but sadly not something you can solve. In the iFrame, the button has a bit of padding and a fixed height and width. Changing the height and width will mess with the styling of the chat button.

The best thing you can do is submit this as an improvement through the ideas forum.

Re: How can I make the chatbot icon iframe container match the size of the icon? (Likely a bug)

AKorenLawrenc — Thu, 05 Sep 2024 13:53:45 GMT

Hey,
Any update about this?
The iframe is just too big...