Das Web Widget (Classic) bietet mehrere Anpassungsmöglichkeiten, damit im Kontaktformular genau die gewünschten Informationen erscheinen. In diesem Beitrag wird auf die folgenden Anpassungen eingegangen:
- Hinzufügen angepasster Ticketfelder zum Standardkontaktformular des Web Widgets (Classic)
- Entfernen des Namensfelds im Standardkontaktformular und in Ticketformularen
- Einrichten des Namensfelds im Standardkontaktformular und in Ticketformularen als erforderliches Feld
- Verwenden anderer Ticketformulare mit dem Web Widget (Classic)
Dieser Beitrag enthält die folgenden Themen:
- Hinzufügen angepasster Ticketfelder zum Standardkontaktformular
- Aktivieren mehrerer Ticketformulare im Web Widget (Classic)
- Anpassen vom Text- und Feldbeschreibungen im Web Widget (Classic)
- Erweiterte Anpassung: kontextbezogene Ticketformulare
- Erweiterte Anpassung: automatisches Ausfüllen von Textfeldern im Kontaktformular
Verwandter Beitrag:
Hinzufügen angepasster Ticketfelder zum Standardkontaktformular
Bei jedem Zendesk Support-Plan ist es möglich, entweder ein, zwei oder alle sicht- und bearbeitbaren angepassten Ticketfelder zum Kontaktformular im Web Widget (Classic) hinzuzufügen. Bei bestimmten Plänen können Sie mehrere angepasste Ticketfelder zur Anzeige im Standardkontaktformular auswählen. Weitere Informationen zu angepassten Ticketfeldern finden Sie unter Hinzufügen angepasster Felder zu Tickets und Supportanfrageformularen.
Systemticketfelder, wie z. B. das Feld Priorität, werden im Web Widget (Classic) nicht unterstützt. Sie erscheinen im Standardkontaktformular (und in allen anderen Ticketformularen), wenn Sie über das Help Center darauf zugreifen, nicht aber im Web Widget (Classic). Felder können beim Web Widget (Classic) in den Ticketformularen, nicht aber im Kontaktformular neu angeordnet werden.
Angepasste Felder vom Typ „Regulärer Ausdruck“ (Regex), „Datum“ und „Mehrfachauswahl“ können im Web Widget (Classic) nicht verwendet werden.
So zeigen Sie angepasste Ticketfelder im Standardkontaktformular an
- Klicken Sie in der Seitenleiste des Admin Centers auf Kanäle und dann auf Classic > Web Widget.
- Aktivieren Sie in der Registerkarte Basisinformationen das Kontrollkästchen Kontaktformular und klicken Sie auf die Dropdownliste Angepasste Ticketfelder.
- Wählen Sie die angepassten Ticketfelder aus, die im Kontaktformular erscheinen sollen, oder klicken Sie auf Alle auswählen.
- Klicken Sie auf Speichern.
Aktivieren mehrerer Ticketformulare im Web Widget (Classic)
Wenn Sie einen Zendesk Suite-, Support Enterprise- oder Support Enterprise Plus-Plan haben, können Sie mehrere Ticketformulare im Web Widget (Classic) verwenden. Eine Liste der Ticketformulare mit allgemeinen Informationen zu ihrer Funktionsweise finden Sie unter Erstellen mehrerer Ticketformulare für unterschiedliche Arten von Anfragen.
Mithilfe von Ticketformularen können Sie dafür sorgen, dass der Kunde im Kontaktformular genau die Felder sieht, die für die jeweilige Anfrage am relevantesten sind. Hierzu müssen Sie zuerst mehrere Ticketformulare erstellen.
Aktivieren von Ticketformularen im Web Widget (Classic)
- Klicken Sie in der Seitenleiste des Admin Centers auf Kanäle und dann auf Classic > Web Widget.
- Aktivieren Sie in der Registerkarte Basisinformationen das Kontrollkästchen Kontaktformular und dann das Kontrollkästchen Ticketformulare.
- Klicken Sie auf Speichern.
Wenn Ticketformulare aktiviert sind und ein Kunde auf die Schaltfläche „Nachricht hinterlassen“ klickt, wird er aufgefordert, in einer Liste aller aktiven Ticketformulare das Formular auszuwählen, das für seine Anfrage am besten geeignet ist:
Danach erscheint das Kontaktformular mit den Feldern aus dem jeweiligen Ticketformular.
Anpassen vom Text- und Feldbeschreibungen im Web Widget (Classic)
Sie können angepasste Ticketfelder und ihre Beschreibungen zum Standardkontaktformular im Web Widget (Classic) hinzufügen. Damit diese angezeigt werden, müssen Sie das betreffende Feld in den Admin-Einstellungen für das Web Widget (Classic) unter Angepasste Ticketfelder auswählen.
Beachten Sie jedoch, dass Systemfelder, wie z. B. das Feld Priorität, im Web Widget (Classic) nicht unterstützt werden. Dies gilt unabhängig von der Art des Plans. Sie erscheinen im Standardkontaktformular und in allen anderen Ticketformularen, wenn Sie über das Help Center darauf zugreifen, nicht aber im Web Widget (Classic).
Ticketformulare sind nicht bei allen Plänen verfügbar. Sofern Ihr Plan diese Funktionalität unterstützt, können Sie angepasste Felder und ihre Beschreibungen in Ticketformulare aufnehmen. Um angepasste Ticketfelder und ihre Beschreibungen anzuzeigen, müssen Sie die Option Ticketformulare in den Einstellungen für das Web Widget (Classic) aktivieren.
Sie können die Beschreibungen für Ticketfelder auf der Admin-Seite Ticketfelder erstellen und bearbeiten. Weitere Informationen zu Ticketfeldern finden Sie unter Ticketfelder.
So fügen Sie eine Feldbeschreibung hinzu
- Klicken Sie in der Seitenleiste des Admin Centers auf Objekte und Regeln und dann auf Tickets > Felder.
- Klicken Sie auf den Namen des Felds, für das Sie eine Beschreibung eingeben möchten.
- Klicken Sie im Abschnitt Für Endbenutzer auf Bearbeitbar.
- Geben Sie eine Beschreibung für das Feld ein und klicken Sie dann auf Feld aktualisieren.
Erweiterte Anpassung: Kontextbezogene Ticketformulare
Sie können ein individuelleres Benutzererlebnis schaffen, indem Sie die Formulare, die dem Endbenutzer zur Auswahl präsentiert werden, basierend auf der aktuellen Webseite einschränken. Hierzu müssen Sie das Objekt „zESettings“ in der JavaScript-API für das Web Widget (Classic) modifizieren. Weitere Informationen zur Verwendung der API finden Sie unter Erweiterte Anpassung des Web Widgets (Classic).
Fügen Sie in dem zu modifizierenden Webseitencode die ID der anzuzeigenden Ticketformulare zum Objekt „zESettings“ hinzu.csdfsdc Die Ticketformular-IDs erscheinen in der URL auf der Admin-Seite für Ticketformulare.
So machen Sie die ID eines Ticketformulars ausfindig
- Klicken Sie in der Seitenleiste des Admin Centers auf Objekte und Regeln und dann auf Tickets > Formulare.
- Klicken Sie auf den Namen des Formulars, das ausgeblendet oder als eigenständiges Formular verwendet werden soll.
- Notieren Sie sich die Formular-ID in der Adresszeile:
Die folgenden Beispiele veranschaulichen die Modifizierung des Webseitencodes.
So blenden Sie ein einziges Ticketformular ein:
<script type="text/javascript">
window.zESettings = {
webWidget: {
contactForm: {
ticketForms: [
{ id: ###### }
]
}
}
};
</script>
So blenden Sie zwei Ticketformulare ein:
<script type="text/javascript">
window.zESettings = {
webWidget: {
contactForm: {
ticketForms: [
{ id: ###### },
{ id: ###### }
]
}
}
};
</script>
Fügen Sie bei Bedarf weitere IDs zum Objekt „zESettings“ hinzu.
Erweiterte Anpassung: automatisches Ausfüllen von Textfeldern
Es gibt neue Einstellungen zum automatischen Ausfüllen bestimmter Felder. Sie können für jedes Gebietsschema eine andere Zeichenfolge eingeben oder durch Eingabe eines Sterns (*) als Gebietsschema die gleiche Zeichenfolge für alle Gebietsschemas verwenden. Dies ist ähnlich wie bei anderen anpassbaren Zeichenfolgen (wie Titel für das Kontaktformular).
Um ein Systemfeld wie „Betreff“ (subject) und/oder „Beschreibung“ (description) automatisch auszufüllen, aktualisieren Sie das Objekt „zESettings“ wie unten gezeigt.
Beispiel: automatisch ausgefüllter Beschreibungstext
Verwenden Sie folgenden Code:
<script type="text/javascript">
zESettings = {
webWidget: {
contactForm: {
fields: [
{ id: 'description', prefill: { '*': 'This is prefilled description text' } }
]
}
}
};
</script>
Beispiel: automatisch ausgefülltes angepasstes Feld:
Verwenden Sie folgenden Code:
<script type="text/javascript">
zESettings = {
webWidget: {
contactForm: {
fields: [
{ id: #####, prefill: { '*': 'Desired text' } }
]
}
}
};
</script>
In diesem Codeblock ist id: #####
die ID des angepassten Felds.
Sie können ein bestimmtes Feld entweder in allen Formularen gleich ausfüllen oder in jedem Formular einen anderen Text anzeigen.
Codebeispiel: unterschiedlicher Text für das gleiche Feld in unterschiedlichen Formularen:
<script type="text/javascript">
window.zESettings = {
webWidget: {
contactForm: {
ticketForms: [
{
id: ###TicketFormID###,
fields: [
{
id: 'description',
prefill: {
'*': description
}
}
]
},
{
id: ###TicketFormID###,
fields: [
{
id: 'description',
prefill: {
'*': 'different description'
}
}
]
}
]
}
}
};
</script>