More Chat Widget Styling Options

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

70 Commentaires
Contributeur régulier

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

Contributeur occasionnel

I'm all for this. My main requirements are

 

1. Reducing the size on mobile.

Équipe de développement de HubSpot
Équipe de développement de HubSpot
Statut mis à jour : In Planning
 
Nouveau membre

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

Nouveau contributeur

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. 

Contributeur régulier

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.

Modérateur HubSpot
Modérateur HubSpot

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! 

Nouveau contributeur

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.

Nouveau contributeur

Yes please! We definitely need this!

Contributeur régulier

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

Contributeur occasionnel

We have issues with the chat bubble location and size. 

Nouveau contributeur

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.

Nouveau contributeur

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!

Nouveau contributeur

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

Contributeur régulier

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. 🤦🏻‍♂️🤦🏻‍♂️🤦🏻‍♂️

Contributeur régulier

They said it's in planning!  Smiley très heureux

Contributeur occasionnel

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!

 

Contributeur régulier

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

Nouveau membre

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.

Nouveau contributeur

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