Créer des Modèles Guide

Les modèles conditionnent comment Guide affiche les points d’entrée sélectionnés sur votre site Web. Les Types DE modèle incluent :

  • Bouton unique : utilisez cette option pour proposer un point d'entrée unique dans le widget Guide.

  • Menu de boutons Multiple : Utilisez cette option pour proposer plusieurs points d’entrée dans le widget Guide.

  • Portail client : Utilisez cette option pour proposer une base DE connaissances NiCE CXone Knowledge Management (Expert) en tant que portail client et des points d’entrée supplémentaires dans le widget Guide.

Veillez à créer les boutons et les points d’entrée de canal avant de commencer cette tâche.

Si vous utilisez un modèle multi-boutons, vous aurez besoin de boutons de canal et d'un bouton Menu. Les visiteurs cliquent sur le bouton de menu pour afficher les boutons de canal.

Pour créer des modèles, vous devez disposer de l'autorisation Guide Configuration.

Créer un modèle de Bouton unique

Utilisez un modèle bouton unique lorsque vous souhaitez que Guide dirige les internautes vers un seul canal.

Myra, la gestionnaire du Soutien Jungle, souhaite proposer le canal de chat sur la page d'accueil du site Web. Elle crée un modèle de bouton unique qui propose le bouton de chat qui apparaît en bas à gauche de la page d'accueil du site Web Jungle :

Un bouton rond avec une image de bulle de chat sur laquelle les clients peuvent cliquer pour discuter avec un agent.

Si un visiteur clique sur le bouton de chat, le canal correspondant s’ouvre dans le widget Guide :

```html La fenêtre de chat Guide dans laquelle vous saisissez les informations d'identification avant de démarrer un chat. ```

Watch a short video on setting up a single button template.

  1. Cliquez sur le sélecteur d'applications icon of app selector et sélectionnez Guide.
  2. Cliquez sur Modèles.
  3. Cliquez sur Nouveau modèle.
  4. Entrée d'un Titre du modèle.
  5. Définissez Type DE modèle sur Bouton unique.

  6. Dans l'onglet Éditeur de Conception, définissez les valeurs permettant de contrôler l'apparence du modèle.

    Champ Détails
    Position Définissez Position sur Bottom right ou Bottom left pour déterminer où le modèle Guide apparaît sur votre site Web.

    Theme color

    Si nécessaire, spécifiez la Couleur du thème à utiliser pour le modèle. Laissez ce champ vide pour utiliser la Couleur du thème définie dans l'image de marque. Pour remplacer l'image de marque, utilisez le sélecteur de couleurs pour sélectionner une couleur ou entrez le code hexadécimal de la couleur.
    Couleur DE LA police Si nécessaire, entrez une Couleur DE LA police à utiliser pour le modèle. Laissez ce champ vide pour utiliser la Couleur DE LA police définie dans l'image de marque. Pour remplacer l'image de marque, utilisez le sélecteur de couleurs pour choisir une couleur ou entrez le code hexadécimal de la couleur.

  7. Dans l'onglet Canal du Modèle, définissez le canal à utiliser pour le modèle.

    Champ Détails
    Entry point Sélectionnez le point d'entrée à utiliser pour le canal. Par exemple, vous pouvez le définir sur un point d'entrée de chat pour proposer le canal de chat. Selon le type DE canal sélectionné, des champs supplémentaires à définir peuvent s'afficher.

    Button

    Sélectionnez le Bouton à utiliser pour le canal. Laissez cette partie vide si vous souhaitez utiliser le bouton défini pour le point d’entrée.
    Étiquette Entrée le Étiquette à utiliser avec le bouton. Le libellé apparaît à droite du bouton. Le libellé est limité à 18 caractères. Inclure une étiquette est en option. Notez que le libellé est également utilisé par les lecteurs d'écran. S'il est omis, le lecteur d'écran lira le texte du bouton.

  8. Si vous définissez point d’entrée sur canal de chat ou d’e-mail, et si ce point d’entrée est associé à un questionnaire préalable, des champs facultatifs supplémentaires deviennent disponibles. Cliquez sur Choisir un fichier pour sélectionner une icône de sondage précontact et saisissez une étiquette de sondage précontact afin de définir une icône et une étiquette qui apparaissent en haut du widget Guide :

    ``` Guide widget that shows a precontact survey that includes an icon and label. ```

  9. Si vous définissez le point d'entrée sur un canal Knowledge Management (Expert), spécifiez le titre de la Fenêtre contextuelle. Par exemple, vous pouvez intituler la fenêtre contextuelle Articles utiles.
  10. Cliquez sur enregistrer.
  11. Vérifiez l’aspect et le comportement du modèle.

