Configuration de Carte adaptative

Vous pouvez utiliser les Carte adaptatives pour personnaliser une fenêtre de chat. Les Carte adaptatives présentent des informations interactives aux contacts. Elles vous permettent de créer des messages avec du texte enrichi et des graphismes. Vous pouvez également inclure les contrôles d'entrée et les boutons pour collecter les retours des utilisateurs qui consultent la carte.

Les Carte adaptatives sont disponibles pour les canaux Chat en direct Les agents et les contacts interagissent en temps réel et Messagerie chat Chat asynchrone dans lequel les contacts envoient un message de chat à tout moment et attendent une réponse. Actuellement, les Carte adaptatives sont utilisées pour les communications avec le robot. Si les Carte adaptatives ne sont pas activées pour votre système, un texte de repli s’affiche. Contactez votre Représentant de compte CXone pour activer cette fonctionnalité.

Affichage des Carte adaptatives dans la fenêtre de chat

1. Cliquez sur le sélecteur d'applications et sélectionnezACD.

2. Aller àDigital >Points de contact numériques.

3. Cliquez sur Chat.

4. Cliquez sur Personnalisation pour le canal de chat que vous souhaitez configurer.

5. Faites défiler l’écran jusqu’à Personnalisation (CSS et JS) et entrez le texte suivant dans la zone de texte CSS personnalisé :

   
               button.ac-pushButton {

   color: #faac4b; 

   background: white;

   padding: 10px; 

   border: 1px solid; 

   border-radius: 10px; 

   cursor: pointer;

   }

6. Apportez des modifications et des personnalisations jusqu’à ce que le format et l’aspect de la Carte adaptative soient satisfaisants.

7. Entrez le texte suivant dans la zone de texte JS personnalisé :

   
       window.addEventListener('load', function() {

   if (!window.MutationObserver) {

   return;

   }

   var iframeObserver = new MutationObserver(function(){

   var button = document.querySelector('.ac-pushButton');

   if (button) {

   button.onclick = function () {

   alert('roshan');

   };

   }

   });

   iframeObserver.observe(document.body, {

   attributes: true,

   subtree: true,

   childList: false,

   characterData: false

   });

   });

8. Cliquez sur Enregistrer.

Une fois les Carte adaptatives ajoutées au chat, vous devez tester chacune d’entre elles pour vous assurer qu’elles s’affichent correctement. Vous pouvez , pour ce faire, utiliser Bot Builder ou l’outil de test Microsoft .