More Chat Widget Styling Options

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

HubSpot updates
60 Replies
darmlinatchaos
Occasional Contributor

We have issues with the chat bubble location and size. 

Coachmans
New Contributor

I would like more possibilities to change the behaviour of the chatbot when I use my mobile. Now when I click a link within the chatbot, it brings me there and then I get the chatbot full screen. I want it to minimalize.

PTB
New Contributor

The chat box locatoin covers my "View Cart" button and makes it impossible for people to complete their order! The ability to move the position to another spot on the page would be very helpful! Thanks!

Oscar_Panczenko
New Contributor

How is it possible that this idea hasn't been applied?!

KevinFMTV
Top Contributor

I couldn’t agree more Oscar! I’ve been following this thread for probably a year now. I would think this would be very quick and easy for them to implement. At least a bare minimum the location portion for bottom left vs bottom right so it’s not a critical interference for many e-commerce sites that use cart or continue buttons near the bottom right to advance to the next step in a buying process. 🤦🏻‍♂️🤦🏻‍♂️🤦🏻‍♂️

DBellamy
Regular Contributor

They said it's in planning!  Smiley Very Happy

darmlinatchaos
Occasional Contributor

Thanks @DBellamy !   I am also looking into a using the JS API to steer around in the short term.  

 

https://developers.hubspot.com/docs/methods/conversations_api/hubspot-conversations-javascript-api#w...

 

Thanks!

 

KevinFMTV
Top Contributor

Please IMPLEMENT these styling features ASAP. Today I had this chat.   

 

Very sad that since our average order value is $4,000, we could have possibly lost $4,000 from this person and who knows how many others because of the lack of styling options for the chat widget. 

 

Also the  email address I was asking him for is because I made a special rule in how my chat bubble is setup to exclude contacts on certain lists to help deal with these sorts of complaints because they occur so frequently. I'm really starting to ask myself if the chat feature hurts us more than it helps us. 

 

chatbubble.png

MeirD
New Member

Please allow us to position the widget in any of the four corners of the page. Particularly for sites in right-to-left languages it may be necessary.

 

It would also be great if you allowed for additional custom CSS styles for advanced users.

renangendo
New Contributor

I upvoted this.
Currently we're using a ugly workaround to fix this issue and align the chat button left. 

We need a native solution ASAP.

If anyone's interested, this is the code we use in the css of our webpages. 

        div#hubspot-messages-iframe-container {
            left: 0 !important;
        }

        div#hubspot-messages-iframe-container.widget-align-right {
            left: 0 !important;
            box-shadow: 0 5px 18px rgba(0,0,0,.04) !important;
        }

        div#hubspot-messages-iframe-container.widget-align-right .shadow.active {
            background: none !important;
        }

        div#hubspot-messages-iframe-container.widget-align-left {
            left: 0 !important;
            box-shadow: 0 5px 18px rgba(0,0,0,.04) !important;
        }

        div#hubspot-messages-iframe-container.widget-align-left .shadow.active {
            background: none !important;
        }