Créer un modèle de Menu à boutons Multiple

Utilisez un modèle de bouton Multiple de Menu si vous utilisez Guide pour afficher plusieurs canauxClosed Divers moyens de communication vocale et numérique qui facilitent les interactions avec les clients dans un centre de contacts. à la fois. Vous pouvez inclure jusqu'à quatre canaux.

Myra, la gestionnaire du Soutien Jungle, souhaite proposer les canaux de chat et d'e-mail sur la Page d'accueil du site Web. Elle crée un modèle de bouton Multiple. Le bouton de menu qu’elle définit pour le modèle s’affiche dans la partie inférieure gauche de la page du site Web de Jungle :

A round button with an image of concierge desk bell that customers click to display the Guide channel menu.

Un visiteur du site peut ensuite cliquer sur le bouton de menu pour afficher le menu des boutons de canal :

Un exemple de Guide menu qui propose les canaux de chat et d'e-mail. Le canal de chat comporte deux bulles de chat. Le canal de courriel affiche une enveloppe.

Par exemple, si le visiteur souhaite communiquer par chat, la fenêtre de discussion s’affiche :

```html La fenêtre de chat Guide où vous saisissez les informations d'identification avant de démarrer un chat. ```

Watch a short video on setting up a multi-button template.

  1. Cliquez sur le sélecteur d'applications icon of app selector et sélectionnez Guide.
  2. Cliquez sur Modèles.
  3. Cliquez sur Nouveau modèle.
  4. Entrée un Titre du modèle.
  5. Définissez Type DE modèle sur Multiple Button Menu.

  6. Dans l'onglet Éditeur de Conception, définissez les valeurs permettant de contrôler l'apparence du modèle.

    Champ Détails
    Position Définissez Position sur Bottom right ou Bottom left pour déterminer où les boutons du modèle Guide apparaissent sur votre site Web.

    Couleur du thème

    Si nécessaire, spécifiez la Couleur du thème à utiliser pour le modèle. Laissez ce champ vide pour utiliser la Couleur du thème définie dans le branding. Pour remplacer la marque, utilisez le sélecteur de couleurs pour sélectionner une couleur ou entrez le code hexadécimal de la couleur.
    Couleur DE LA police Si nécessaire, entrez une Couleur DE LA police à utiliser pour le modèle. Laissez ce champ vide pour utiliser la Couleur DE LA police définie dans l'image de marque. Pour remplacer l'image de marque, utilisez le sélecteur de couleurs pour sélectionner une couleur ou entrez le code hexadécimal de la couleur.
    Direction du modèle Définissez la Direction du Modèle de vos boutons de canal pour qu'ils se déploient lorsque le Menu est ouvert. Les Options sont Vertical ou Horizontal.
    Bouton de menu Sélectionnez le bouton Menu qui affiche le menu des boutons de canal disponibles pour le visiteur.

  7. Dans l'onglet Canal du Modèle, définissez jusqu'à quatre boutons, un pour chaque canal à proposer.

    Champ Détails
    Entry point

    Sélectionnez un point d'entrée à utiliser pour le premier canal.

    • Si vous définissez point d’entrée sur canal de chat ou d’e-mail, et si ce point d’entrée est associé à un questionnaire préalable, des champs facultatifs supplémentaires deviennent disponibles. Cliquez sur Choisir un fichier pour sélectionner une icône de sondage précontact et saisissez une étiquette de sondage précontact afin de définir une icône et une étiquette qui apparaissent en haut du widget Guide :

      Widget Guide affichant une enquête préalable au contact qui comprend une icône et une étiquette.

    • Si vous définissez point d'entrée sur une base DE connaissances, précisez le titre de la Fenêtre contextuelle. Par exemple, vous pouvez intituler la fenêtre contextuelle Articles utiles.

    Button

    Sélectionnez le bouton qui affiche le canal. Laissez cette partie vide si vous souhaitez utiliser le bouton défini pour le point d’entrée.
    Étiquette Entrez l'Étiquette à utiliser pour les lecteurs d'écran.
    Add Channel

    Cliquez pour définir un autre canal à inclure dans le modèle. Vous pouvez ajouter jusqu'à quatre canaux.

    Chaque modèle est limité à un seul canal base DE connaissances et un seul canal de chat.
  8. Cliquez sur enregistrer.
  9. Vérifiez l’aspect et le comportement du modèle.

