Advanced customization of Web Widget (Classic)

Return to top

74 Comments

  • Dane
    Zendesk Engineering
    Hi,
     
    You can use the Chat API for contact form to modify it. 
     
    <script type="text/javascript">
    window.zESettings = {
    webWidget: {
    contactForm: {
    selectTicketForm: {
    '*': 'Please choose a request type below:'
    }
    }
    }
    };
    </script>
     
    1
  • Ronald

    Thank you Dane that worked perfectly! Looks like there could be some other handy customizations I can do with the Chat API. Thanks!

    0
  • Alec Yevilov

    HI

    I have a few dropdows that I would like preselected based on the users details, which we know. I have tried the prefill, but it does not work. Is it possible? 

    0
  • Thomas (internalnote.com)
    Community Moderator
    Zendesk Luminary

    Hey,

    If you are using the Classic Widget that would be this code

    <script type="text/javascript">  zESettings = {
    webWidget
    : {
    contactForm: {
    fields: [
    { id: 'description', prefill: { '*': 'My field text' } },
    { id: 2142225, prefill: { '*': 'My custom field text' } }
    ]
    }
    }
    };</script>

    Note that this code needs be added after the Widget embed code.

    Example here:

    https://classic-widget.zendesk.com (use the classic form)

    0
  • Alec Yevilov

    Im doing as above, and all other fields are being filled in, but not the dropdowns.

    1
  • Alec Yevilov

    Here is a screenshot

    0
  • Thomas (internalnote.com)
    Community Moderator
    Zendesk Luminary

    Make sure you use the TAG of a dropdown, and not the label.
    You can find this by going to admin center > ticket fields and selecting your field.
    Tags are often a lowercase version of the label.

    0
  • Alec Yevilov

    Hi Thanks

    It works.

    0
  • Raúl

    We're using Sendsafely in our contact form's "attachments" dropzone. It is correctly set up and working on the web form, but it's not reflected in the Zendesk Widget. Is there a way to replace the Zendesk Widget attachment dropzone with an initialized version of the Sendsafely one?

    0
  • Paolo
    Zendesk Engineering
    Hi Raúl,
     
    I found an article from Sendsafely that suggests this might be possible. The article shows how to embed it in the Submit a Request form but the Web Widget (Classic) can be customized as well. You can disable the native attachment of the Widget and add the Sendsafely code. However, you may need to work with Sendsafely to implement this.
     
    Best,
    Paolo | Technical Support Engineer | Zendesk
    0
  • Hii, 

          How can I make changes Advanced customization of Web Widget (Classic). you can check my client website for more clarification, institute of professional banking

    0
  • Audrey Ann Cipriano
    Zendesk Customer Care

    Hello institute of professional banking i took a look at your website and your widget does not look like a Zendesk widget. Are you using a 3rd party bot integrated to Zendesk?

    0
  • Margaux Teboul

    Hello, I'd like to customize my widget for it to look like the one of Zendesk (see the screenshot). How can I reproduce it? Is it possible to do it with the web widget?

    0
  • Mike DR
    Zendesk Customer Care
    Hi Margaux!
     
    That isn't a standard widget when I checked, it looks to be created using the Zendesk Help Center API here.
    0

Please sign in to leave a comment.

Powered by Zendesk