Using custom ticket fields and ticket forms with the Web Widget (Classic)

Return to top

26 Comments

  • Elaine
    Zendesk Customer Care
    Hi William,
     
    You should be able to add a checkbox custom ticket field on the widget by making sure of the following:
     
    1. The checkbox field is active from the list of your ticket fields (Admin > Manage > Ticket Fields)
    2. The ticket field is added into the form where you intend to use and show it to the end-users (Admin > Manage > Ticket Forms)
    3. From the Admin > Channels > Web Widget (Classic) under the specific brand where you're using the ticket form with the checkbox field, toggle enabled for Ticket forms
    4. Choose the checkbox field from the list of custom ticket fields together with the rest of the custom ticket fields you intend to show to your end-users
    5. Click the Save button under the particular brand
     
    As a guide, please do check the screenshot below on what it's supposed to look like:
     

     
    Hope this helps! Keep safe!
    1
  • Elijah

    Are there any plans to support multi-select ticket fields in the web widget? Not being able to use all ticket fields in the web widget is a major drag.

    1
  • Raphaël Péguet

    Hi Zendesk Team,

    It would be nice to write/explain in the field creation interface that it is not possible to add this kind of fields (date, multiple selection, regex) in the web widget. We have to do it to know it..

    Best regards,

    1
  • Avery Tritch

    I don't have any option in Channel -> Widget to add Custom Ticket Fields to the Contact Form. Where can I activate this?

    1
  • Manny Ordoveza

    I cannot see a "custom ticket field" in the widget customization settings.

     

    1
  • Mihir Zalavadiya

    In the Form Can we give read-only permission in custom field??
    If yes how?

    1
  • Nara S.
    Hi Brandon,
     
    Thanks for writing in. At this time with the Classic Web Widget out-of-the-box, there is no way to offer different ticket forms based on specific end-user credentials. That said, it is possible to surface specific forms in the widget's code itself using custom code, via the ticketForms section of the Web Widget's Settings Reference here. However, custom scripting on the page will need to be implemented outside of ZD in order to determine what forms to then surface based on the end user's credentials which falls outside of our scope of support here.
    0
  • Dave Dyson
    Zendesk Community Manager
    Hi Usman!
     
    No, you can't change a field label that way, but you can use JavaScript to change the label in a ticket field -- here's an example that changes the labels of the Subject and Description fields, but you can do the same for a custom field by substituting for=request_custom_fields_{id}_label with the id for that custom field (no brackets),  in place of for=request_subject: Rename the "Subject" and "Description" labels on the Request form
    0
  • Usman Saeed

    Can i change the custom field label name using this script like prefill?

    <script type="text/javascript">
    zESettings = {
      webWidget: {
        contactForm: {
          fields: [
            { id: #####, prefill: { '*': 'Desired text' } }
          ]
        }
      }
    };
    </script>
    0
  • Usman Saeed

    Okay Thanks for the Help Christopher Kennedy

    0
  • Jim
    Zendesk Customer Care
    Hi Roman,

    I'm afraid to say that it's not possible to set the ticket's Assignee using the Web Widget, at this time. The only functionality that can help you route or assign automatically the ticket to a particular assignee, is the use of Trigger. We encourage you to submit feedback regarding this, by visiting this link.


    Best,

    Customer Advocacy Team
    0
  • Usman Saeed

    Christopher Kennedy Thanks for the update.

    Any reason why we can't change custom field title/label for end users using Web Widget API Script.

    0
  • Christopher Kennedy
    Zendesk Developer Advocacy
    Hi Usman,
     
    The hint property allows you to specify the field's description, but it won't change the field's title/label within the widget.  You may set the Title shown to customers value in the ticket field's settings to display your desired field title to end-users.
    0
  • Christopher Kennedy
    Zendesk Developer Advocacy
    The widget doesn't provide the same degree of UI customization that is possible in Help Center.  Depending on your use case, it may be a helpful strategy to prioritize configuring the customer-facing ticket field title to what is expected within the widget.  Then if you expect it to be different within Help Center, you have the ability to change it via Javascript.
     
     
    0
  • Huy Tran

    How to pre-populate fields in Answer Bot form?

    0
  • Christopher Kennedy
    Zendesk Developer Advocacy
    No problem :)
    0
  • Adam Prince

    We have SLAs tied to assigned Priority values, we can make that an available field in the form shown through the Web Widget?

    0
  • Roman Alekseiev

    Is it possible to set assignee from Web Widget? 

    I tried to set id of assignee custom field but it still assigns ticket to whole group. Maybe it is because of triggers, I do not know

    0
  • Usman Saeed

    Thank you @...

    I can change the custom field label for help center ticket form using this line of code: $('label[for=request_custom_fields_30057292]').html("Rename label");

    But i want to change the custom field label for web widget.
    here is the code i use to change the description and custom field hint

    <script type="text/javascript"> window.zESettings = {
        webWidget: {
          contactForm: {
           ticketForms: [
              {
                id: 4562971,
                subject: false,
                fields: [
                    { id: 'description', hint: { '*': 'Description here' } },
                      { id: 63191711, hint: { '*': 'ID# xxx' } }
                  ]                         
              },
              {
                id: 278875,
                subject: false,
                 fields: [
                    { id: 'description', hint: { '*': 'Description here' } },
                      { id: 63191711, hint: { '*': 'ID# yyy' } }
                  ]
              }
            ]
          }
        }
      } </script>


    For web widget how can i change the custom field label using above script.

    0
  • Paige Savin

    Good point Raphaël Péguet. I wonder if a list exists somewhere of what fields work in the classic web widget. Maybe hidden in the help centre.

    Nice clear article listing what works and doesn't that will help us self solve rather than spend time building the form, checking in the widget, not seeing the field appear, spend 30 mins researching why it doesn't appear (with no clear answer) and then possibly raising a ticket. Perfect chance to enhance Zendesk Self Service.

    0
  • Brandon Jones

    So what if we want to make it so that the web widget does not display certain forms unless someone is logged into our site and their site login username (email address) matches their Zendesk login username (email address)?  

     

    Example, we have our HC code edited so that only logged in users with certain user tags can see certain forms. Is there a way to make the classic web widget mirror this? 

    0
  • William Grote

    Any way to add a checkbox?  We only use the widget for sales question on our product web pages, but none the less, lots of support related chats come in, and we want an easy way to differentiate these at the beginning of the process?

     

    0
  • Christopher Kennedy
    Zendesk Developer Advocacy
    Hi Usman,
     
    It's not possible in a script using the Web Widget APIs.  The widget will display the title of the field from admin settings.
    0
  • Diogo Maciel
    Zendesk Customer Care
    Hi Adam! On the widget unfortunately you can only add custom fields aside from the defined default ones. This could still achieve your goal, as you can create a custom "Priority" field that changes the system Priority field via a trigger. More details about triggers can be found in the article below

    https://support.zendesk.com/hc/en-us/articles/4408822236058-About-triggers-and-how-they-work
    0
  • Anne Ronalter
    Zendesk Customer Care
    Hello,

    the following sentence has now been added to the article stating which fields do not work:

    "Regular expression, Date, and Multi-select custom fields cannot be used in the Web Widget (Classic)."
    0
  • Usman Saeed

    Christopher Kennedy Thanks for reply.

    Can I change the field's title/label using web widget script? like we do change hint/description for any field.

    0

Please sign in to leave a comment.

Powered by Zendesk