Provide option to inject custom CSS to control the chat bubble's position on the screen

HubSpot Ideas
1

Currently, the chat bubble remains positioned at the bottom, either on the left or right side, based on the configuration. There isn’t a way to adjust its distance from the bottom of the screen.

This fixed positioning causes an issue where the chat bubble can overlap with crucial action buttons within the integrating application. Since the application can have multiple pages, the chat bubble might obstruct an important action button on any of these pages. It doesn’t seem reasonable to alter the existing user experience of the application solely due to the integration of the chat bubble.

I propose that the SDK should offer an option to inject custom CSS styles. This would allow us to prevent the overlapping issue and ensure a seamless integration.

2

This, combined with the fact that the area occupied by the button is way larger than its visual aspect, makes for bad UX.

Please make custom CSS available for buttons, so that we can customize position, size and color.

3

Same issue here. The chatbot is partially hidden behind a pagewide “subscribe to newsletter” banner. no option to slightly change the top position