Ticket Form Fields missing in Web Widget | Community
Skip to main content

Ticket Form Fields missing in Web Widget

  • August 27, 2021
  • 1 reply
  • 0 views
A

Hi all

I have 2 issues regarding the web widget.

1.

I have set up a Ticket-Form with 3 custom fields:
1. Produktauswahl
2. Runtime - Lizenztyp
3. Designer - Lizenztyp

This Ticket Form works fine when I open it inside the GUIDE (left side of the screenshot). But when I open the same Ticket Form in the Web Widget I can only see the 3. custom field "Designer - Lizenztyp" (see right side of the screenshot).
1. Produktauswahl and 2.  Runtime - Lizenztyp are missing.

 

 

2: 

I am using the following code to pre-fill the web widget from the screenshot below. 

Pre-filling the subject and the description works fine. But the custom field is not pre-filled. The custom field is a dropdown with two values:

value,tag,default

Benutzer - Lizenz,benutzer_-_lizenz,false
Floating - Lizenz,floating_-_lizenz,false

 


contactForm: {
ticketForms: [{
id: 1900000042633,
title: false,
fields: [
{ id: 'description', prefill: { '*': 'Wir haben Interesse an einer DATAFLOW Runtime Einzelprodukt-Lizenz. Bitte um Kontaktaufnahme um weitere Details zu klären' } },
{ id: 'subject', prefill: { '*': 'DATAFLOW Runtime Einzelprodukt-Lizenz' } },
{ id: 1900000293073, prefill: { '*': 'Benutzer - Lizenz' } }
]
}]
}

 

what do I need to change to pre-fill the Designer - Lizenztyp field?

 

    This topic has been closed for replies.

    1 reply

    Sabra
    • Sabra
    • August 27, 2021

    Hey Andreas! As mentioned in the article, Using custom ticket fields and ticket forms with the Web Widget (Classic):

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

    It looks like your Produktauswahl and Runtime - Lizenztyp fields are multi-select, and therefore would not show up in the Web Widget. 

    When pre-filling drop down fields in the Web Widget, you want to use the tag associated with the value. So, in your case for example, this is how you would want your code to look:

    <script type="text/javascript">
      zESettings = {
        webWidget: {
          contactForm: {
            ticketForms: [{
              id: 1900000042633,
              title: false,
              fields: [
                { id: 'description', prefill: { '*': 'Wir haben Interesse an einer DATAFLOW Runtime Einzelprodukt-Lizenz. Bitte um Kontaktaufnahme um weitere Details zu klären' } },
                { id: 'subject', prefill: { '*': 'DATAFLOW Runtime Einzelprodukt-Lizenz' } },
                { id: 1900000293073, prefill: { '*': 'benutzer_-_lizenz' } }
              ]
            }]
          }
        }
      };
    </script>
    Terms & ConditionsCookie settingsAccessibility statement