Advanced customization of the Web Widget

Have more questions? Submit a request

192 Comments

  • Brett - Community Manager
    Comment actions Permalink

    This is awesome! Thanks for taking the time to share this with everyone Thomas!

    0
  • sebastian
    Comment actions Permalink

    It looks like it's pretty hard to change more than the offered changes in the widget.

    We want to change the contact form button to make it link directly to the real contact form. The problem is that the widget is missing all the CSS and Javascript. One can theoretically use conditional fields but it looks very bad in the widget and also conditional fields do not work.

    So linking to the real contact form would be best. Can this be done somehow?

    Also the "go to the article" button on the top right side of an open article is not seen by many. Can it be changed?

    0
  • Devan - Community Manager
    Comment actions Permalink

    Hello Sebastian,

    This should be doable with enough custom code working via the Web Widget. I'll see if I can drum up some attention for you on getting some help with this but for now, here is an article that might help you get started in your endeavor.

    Introduction - Web Widget

    Best regards.

    0
  • Aleksey Kislov
    Comment actions Permalink

    How can I change field labels in contact form, specifically 'How can we help you?' label? Here is similar question: https://support.zendesk.com/hc/en-us/community/posts/115000453427-Is-it-possible-to-amend-the-labels-for-the-Contact-Us-fields-in-the-Web-Widget-, but answer points to this article, which does not cover that.

    0
  • Brett - Community Manager
    Comment actions Permalink

    Hey Aleksey,

    Can you provide a screenshot of the field you'd like to change in the widget? Are you trying to change the search placeholder that mentions "How can we help you?" If so, you can use the documentation here: Web Widget searchPlaceholder

    Let me know if that's not what you're looking for!

    0
  • sebastian
    Comment actions Permalink

    Any news about my question about how it would be possible to link the contact form button directly to the real big contact form?

    0
  • Aleksey Kislov
    Comment actions Permalink

    Hello Brett,

    I'm talking not about placeholders but about the labels (the ones located above the fields). Like here:

    0
  • Jacob J Christensen
    Comment actions Permalink

    Hi Aleksey,

    The field labels should be editable from the Ticket Fields menu.

    Hope that helps.

    0
  • Aleksey Kislov
    Comment actions Permalink

    Hello Jacob,

     

    What do ticket fields have to do with web widget?

    0
  • Brett - Community Manager
    Comment actions Permalink

    @Aleksey, if you'd like to change the How can we help you? text then you'll need to use the widget api which I've linked for you. I'm afraid there's no way to change this natively at this time.

    @sebastian, I did some digging on my end but I was unable to find any information on linking the web widget to an external contact form. You'd most likely need to custom code your own widget to accomplish this.

    Let me know if you have any other questions for me!

    0
  • Aleksey Kislov
    Comment actions Permalink

    @Brett, the API you've linked is about changing an input placeholder (text inside the field), and I need to change a label (text above the field). Please check my comment above for the screenshot. If it still isn't clear enough, here is a great article to help differentiate between labels and placeholders:  https://joshuawinn.com/ux-input-placeholders-are-not-labels/. Thanks.

    0
  • Brett - Community Manager
    Comment actions Permalink

    Hey Aleksey,

    Thanks for the clarification! I did some digging on my end but I wasn't able to find a way to change the label itself in the widget. The only alternative I could find would be to hide this description field and create your own custom ticket field with the preferred label you'd like to display in the widget.

    We do have an article for disabling the subject/description fields here that may be useful as well: Disabling the subject and description fields on the new request form in Help Center

    Let me know if there's anything else I can assist with.

    0

Please sign in to leave a comment.

Powered by Zendesk