More Chat Widget Styling Options

There should be more styling options for the messages add on.

HubSpot updates
More Chat Widget Styling OptionsEquipo de producto de HubSpot
Jun 6, 2019

Hi all-


I am happy to let you know we are addressing one of the issues from this post. We have implemented a way for you to move the chat widget to the left side of the page. This feature was released today and you can find this in your inbox settings. 


We will be working on further customizations to the widget later in the year. 


Please let me know if you have any feedback. 





More Chat Widget Styling OptionsModerador
Feb 20, 2019

Would love to see some more ability to customize the design and look of the conversations tool. It is a great tool, but would love to be able to customize it more! 

More Chat Widget Styling OptionsEquipo de producto de HubSpot
changed to: In Planning
Jan 30, 2019

66 Comentarios
Visitante habitual

Hello HubSpot Product Team,


Being able to place the chatbot on the left or right corners is not enough for us. Placing it on either side would be in the way of important buttons/contents on our site. I need the capability of letting our users be able to drag the chatbot to where they prefer. Chatbot is super useful for interactions with site visitors, but at this time we are unable to take any advantage of it due to the above reason. Please set this your priority in optimizing the chatbot capabilities. Thank you.

Colaborador ocasional

We def need more options for what the bubble looks like. Look at options. More CTA looking bubbles and such. This gets lost alot of the time. 

Colaborador ocasional

The Chat button and windows should automatically inherit CSS from your website, or the styling options should at least use the stock colors from Settings (for emails, I think?). You should DEFINITELY be able to use the same font as your website!


Hi there thought I would contribute my reasoning to needing more styling to the chat icon:


I am currently working on a mobile version of our website which uses a sticky footer similar to those on Instagram, Facebook etc to provide more of an app feel when browsing our website from a mobile. The issue that I face though is that because we use Hubspot live chat the icon blocks an element which is a vital element which a user can click to go to there cart. All I need to be able to do is simply position the live chat icon approximately 15px above the sticky footer.


Screenshot is provided to explain more.


Hubspot icon blocking CartHubspot icon blocking CartScreenshot 2020-03-31 at 14.42.24.png

Colaborador habitual

@ianpetzer Much better thankyou.