Le Web Widget (Classique) vous permet de personnaliser les informations affichées dans votre formulaire de contact de plusieurs façons. Dans cet article, nous aborderons les personnalisations suivantes :
- Ajout de champs de ticket personnalisés au formulaire de contact par défaut du Web Widget (Classique)
- Suppression du champ de nom dans le formulaire de contact par défaut et les formulaires de ticket
- Comment rendre obligatoire le champ de nom dans le formulaire de contact par défaut et les formulaires de ticket
- Utilisation de différents formulaires de ticket avec le Web Widget (Classique)
Cet article aborde les sujets suivants :
- Ajout de champs de ticket personnalisés au formulaire de contact par défaut
- Activation de plusieurs formulaires de ticket dans le Web Widget (Classique)
- Personnalisation des descriptions des champs dans le Web Widget (Classique)
- Personnalisation avancée : formulaires de ticket contextuels
- Personnalisation avancée : préremplissage des champs de texte du formulaire de contact
Article connexe :
Ajout de champs de ticket personnalisés au formulaire de contact par défaut
Les clients, quelle que soit leur édition Support, peuvent choisir d’afficher un, deux ou tous les champs de ticket personnalisés, modifiables et visibles dans le formulaire de contact du Web Widget (Classique). Avec certaines éditions, vous pouvez choisir d’afficher n’importe quel nombre de champs de ticket personnalisés dans le formulaire de contact par défaut. Pour en savoir plus au sujet des champs de ticket personnalisés, consultez Ajout de champs personnalisés à vos tickets et formulaires de demande d’assistance.
Les champs de ticket système, le champ Priorité par exemple, ne sont pas pris en charge dans le Web Widget (Classique). Ils s’affichent dans le formulaire de contact par défaut (et tout autre formulaire de ticket) en cas d’accès par le biais du centre d’aide, mais pas dans le Web Widget (Classique). Le réagencement des champs est pris en charge dans le Web Widget (Classique) avec les formulaires de ticket, mais pas dans le formulaire de contact.
Les champs personnalisés Expression rationnelle, Date et à choix multiples ne peuvent pas être utilisés dans le Web Widget (Classique).
Pour afficher les champs de ticket personnalisés dans le formulaire de contact par défaut
- Dans le Centre d’administration, cliquez sur Canaux (
) dans la barre latérale, puis sélectionnez Classique > Web Widget. - Dans l’onglet Infos de base, cochez la case Formulaire de contact et cliquez sur le menu déroulant Champs de ticket personnalisés.
- Sélectionnez les champs de ticket personnalisés que vous souhaitez afficher dans le formulaire de contact ou Tout sélectionner.
- Cliquez sur Enregistrer.
Activation de plusieurs formulaires de ticket dans le Web Widget (Classique)
Si vous utilisez une édition Zendesk Suite ou Support Enterprise ou Enterprise Plus, vous pouvez utiliser plusieurs formulaires de ticket dans le Web Widget (Classique). Pour une liste des formulaires de ticket et des informations générales au sujet de leur fonctionnement, consultez Création de formulaires de ticket pour différents types de demandes.
Les formulaires de ticket vous permettent de personnaliser les champs affichés dans votre formulaire de contact en fonction du type de demande client. Pour que cette fonctionnalité fonctionne, vous devez avoir créé au moins deux formulaires de ticket.
Pour activer les formulaires de ticket dans le Web Widget (Classique)
-
Dans le Centre d’administration, cliquez sur Canaux () dans la barre latérale, puis sélectionnez Classique > Web Widget.
- Dans l’onglet Infos de base, cochez la case Formulaire de contact puis la case Formulaires de ticket.
- Cliquez sur Enregistrer.
Si les formulaires de ticket sont activés, quand un client clique sur le bouton Laissez-nous un message, il est invité à sélectionner un formulaire correspondant à ses besoins dans la liste de tous vos formulaires de ticket actifs.
Une fois que le client a fait son choix, le formulaire de contact affiche les champs spécifiques à ce formulaire de ticket.
Personnalisation des descriptions des champs dans le Web Widget (Classique)
Vous pouvez ajouter des champs de ticket personnalisés et leurs descriptions au formulaire de contact par défaut dans le Web Widget (Classique). Pour qu’ils s’affichent, vous devez sélectionner le champ dans l’option Champs de ticket personnalisés dans les paramètres d’administration du Web Widget (Classique).
Cependant, n’oubliez pas que les champs système, le champ Priorité par exemple, ne sont pas pris en charge dans le Web Widget (Classique). Cela est vrai, quelle que soit l’édition que vous utilisez. Ils s’affichent dans le formulaire de contact par défaut et tout autre formulaire de ticket en cas d’accès par le biais du centre d’aide, mais pas dans le Web Widget (Classique).
Les formulaires de ticket ne sont pas disponibles avec toutes les éditions. S’ils le sont avec votre édition, vous pouvez aussi inclure des champs personnalisés et leurs descriptions dans les formulaires de ticket. Pour que les champs de ticket personnalisés et leurs descriptions s’affichent, vous devez activer l’option Formulaires de ticket dans les paramètres du Web Widget (Classique).
Vous pouvez créer des descriptions de champs de ticket et les modifier à la page d’administration des champs de ticket. Pour en savoir plus au sujet des champs de ticket, consultez À propos des champs de ticket.
Pour ajouter une description de champ
- Dans le Centre d’administration, cliquez sur Objets et règles (
) dans la barre latérale, puis sélectionnez Tickets > Champs. - Cliquez sur le nom du champ auquel vous voulez ajouter une description.
- Dans la section Pour les utilisateurs finaux, cliquez sur Modifiable.
- Saisissez une description pour ce champ et cliquez sur Mettre à jour le champ.
Personnalisation avancée : formulaires de ticket contextuels
Vous pouvez créer des expériences plus personnalisées pour vos utilisateurs en limitant les formulaires que voient les utilisateurs finaux en fonction de la page Web qu’ils sont en train de consulter, en modifiant l’objet zESettings dans l’API JavaScript du Web Widget (Classique). Pour en savoir plus au sujet de l’utilisation de l’API, consultez Personnalisation avancée du Web Widget (Classique).
Dans le code de la page Web que vous souhaitez modifier, mettez à jour l’objet zESettings de façon à y inclure l’ID du ou des formulaires de ticket que vous voulez afficher. Les ID de vos formulaires de ticket sont répertoriés dans l’URL de la page d’administration des formulaires de ticket.
Pour trouver l’ID d’un formulaire de ticket
- Dans le Centre d’administration, cliquez sur Objets et règles () dans la barre latérale, puis sélectionnez Tickets > Formulaires.
- Cliquez sur le nom du champ que vous souhaitez masquer ou utiliser comme formulaire autonome.
- Notez l’ID du formulaire qui se trouve dans la barre d’adresse :
Utilisez les exemples suivants pour modifier le code de votre site Web.
Pour afficher un seul formulaire de ticket :
<script type="text/javascript">
window.zESettings = {
webWidget: {
contactForm: {
ticketForms: [
{ id: ###### }
]
}
}
};
</script>Pour afficher deux formulaires de ticket :
<script type="text/javascript">
window.zESettings = {
webWidget: {
contactForm: {
ticketForms: [
{ id: ###### },
{ id: ###### }
]
}
}
};
</script>Ajoutez tous les ID supplémentaires nécessaires à l’objet zESettings.
Personnalisation avancée : préremplissage des champs de texte
Vous pouvez utiliser les nouveaux paramètres pour préremplir certains champs. Vous pouvez utiliser des chaînes différentes pour les différentes langues ou une seule chaîne pour toutes les langues en utilisant un astérisque (*) pour la langue. Cela fonctionne de la même façon que les autres chaînes de texte personnalisables, comme le titre du formulaire de contact.
Pour préremplir un champ système comme le sujet ou la description, mettez à jour l’objet zESettings comme illustré ci-dessous.
Exemple : texte de description prérempli
Utilisez le code suivant :
<script type="text/javascript">
zESettings = {
webWidget: {
contactForm: {
fields: [
{ id: 'description', prefill: { '*': 'This is prefilled description text' } }
]
}
}
};
</script>Exemple : champ personnalisé prérempli :
Utilisez le code suivant :
<script type="text/javascript">
zESettings = {
webWidget: {
contactForm: {
fields: [
{ id: #####, prefill: { '*': 'Desired text' } }
]
}
}
};
</script>Dans ce bloc de code, id: ##### est l’identifiant du champ personnalisé.
Vous pouvez choisir de toujours préremplir un champ spécifique dans tous vos formulaires ou seulement dans des formulaires donnés.
Exemple de code : texte différent pour le même champ dans différents formulaires
<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>