# Connecteur Livechat Zendesk

Si vous utilisez le livechat Zendesk , vous trouverez ci-dessous les étapes de paramétrage nécessaires pour mettre en place l'interopérabilité entre BMS Dydu et Zendesk.

## Étape 1 - Configurations dans le BMS Dydu

### A - Activez le sous-menu Livechat :

1. Allez dans **Préférence - Bot - Général**&#x20;

2. **Dans le sous menu Escalade Livechat > type d'escalade,** sélectionnez **ZENDESK** dans la liste déroulante.<br>

   <figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FYUZ12WAQDdsr6KAq9l1t%2Fimage.png?alt=media&#x26;token=f400cdb5-1dac-4087-92eb-23fc8a0a4587" alt=""><figcaption></figcaption></figure>

3. **Enregistrez** votre choix.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FGlbxNRsZUWffMnJSNopy%2FSans%20titre.png?alt=media&#x26;token=25759d7c-f6bf-43b9-a492-022943678c8f" alt="" width="188"><figcaption></figcaption></figure>

### B- Associez le connecteur Zendesk à votre bot Dydu <a href="#b-associez-le-connecteur-genesys-a-votre-bot-dydu" id="b-associez-le-connecteur-genesys-a-votre-bot-dydu"></a>

1. Allez dans **Préférences > Paramètres Livechat > Connecteur externe**.<br>

   <figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FCBKxhlWG2uSYIoxICsiB%2Fimage.png?alt=media&#x26;token=c10ee11d-1f76-4566-8f47-32eb8a4c5e70" alt=""><figcaption></figcaption></figure>

   Dans cette section, vous devez fournir 4 types d'informations :

* Obligatoire - Connecteur Zendesk (nom de domaine, app id, integration id)
* Obligatoire - Clé api de conversations (key id, secret key)
* Obligatoire - Zendesk api (adresse mail, token api)
* Optionnel - Correspondance de l'identité (sender id)

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F9PxKZF7z4UEcfZ5C1f0Z%2Fimage.png?alt=media&#x26;token=28d58015-16d1-4d04-b8cb-ceec53008f05" alt=""><figcaption></figcaption></figure>

Vous trouverez ci-dessous les détails sur la façon de remplir chaque champ:

## Étape 2 - Récupération des informations sur Zendesk <a href="#etape-2-configurations-dans-genesys-cloud" id="etape-2-configurations-dans-genesys-cloud"></a>

### **Champ 1- Connecteur Zendesk**[**​**](https://dev.docs.dydu.ai/fr/docs/Livechat/external_livechat_connectors/genesys#connecteur-genesys)

Il s'agit des données du connecteur Zendesk que vous obtenez via l'interface Zendesk.\
\
Le nom de domaine se trouve dans l'url de votre navigateur lorsque vous êtes connecté sur votre interface. Ici le nom de domaine est **dydu-32357.zendesk.com**<br>

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2Fp2VrFcSWMQ7e37BwWF8H%2Fimage.png?alt=media&#x26;token=fadc3a8a-e712-443b-ab85-de4bc1549069" alt=""><figcaption></figcaption></figure>

Pour obtenir les deux dernières données nécessaire, il faut aller dans le centre d'administration de Zendesk pour créer une intégration, ainsi qu'une clé api pour cette intégration.

\
Pour cela :\
&#x20;1 - Cliquez sur **l'engrenage de la barre latérale > Accéder au centre d'adiministration**&#x20;

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F70xDA5H7o4UFmQ7rweBc%2FSans%20titre.png?alt=media&#x26;token=7fb58144-8728-4de5-b86c-3aee48a2b5ef" alt=""><figcaption></figcaption></figure>

&#x20;2 - Accédez à **Applications et intégrations > Intégrations de conversations > Créer une intégration**

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FeUrhrYqHEECyppMiuLTF%2FSans%20titre.png?alt=media&#x26;token=75888c36-7d65-4708-b622-2b71f2228545" alt=""><figcaption></figcaption></figure>

3 - Ajoutez un **nom** et l'**url du point de terminaison du Webhook** que vous pouvez retrouvez dans les paramètres livechat dans la  section **URL du Webhook à fournir à Zendesk**

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FFrlDpwXSUrtQ9LguLPl7%2FSans%20titre.png?alt=media&#x26;token=aaf1e4cb-8293-4f6a-b4ae-66f814f2a96f" alt=""><figcaption></figcaption></figure>

4 - Cochez les 3 cases : **Inclure l'utilisateur complet, Inclure la source complète et Message de conversation** puis cliquez sur **Enregistrer**

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F9d9WBk42TSkxud0h7G5f%2FSans%20titre.png?alt=media&#x26;token=590b6b08-9561-4244-9410-c90f04d09b0a" alt=""><figcaption></figcaption></figure>

5 - Vous n'avez pas besoin de ces données, vous pouvez cliquer sur **Suiv.**<br>

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F6G0bzWJhh8Z4CVczl4Wc%2Fimage.png?alt=media&#x26;token=474f3dbf-bbfd-4c6b-b208-f44406298232" alt=""><figcaption></figcaption></figure>

