Configuring components in Web Widget (Classic)

Return to top

10 Comments

  • Miranda Burford

    Thanks Gregor.  That's useful information.  As mentioned previously, we don't have a solution for modifying the text colour today but I'll log it as a feature request for future consideration.

    - Miranda.

    0
  • Miranda Burford

    Hi Gregor,

    the main issue right now for us is changing the background colour as we want to implement the widget into our existing theme. So we would also need to change colour of the text.

    Got it, thanks!  Unfortunately, we don't have a solution available for this today.  Can you please confirm whether you are using messaging or the live chat Web Widget?  I'd like to lodge your feedback for future consideration.

    Thanks,

    - Miranda.

     

    0
  • Mordechai Hammer

    Hello!

    I've got a similar question to Gregor, but regarding customizing either the (1) message bubble color or (2) the "Get in touch" button styling.


    I've consulted the Settings Reference for the Web Widget (classic), which has given me a wonderful starting point, but I was wondering if either of the 2 elements above are targetable objects via the JS in that Settings Reference. 

    They currently both are taking their values from the Theme Color setting, which is really a problem as one has near-black text on it, and the other is overlaid on top of the widget's BG color (white). Finding a color that will be accessible in both circumstances is quite the challenge, so I'd like to be able to control one or both individually, as well as potentially the hover styling for the "Get in touch" button. 

    I thought the "Get in touch" button would get its color from the Button setting in the JS script, but it's not. 

    Thanks for your time. 

    0
  • Gregor Ritter

    Hi Miranda,

    the main issue right now for us is changing the background colour as we want to implement the widget into our existing theme. So we would also need to change colour of the text.

    We hope you can offer us a solution here.

    Kind regards,

    Gregor

    0
  • Gregor Ritter

    Hi,

    is it possible to change the background colour of the widget? in the text area? we could not find an explanation so far.

    Thank you in advance!

     

    0
  • Aday Henriquez

    Hi there,

    Is it possible to have the form opened by default and not collapsed until someone clicks?

     

    Thanks in advance!

    Aday

    0
  • Gregor Ritter

    Hi Miranda,

    as our customers have the option to use dark mode, we need to be able to change background and text colours. At the moment we are using the widget for creating tickets, but in the upcoming months we want to activate the bot and maybe even use live chat.

    If you need further information or want to take a look, which we would appreciate, we can continue the conversation via mail.

    Kind regards,
    Gregor

    0
  • Miranda Burford

    Hi Gregor,

    Thanks for the question!  Miranda, the Web Widget Product Manager here.  Out of interest, are you using messaging or the live chat Web Widget?  If you let me know, I'd be happy to log this as a feature question on our side for future consideration.  I'm assuming that you would like to customise the text colour as well (if you are setting the background colour so they work nicely together)?

    Thanks,

    - Miranda.

     

    0
  • Beau P.
    Zendesk Customer Care

    Hello Gregor,

    The launcher, contact button, and header within the widget are responsive to the theme color you set either within your web-widget settings in the UI or via the object here https://developer.zendesk.com/api-reference/widget/settings/#color but the widget background is not responsive to these changes, nor can it otherwise be customized at this time.

    Beau | Customer Advocate

    Ask our Zendesk Community

    0
  • Thomas Verschoren

    You can add the following code directly below your existing widget code:

    <script>
    zE('webWidget', 'open');
    </script>

    This will, when a page is launched, open the widget immediately.

    Taken from: https://developer.zendesk.com/embeddables/docs/widget/core#open

    0

Please sign in to leave a comment.

Powered by Zendesk