Mon édition
Module supplémentaire Agents IA - avancé

Le widget Zendesk Chat peut être personnalisé de diverses façons. Vous pouvez notamment masquer le menu déroulant Service. Cet article vous explique comment vous y prendre et vous fournit le snippet de script dont vous avez besoin.

Si vous voulez en savoir plus, consultez ces articles :

  • Configuration des composants dans le Web Widget
  • Personnalisation avancée du Web Widget

Cet article aborde les sujets suivants :

  • Pourquoi masquer les services ?
  • Comment masquer le menu déroulant Service ?
    • Étape 1 : modifiez le snippet 
      • Comportement du widget
    • Étape 2 : ajout du widget à votre site Web ou centre d’aide
      • Localisation du widget Zendesk Chat dans le centre d’aide (Zendesk Guide)

Pourquoi masquer les services ?

Afin d’éviter tout préjudice, les utilisateurs finaux ne verront pas le menu déroulant dans le formulaire pré-chat et ne pourront donc pas choisir entre un agent IA ou un service humain. Voilà ce que cela donne avec et sans le snippet.

Avec le menu déroulant Service :

Sans le menu déroulant Service :

 

Widget Chat

 

Widget Chat 2

 

Comment masquer le menu déroulant Service ?

Vous pouvez masquer ce menu en deux étapes simples : 

1. Modifiez le snippet.

2. Ajoutez-le à votre site Web ou centre d’aide.

 

Étape 1 : modifiez le snippet

Modifiez le snippet ci-dessous en remplaçant BOT_DEPARTMENT et HUMAN_DEPARTMENT par les noms de vos services/groupes dans Zendesk Chat/Support.

 

Comportement du widget

  • Quand l’agent IA est en ligne --> Sélection du service de l’agent IA 
  • Quand l’agent IA est hors ligne --> Sélection du service humain 
<script>
zE('webWidget:on', 'chat:departmentStatus', function(dept) {
if (dept.name === 'BOT_DEPARTMENT' && dept.status === 'online') {
zE('webWidget', 'updateSettings', {
webWidget: {
chat: {
departments: {
enabled: [''],
select: 'BOT_DEPARTMENT'
},
}
}
});
} else if (dept.name === 'BOT_DEPARTMENT' && dept.status !== 'online') {
zE('webWidget', 'updateSettings', {
webWidget: {
chat: {
departments: {
enabled: [''],
select: 'HUMAN_DEPARTMENT'
},
}
}
});
}
});
</script>

❗ Les snippets de script personnalisés vous permettent de faire beaucoup de choses, et masquer le menu déroulant Service est l’une des plus importantes. 

 

Étape 2 : ajoutez-le à votre site Web ou centre d’aide

Vous pouvez masquer le menu déroulant Service en insérant le snippet directement en dessous du snippet du widget Zendesk Chat sur votre site Web ou dans votre centre d’aide.

Si vous ne savez pas où se trouve le widget sur votre site Web, contactez le développeur de votre site.

 

Localisation du widget Zendesk Chat dans le centre d’aide (Zendesk Guide)

Vérifiez que vous avez ajouté le widget à votre centre d’aide en l’activant dans Zendesk Support > Widget.

mceclip0.png

Cela ajoute le Web Widget au code d’en-tête du centre d’aide document_head.hbs et l’affiche sur chaque page du centre d’aide.

Une fois ajouté, vous trouverez le widget dans Zendesk Guide > Administrateur de Connaissances > Panneau de personnalisation > Personnaliser > Modifier le code > document_head.hbs. Consultez les captures d’écran ci-dessous si vous avez du mal à le localiser. 

 

zendesk_guide_1.png

zendesk_guide_2.png

zendesk_guide_3.png

Réalisé par Zendesk