HubSpot Ideas

DBellamy

More Chat Widget Styling Options

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

101 Replies
MS13
Member

Please allow the option to change the size and position of the chatbot icon.

 

The current option of being able to choose between left or right is not enough, especially on mobile, which these days is becoming the norm.

 

While it would be great to allow the users to dynamically move the icon themselves using their finger or mouse, this might be difficult to script and is less urgent and more of a nice to have.

 

More urgently, we need to be able to move the icon off the sticky footer, as there are critical menu navigation items in the footer being blocked, regardless of whether it is on the left or right of the screen. Please allow either an option to change the positioning or at the very least some CSS to position it relative to the footer so it doesn't block it!

 

Giving the users the option to click to remove the icon from the page would also be great so that it disappears for the duration of the session (or until the user refreshes the page).

MS13
Member

If anyone else is having this issue, we found the custom CSS that can resolve the positioning issue:

 

div#hubspot-messages-iframe-container {
bottom: 80px !important;
max-height: calc(100% - 80px) !important;
}

 

We would still really like to have the other features mentioned above added to the roadmap, so please consider these!

TFMsupport
Member

Regarding the knowledge lookup in the chatbot, is there a way to slow down the response by a second or two (a lot of information is sent too quickly) or reduce the size (font) of the automatic messages? 

GBC123
Member

Customizing the Open and Close icons for the widget would be amazing for brand cohesion.

VrishakapiDas
Member

Also, it would be good to be able to change the icon on the chat window or simply input some text like "Help" or  "Support".



dcasso
Member

Don't spend your time on coming up with ideas.

 

Hubspot apparently doesn't seem to care.

 

They have had years now to change this, that would require a few fields in a database and a couple of parameters in a javascript file.

Mabdallah
Member

it would be great to be able to add attachements to the chatbot so when creating a ticket we can have all the information needed . 

 

 

maritima
Member

Also critical for us on mobile, the chat icon overlaps the menu. 

DLiu9
Member

How can I change the icon size? 

NVardanyan
Member

It would be great to make users able to drag the chat icon

AJA1
Member

Set the chat to unavailable on a future date. For example: there is a national holiday on Monday 9th and you want to set that date as unavailable for the chat without having to change the chat availability settings.

HCho
Member

its 2022.. and we need this..

qvant
Participant

At the bottom of the page, there are lots of valuable details, links, and actions. As a Hubspot admin, I must have the option to set precisely where to put the chat button to avoid confusion for our users.

MSchiano
Participant

100% need having full control of the theme. Icon and background color of chat. Making it transparent - etc. At the very least icon color so we can match themes exactly and not be stuck with stock colors that don't intergrate well with all sites. - thank you!

Voyagr12
Member

Several years of requests and I still need more options.  The Chat icon is in the way no matter bottom right or bottom left.  I would rather not redesign the entire site.  I would rather have more options for styling and locations and everything for this chat icon.  I am needing to do my own styling within my site to override what you are providing us.

HayatoYu
Member

Hi,

Could it be possible that provide a custom css interface to the chat Widget? We'd like to customize the font family, font size, line height, and many other styles. It looks no interface for it for now.

EricSong
HubSpot Product Team

Hi all,

 

We're excited to announce that the ability to drag the chat widget across the screen is finally out in private beta!

 

If you're interested in being part of our beta test or have any questions, please message me directly.

 

We appreciate your continued feedback and look forward to launching more customization features for the chat widget in the near future.

 

Best,

 

Eric

SDMcLaughlin
Member

Hi @EricSong the "ability to drag the chat widget" was posted almost 1 year ago.

 

Is this now in the release product?

 

Can you direct me to a "how to"?

 

for reference, we have the HS chat bubble integrate in our  Node Application using script injection as follows...

<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/${trackingCode}.js"></script>

 

EricSong
HubSpot Product Team

Hi @SDMcLaughlin! The draggable widget feature is currently in beta but we plan to release it to all applicable HubSpot portals within the next month.

 

Are you currently ungated to the feature? I'm happy to answer any specific questions you have as you try out the feature.

SDMcLaughlin
Member

The draggable widget feature is currently in beta but we plan to release it to all applicable HubSpot portals within the next month

 

Thank you @EricSong - we can wait for official release. 

 

It would be great if you posted an update here with its release status and instructions for how to impliment it when released.

 

Regards, Steve.