Créer un modèle de Portail client

Utilisez un modèle de portail client pour proposer un portail Knowledge Management (Expert) et jusqu’à quatre points d’entrée de canalClosed Divers moyens de communication vocale et numérique qui facilitent les interactions avec les clients dans un centre de contacts. en même temps. Cela nécessite une intégration avec Knowledge Management (Expert).

Myra décide d'offrir un portail client qui fournit des articles sur les 10 principales questions que les visiteurs posent au Soutien. Elle souhaite également proposer d'autres canaux, tels que le chat et l'e-mail. Elle crée un modèle de portail client. Le bouton de menu qu’elle définit pour le modèle s’affiche dans la partie inférieure gauche de la page du site Web de Jungle :

Un bouton rond avec une image de cloche de bureau de concierge sur lequel les clients cliquent pour afficher le portail client Guide.

Les internautes peuvent cliquer sur le bouton de menu pour afficher le portail et les canaux qu’elle a configurés :

Un exemple de modèle de portail client qui inclut les boutons des canaux de chat et d’e-mail suivis par deux articles sur CXone Expert.

Watch a short video on setting up a customer portal template.

  1. Cliquez sur le sélecteur d'applications icon of app selector et sélectionnez Guide.
  2. Cliquez sur Modèles.
  3. Cliquez sur Nouveau modèle.
  4. Entrez un titre de Modèle.
  5. Définissez Type du Modèle sur Portail client.

  6. Dans l'onglet Éditeur de Conception, définissez les valeurs permettant de contrôler l'apparence du modèle.

    Champ Détails
    Position Définissez Position sur Bottom right ou Bottom left pour déterminer où le modèle apparaît sur votre site Web.

    Couleur du thème

    Si nécessaire, spécifiez la Couleur du thème à utiliser pour le modèle. Laissez ce champ vide pour utiliser la Couleur du thème définie dans la section branding. Pour remplacer l'image de marque, utilisez le sélecteur de couleurs pour choisir une couleur ou entrez le code hexadécimal de la couleur.
    Couleur DE LA police Si nécessaire, entrez une Couleur DE LA police à utiliser pour le modèle. Laissez ce champ vide pour utiliser la Couleur DE LA police définie dans la image de marque. Pour remplacer l'image de marque, utilisez le sélecteur de couleurs pour choisir une couleur ou entrez le code hexadécimal de la couleur.
    Icône principale Téléversez une icône Principale. Il s’agit d’une image, telle qu’un Logo, qui apparaît dans le coin supérieur gauche du modèle de portail client. Les Images doivent être inférieures à 50 Ko. Cette image est requise.
    Titre Entrez un Titre. Ceci est le texte qui apparaît en haut du modèle. Par exemple, vous pouvez le définir sur Bienvenue. L'en-tête est obligatoire.
    Sub heading Entrée en option du Sous-titre. Le sous-titre apparaît sous le Titre. Par exemple, vous pouvez définir ceci sur Comment pouvons-nous vous aider ?. Ce texte apparaît dans la couleur de police spécifiée pour la marque.
    Template outline

    • Définissez le plan du Modèle pour déterminer l'ordre dans lequel le contenu du modèle apparaît :

      • Channels first pour afficher les boutons de canal en haut du modèle et le portail Knowledge Management (Expert) en dessous.

      • Base DE connaissances en premier pour afficher le portail Knowledge Management (Expert) en haut du modèle et les boutons des autres canaux en dessous.
    Bouton de menu Définissez le Menu Button. Un bouton qui affiche le menu des boutons de canal accessibles par les visiteurs. Cliquez sur Sélectionner un élément pour sélectionner le bouton sur lequel le visiteur clique pour afficher le Menu des canaux.

  7. Dans l'onglet Canal du Modèle, définissez jusqu'à quatre boutons, un pour chaque canal à proposer.

    Champ Détails
    Entry point

    Sélectionnez le point d'entrée à utiliser pour le premier canal. Il peut s'agir de n'importe quel point d'entrée, à l'exception d'un point d'entrée de base DE connaissances.

    Si vous définissez point d’entrée sur canal de chat ou d’e-mail, et si ce point d’entrée est associé à un questionnaire préalable, des champs facultatifs supplémentaires deviennent disponibles. Cliquez sur Choisir un fichier pour sélectionner une icône de sondage préalable au contact et entrez une étiquette de sondage préalable au contact afin de définir une icône et une étiquette qui apparaissent en haut du widget Guide :

    Guide widget that shows a precontact survey that includes an icon and label.

    Button

    Sélectionnez le Button à utiliser pour le canal. Laissez cette partie vide si vous souhaitez utiliser le bouton défini pour le point d’entrée.
    Étiquette Entrez l'Étiquette à utiliser pour le bouton. Ce champ est obligatoire. Le libellé est limité à 18 caractères. Le libellé est également utilisé par les lecteurs d'écran.
    Add Channel

    Cliquez pour définir un autre canal à offrir dans le portail client. Vous pouvez ajouter jusqu'à quatre canaux.

    Chaque modèle est limité à un seul canal de chat.

  8. Dans l'onglet Base DE connaissances, définissez le contenu à afficher dans le portail client.

    Champ Détails
    Knowledge base entry point Sélectionnez le point d'entrée de la base DE connaissances à utiliser pour ce modèle. Le point d'entrée doit contenir les articles que vous souhaitez offrir aux visiteurs de votre site Web lorsque ce modèle apparaît.

    Heading

    Entrée du titre à utiliser pour la base DE connaissances. Par exemple, vous pouvez saisir Articles utiles.
  9. Cliquez sur enregistrer.
  10. Vérifiez l’aspect et le comportement du modèle.

Vérifiez l’aspect et le Comportement du Modèle

Une fois que vous avez précisé tous les champs obligatoires d'un modèle, un aperçu apparaît dans le coin plus bas à droite de la Page.

La page Modifier le modèle. L'aperçu du modèle apparaît dans le coin inférieur droit une fois que tous les champs obligatoires ont été renseignés.

Si vous continuez à apporter des modifications au modèle, l'aperçu est actualisé. Utilisez la liste déroulante située dans le coin le plus haut à droite pour afficher un aperçu du modèle avec différents paramètres de marque.

Si l'aperçu ne fonctionne pas comme attendu, vérifiez les éléments suivants :

  • Avez-vous défini une valeur pour chaque champ requis ? Il peut être nécessaire d'afficher plusieurs onglets pour voir tous les champs requis d'un modèle. Titre du modèle est également un champ requis.

  • Les valeurs que vous avez définies sont-elles valides ? Bien que Guide impose des limites de longueur pour les champs de texte, Guide n’applique pas ces limites lors de la définition de la valeur. Vous pouvez utiliser la touche Tab pour vous déplacer dans la Page et vérifier que les valeurs des champs requis sont valides. Si elles ne sont pas valides, un message d’erreur apparaît lorsque vous passez au champ suivant.