Conversations SDK : Handling Overlay Issues and Language Configuration Without Path Change

[FireHot]

Hello HubSpot Developer Community,

I'm currently integrating the Conversations SDK into an H5 (mobile web) page and have encountered two challenges that I'd like to seek guidance on:

1. Overlay Blocking Issue with Buttons
   When the Conversations chat bubble is displayed, the transparent portion of the iframe appears to block interactive elements (e.g., buttons) underneath it on the page. This behavior prevents users from clicking those buttons while the chat is open. Is there a recommended way to resolve this issue? For example:

   • Can we adjust the z-index or CSS properties of the iframe or overlay?
   • Are there any configuration options in the SDK to make the iframe non-blocking?
   • Any known workarounds or best practices for handling this on mobile H5 pages?

2. Changing SDK Language Without URL Path Modification
   Currently, our application's path does not support language parameters for loading the Conversations SDK. We need to set the language through JavaScript configuration rather than URL paths. Is there a way to dynamically set the language of the Conversations SDK without relying on the URL path? For instance:

   • Can we pass a language parameter via JavaScript configuration?
   • Does the SDK support setting locale through a config object or API call?

Any insights, code examples, or documentation references would be greatly appreciated!

Thank you in advance for your help.

Best regards.

[BérangèreL]

Hi @FireHot and a big warm welcome from the HubSpot Community! 🧡

Thanks for posting here! For reference, here are some documentations:

- Conversations SDK
- Visitor Identification

Now, I'd love to put you in touch with our Top Experts: Hi @suprdense, @Anton and @d-lupo do you have suggestions for @FireHot, please?

Thanks so much and wishing you a great weekend!
Bérangère