6 - Sur la page **Détails** de l'intégration que vous venez de créer, vous pouvez trouver l'**app id** et l'**intégration id** qu'il faut renseigner dans les paramètres livechat.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FvDw2zWD5gJVmLPvCIJ0W%2FSans%20titre.png?alt=media&#x26;token=598f53a2-3c6b-426e-a8af-1dee317d1790" alt=""><figcaption></figcaption></figure>

7 - Pour finir, il est nécessaire de créer une clé api qui soit associée à votre intégration. Pour cela dans **"Clés API"** cliquez sur **Créer une clé API**&#x20;

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FiRu2ALNwEq07sLFJd39a%2FSans%20titre.png?alt=media&#x26;token=0f131a1f-1b06-46f6-9c00-bbade3ebe734" alt=""><figcaption></figcaption></figure>

8 - Ajoutez un **Nom** puis cliquez sur Suiv.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2Fu9s3FIDbSdZEWvPIn4fq%2Fimage.png?alt=media&#x26;token=d716dfeb-61ed-447d-9d8c-54fbb7d30163" alt=""><figcaption></figcaption></figure>

&#x20;9 - Vous n'avez pas besoin des données présentes sur la pop-up. **La simple création de la clé suffit.**\
&#x20;Cliquez sur **Suiv.** pour générer la clé API.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FtOYyyLbBOTddDBg1cKqx%2Fimage.png?alt=media&#x26;token=be9b8dc9-f1ce-4bc6-a205-5c490c93b24c" alt=""><figcaption></figcaption></figure>

***

### **Champ 2-** Clé api de conversations[**​**](https://dev.docs.dydu.ai/fr/docs/Livechat/external_livechat_connectors/genesys#connecteur-genesys)

1 - Pour obtenir les deux champs nécessaire pour cette section rendez vous dans le **centre d'administration** et cliquez sur **Applications et intégrations > API Conversations > Créer une clé API**

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2Fxggn3xpP9nC3sE7p82Dz%2FSans%20titre.png?alt=media&#x26;token=2718d073-1ecd-4827-b483-c57ead9aed21" alt=""><figcaption></figcaption></figure>

2 - Ajoutez un **nom** et cliquez sur **Suiv.**

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FEMDTd1AdLWFAk8eX8JpU%2Fimage.png?alt=media&#x26;token=4ef4e120-b517-4d3f-8820-145438054885" alt=""><figcaption></figcaption></figure>

3 - Sur la pop-up qui apparaît vous obtenez l'**id de la clé** ainsi que la **clé secrète** que vous pouvez copier et renseigner dans vos paramètres livechat.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FGcyGHSXVzq3VerCBnoan%2FSans%20titre.png?alt=media&#x26;token=024855d6-58db-4f3c-b259-f1570b055e97" alt=""><figcaption></figcaption></figure>

***

### **Champ 3-** Zendesk api[**​**](https://dev.docs.dydu.ai/fr/docs/Livechat/external_livechat_connectors/genesys#connecteur-genesys)

1 - Pour obtenir l'adresse mail du compte Zendesk et le token API associé rendez vous dans le **centre d'administration** et cliquez sur **Applications et intégrations > Tokens API > Ajouter un token API**

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2Ft1czHw8EIXczpubiF8bL%2FSans%20titre.png?alt=media&#x26;token=23c9494a-b0ea-4aaf-8d97-9dedbfbfc7e8" alt=""><figcaption></figcaption></figure>

2 - Ajoutez une **Description et cliquez sur enregistrer**

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F3BYFjwbQ7yoLQNgZNnJg%2FSans%20titre.png?alt=media&#x26;token=aa0f0703-4572-4783-bd57-a9988e537f7e" alt=""><figcaption></figcaption></figure>

3 - Votre **token api** est maintenant visible, **copiez le**, et **renseignez le** dans vos paramètres livechat. Le champ **adresse mail** **du compte Zendesk**, correspond à l'**adresse mail du compte qui a crée le token api**.

![](https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FNeILJKPTAbdsh3DjIR8A%2Fimage.png?alt=media\&token=96066f01-02d3-4377-94a6-5e2c1709cc96)&#x20;

Si vous avez un doute, vous pouvez retrouver cette information sur la page Token API. Les informations de l'utilisateur sont visible en cliquant dessus.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F5ZGewLMcX7xWmDshDLkc%2FSans%20titre.png?alt=media&#x26;token=2ddc702b-dafb-47bf-8175-8713c390baf8" alt=""><figcaption></figcaption></figure>

4 - Dans **Applications et intégrations > configuration de l'API** vérifiez que la case **Allow API token access** soit bien cochée

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FDEhsIgCwdIhTMtnI3qAS%2FSans%20titre.png?alt=media&#x26;token=572d7132-19bd-4803-91bb-5296761083db" alt=""><figcaption></figcaption></figure>

***

### **Champ 4- Correspondance de l'identité**[**​**](https://dev.docs.dydu.ai/fr/docs/Livechat/external_livechat_connectors/genesys#correspondance-de-lidentit%C3%A9)

