Personnaliser Guide à l'aide de JavaScript

Pour utiliser Guide avec votre site Web, vous pouvez simplement intégrer Guide sur chaque page de votre site Web où vous souhaitez proposer un engagement.

Toutefois, si vous êtes familiarisé avec le développement Web et que vous souhaitez personnaliser l’apparence et le comportement du gadget logiciel Guide, vous pouvez le faire en utilisant les appels APIFermé Les API vous permettent d’automatiser certaines fonctionnalités en connectant votre système CXone Mpower avec d’autres logiciels utilisés par votre organisation. dans le code JavaScript. Voici les types de changements que vous pouvez apporter :

  • Apparence et comportement du gadget logiciel Guide: Personnalisez l’apparence et le comportement du gadget logiciel Guide. Il s’agit notamment de modifier la taille du gadget logiciel ou la taille des boutons, d’afficher le gadget logiciel en mode plein écran, etc.

  • Préférences de clavardage lorsqu’il est proposé dans le gadget logiciel Guide : Personnalisez l’apparence et le comportement du clavardage lorsqu’il est proposé dans le gadget logiciel Guide. Il s’agit notamment de modifier les informations contenues dans la fenêtre de clavardage, de modifier l’apparence de la fenêtre de clavardage, de définir des feuilles de style CSS personnalisées, etc.

  • Préférences en matière de rapports : Personnalisez la façon dont Guide suit les engagements et les conversions. Vous pouvez utiliser ces API pour définir des événements personnalisés, stocker des variables relatives aux visiteurs, stocker des données de conversion, attribuer et supprimer des balises Web, etc.

Comprendre le fonctionnement de Guide

Le widget Guide est un module Web que CXone Mpower Loader charge sur votre site Web. Le module Web contient une application JavaScript construite à l’aide du cadre Svelte. L’application utilise des magasins d’états de base qui assurent le suivi de la configuration Guide, du modèle actif, de l’état du clavardage actif, de l’état de l’interface utilisateur, etc. Les valeurs de ces magasins d’états déterminent ce qui est affiché au visiteur.

Lorsque vous intégrez Guide sur une page de votre site Web et qu’un visiteur consulte la page, Guide récupère la configuration spécifique à votre locataire. Cette demande renvoie un résultat JSON contenant des règles, des boutons, des points d’entrée, des traductions, des articles référencés et des indicateurs de fonctionnalité. Il utilise ensuite le moteur de règles intégré pour traiter les règles et les conditions qui peuvent ou non entraîner l’apparition d’un modèle ou d’une offre proactive sur la page.

Pour gérer les données des visiteurs entre les rechargements de pages, Guide utilise le stockage local et le stockage de session. Cela permet à Guide de fournir la prise en charge interdomaine sur les navigateurs pris en charge. Cela signifie également que Guide n’utilise pas de témoins de navigateur.

Configurez les personnalisations Guide dans un environnement de test avant de les publier dans votre environnement de production. Cela aidera à minimiser les perturbations pour les visiteurs de votre site Web. Cela vous aidera également à vous assurer que vos personnalisations fonctionnent comme prévu.

Ajouter des appels JavaScript

  1. Cliquez sur le sélecteur d’applications icône du sélecteur d’application et sélectionnez ACD.

  2. Accédez à Digital > Points d’accès numériques.

  3. Sous Vos canaux, cliquez sur Script de site Web.
  4. Copiez le code JavaScript de la page et collez-le dans votre code ou dans un programme d’édition de texte. Veillez à inclure les balises d’ouverture et de fermeture <script>.

  5. Juste au-dessus de la balise de fermeture </script> du code que vous avez collé, ajoutez les appels JavaScript à utiliser. Dans l’exemple d’image ci-dessous, le commentaire indique où ajouter des appels.

    Un exemple de script qui montre où ajouter des appels JavaScript

    Les appels JavaScript Guide que vous pouvez utiliser sont décrits ci-dessous sur cette page, ainsi que les API liées au clavardageGuide et les API liées aux rapportsGuide.

  6. Copiez et collez l’intégralité du script, y compris les balises d’ouverture et de fermeture <script>, dans l’en-tête d’une page de votre site Web.

  7. Visitez la page modifiée et assurez-vous que les personnalisations Guide fonctionnent comme prévu.

  8. Lorsqu’il a été entièrement testé et qu’il fonctionne comme prévu, copiez le script final dans l’en-tête de chaque page qui doit avoir cette personnalisation Guide.