More Chat Widget Styling Options

[DBellamy]

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

[KevinFMTV]

So that it can be more easily found in search ... i created a more specific ticket about chat bubble locations.  You can upvote it here Ability to Modify Chat Bubble Location

[evilc79]

I'm all for this. My main requirements are

1. Reducing the size on mobile.

[Blabberboy1]

Yes, the customisation options are very poor. Please add more HubSpot!

[sarahcottentail]

Having switched to Hubspot Service center, I'm extremely disappointed in how bare the ablity to customize it. I really need to be able to better support the needs of my business, and while I enjoy the intergration that Hubspot offers, it's lacking in a lot of basic needs that a support team needs. 

[Stellaivano]

Hello everyone.

I'm currently wondering: This idea has been submitted on 2017, and Hubspot changed the status "on planning" just 3 weeks ago.

Are there any further details of the timeline of these? I'd love to hear that in the next month everything has changed.

Thank you.

[sfisch]

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! 

[xaviermirmon]

A really simple but useful thing for us is if you could change the alignment.  We have many CTA's and popup's that appear on the bottom right corner of the page.  Currently, the chat widget is overlayed on top of our CTA's the ability to change positions would be super helpful.

[pimi]

Yes please! We definitely need this!

[cursu]

Agreed, all great ideas. It's quitre limited right now.

[darmlinatchaos]

We have issues with the chat bubble location and size. 

[Coachmans]

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]

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]

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

[KevinFMTV]

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]

They said it's in planning!  

[darmlinatchaos]

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]

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. 

[MeirD]

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]

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;
        }