Pour offrir une expérience de conversation plus personnalisée, l'opérateur Livechat peut avoir des informations supplémentaires sur l'utilisateur du chatbot. Vous pouvez récupérer une information qui sera visible pour l'opérateur sur son interface Zendesk. Pour cela, vous devez créer une connaissance qui utilisera une variable pour capturer les informations que le chatbot communiquera à l'agent de Livechat.

***

### **Exemple de configuration pour récupérer l'adresse mail de l'utilisateur :**

1- Créez une connaissance comme ci-dessous avec la variable "mail" en saisie libre :

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FIlM4j2hnZMKpCLvXIPdD%2Fimage.png?alt=media&#x26;token=e9f3b905-4d14-4730-9e26-29c3d3b5c8b5" alt=""><figcaption></figcaption></figure>

2- Utilisez le nom de la variable “mail” pour remplir le champ **Identity mapping > senderId** dans vos paramètres Livechat.

### Étape 3 - Testez l'escalade vers le Livechat Zendesk <a href="#etape-2-configurations-dans-genesys-cloud" id="etape-2-configurations-dans-genesys-cloud"></a>

1. Créez une compétence sur le BMS

   1. Allez dans **Préférence - Paramètres livechat - Compétences**

   <figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2Fg2KApJtDQsGdgJpLLvLY%2Fimage.png?alt=media&#x26;token=dc29519c-4960-4fdb-9072-8d12c9b5b75e" alt=""><figcaption></figcaption></figure>

   b.   Créer une **compétence** qu'on va utiliser ensuite pour la création d'une connaissance. Pour cela cliquez sur **Ajouter**, mettez un **nom** et cliquez sur le **bouton pour valider la création** à droite. (exemple avec la compétence Animal)\
   \
   Si vous avez déjà un groupe existant sur Zendesk et que vous ne souhaitez pas en créer un nouveau, il suffit de mettre le même nom.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FssHIarfCmNjctdV36U2h%2FSans%20titre.png?alt=media&#x26;token=e2e2b1f7-1a01-4d7c-a44d-867041ed375d" alt=""><figcaption></figcaption></figure>

Quand la compétence est créée, pour créer le groupe sur Zendesk associé à la compétence il faut retourner sur le menu **Paramètres livechat > Connecteur externe** et cliquer sur mettre à jour. \
Si aucun groupe du même nom existe sur Zendesk, alors vous devriez le voir apparaître sur l'interface Zendesk. Dans le **centre d'administration**, cliquez sur **Personnes > Groupes**

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F4MvZKyR5cnFEhl3sRHrC%2FSans%20titre.png?alt=media&#x26;token=58ebe470-833a-431d-ac62-21049a130c79" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Les compétences sur le BMS correspondent aux groupes sur Zendesk, leurs utilisation dans une connaissance permet d'affecter le ticket à un groupe lors de sa création. Pour cela il faut que le groupe contienne au moins un utilisateur.
{% endhint %}

Pour rajouter un utilisateur à un groupe, il suffit de cliquer sur le groupe en question. Puis sur le bouton "+" sur la droite en façe de l'utilisateur que vous souhaitez ajouter.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2Fb6mvwCf6CqFOOdOMrC6U%2FSans%20titre.png?alt=media&#x26;token=f6198b8d-69fe-4278-a339-3174ce7b623e" alt=""><figcaption></figcaption></figure>

***

2. Créez une connaissance sur le BMS\
   \
   Ajoutez ensuite la **condition de contexte** à la connaissance. Cette condition de contexte est créée automatiquement lors de la création de la compétence dans le BMS.

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FyTGP3kiqpHiljdAeR3YX%2FSans%20titre.png?alt=media&#x26;token=f98a757c-784c-4a92-a0e1-f58553c2cf03" alt=""><figcaption></figcaption></figure>

⚠️ Ne pas oublier l'action GUI "connexion au livechat" dans les options de la réponse de la connaissance que l'on vient de créer

<figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FJaWTNdWq8HsHZDBlhOfY%2Fimage.png?alt=media&#x26;token=397e28c9-bc07-4c7d-9638-4fa7325ebfe2" alt=""><figcaption></figcaption></figure>

***

3. Test de l'escalade livechat\
   \
   Ne pas oublier de publier la connaissance. Ouvrez la page de prévisualisation de votre chatbox créée via Canaux et appelez la connaissance créée à l'étape 2 pour activer l'escalade vers le Livechat Zendesk.

### **Résultats attendus**

* **Dans la Chatbox Dydu :** l'utilisateur final passe à une conversation avec un opérateur humain tout en restant dans la même conversation. Il peut recevoir des messages et des pièces jointes envoyés par l'opérateur en temps réel.
* **Sur l'interface Zendesk :** lorsqu'un nouveau message arrive, l'opérateur reçoit une notification. Il/elle peut accéder à la conversation la notification ou la liste des tickets, voir l'historique de la conversation, répondre à l'utilisateur et envoyer des pièces jointes. Le ticket doît être assigné à un groupe, si vous avez une condition de contexte qui correspond à une compétence de définit dans la connaissance de l'escalade livechat.
