More Chat Widget Styling Options

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

HubSpot updates
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. 

 

Thanks! 

 

Cassie

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! 

changed to: In Planning
Jan 30, 2019

72 Comentários
Colaborador Frequente

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

Colaborador Ocasional

I'm all for this. My main requirements are

 

1. Reducing the size on mobile.

Equipe de Produto da HubSpot
Equipe de Produto da HubSpot
Status atualizado para: In Planning
 
Novo membro

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

Colaborador Iniciante

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. 

Colaborador Frequente

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.

Moderador da HubSpot
Moderador da 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! 

Colaborador Iniciante

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.

Colaborador Iniciante

Yes please! We definitely need this!

Colaborador Frequente

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

Colaborador Ocasional

We have issues with the chat bubble location and size. 

Colaborador Iniciante

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.

Colaborador Iniciante

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!

Colaborador Iniciante

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

Colaborador Frequente

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

Colaborador Frequente

They said it's in planning!  Smiley muito feliz

Colaborador Ocasional

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!

 

Colaborador Frequente

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

Novo membro

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.

Colaborador Iniciante

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