Page

Fait apparaître une page dans le application d'agent pour assister un agent dans son interaction. La page contextuelle peut afficher une image, un texte de style avec des fonctionnalités HTML de base ou des champs permettant à l'agent de saisir des informations. Vous pouvez utiliser plusieurs actions Page dans votre script et inclure un bouton Suivant, permettant à l'agent de se déplacer manuellement le long d'une séquence de pages.

Les scripts d'agent réduisent souvent la formation, améliorent la gestion des contacts et facilitent davantage de contrôle sur la manière dont les agents gèrent les contacts. Le système peut être configuré pour afficher des écrans et des fenêtres contextuelles afin que les agents puissent être dirigés vers des étapes spécifiques pendant qu'ils gèrent le contact. L'agent passe à travers une série de pages en fonction de la façon dont le contact répond à certaines questions. Les actions Page appellent les pages appropriées.

Page s’utilise couramment pour afficher des ensembles d'instructions, des étapes d'un script pour que l'agent s'exprime, etc. Double-cliquez sur l'action pour lancer l'éditeur de configuration.

À utiliser en conjonction avec Onpageopen action and Pageclose action. To preview a page, use the OnPreview action.

Dependencies

Toutes les variables créées ou modifiées par l'action Page perdront leurs valeurs lorsqu'un événement, tel que Onrelease, Onsignal ou tout autre événement similaire, s'exécute dans le script. Si les données doivent être conservées pour une utilisation après la fin de l'appel, un appel API ou une insertion DB devra être utilisée via iframe avant que l’action Page ne prenne fin.
Assurez-vous d'utiliser une action Pageclose pour conclure une séquence d’actions Page. Si vous ne fermez pas une Page, des contacts risquent d’être « bloqués », car un agent peut être en mesure de cliquer Next dans la page affichée, même après la fin de l'interaction.

Supported Script Types


Générique	Email	Conversation	Téléphone	Messagerie vocale	Élément de travail	SMS

Comparison of Similar Actions

Les actions suivantes ont des fonctions similaires, mais présentent quelques différences essentielles :

Runapp : affiche un formulaire personnalisé et soumet des informations via la branche Ondata.

Page : affiche une page dans l'application d'agent. Permet de créer une séquence d'éléments qui peuvent suivre différentes branches.

Input Properties

Ces propriétés définissent les données que l'action utilise lors de son exécution.

Propriété	Description
une légende	Entrez une courte phrase qui identifie cette action dans le script de manière unique. La légende est affichée sur le canevas de script sous l’icône de l’action. The default is the action name.
Title	Le titre de la page HTML qui apparaît l'application d'agent.
RawXML	Réservé. Permet de stocker la configuration de la Page. Non modifiable par l'utilisateur.
ShowNext	Sélectionnez True ou False. Lorsque True, permet d’insérer le bouton Next sur la page HTML.
ShowBack	Sélectionnez True ou False. Lorsque True, permet d’insérer le bouton Back sur la page HTML.
StyleSheet	Insérez un lien vers une feuille de style externe. Par exemple, <link REL="stylesheet" type="text/css" href="style.css">.
BranchKey	Réservé. Utilisé par l'éditeur Page Property . Non modifiable par l'utilisateur.
BranchOptions	Réservé. Utilisé par l'éditeur Page Property . Non modifiable par l'utilisateur.

Result Branch Conditions

Les conditions de branche de résultat vous permettent de créer des branches dans votre script afin de gérer différents résultats lors de l'exécution d'une action.

Condition	Description
Default	Chemin parcouru sauf si le script remplit une condition qui l'oblige à emprunter l'une des autres branches. Il est également suivi si les autres branches de l’action ne sont pas définies.
OnNext	Chemin emprunté lorsque l'utilisateur clique sur le bouton "Suivant".
Custom Cases	Chemins créés et empruntés lors de la connexion à des actions secondaires à l'aide de conditions de branche variables. Cliquez sur les points de suspension pour ouvrir l'ConnectView Collection Editor afin de personnaliser ces branches.

Configure PAGE Actions

Ajoutez une action Page à l’emplacement souhaité dans votre script.
Double-cliquez sur l'action.

Ajoutez les composants souhaités. Les composants sont les éléments affichés sur la page qui s'affiche, comme un champ de texte ou un tableau. Cet éditeur affiche un aperçu estimé de ce que l'agent verra. Les CXone applications d'agent prennent en charge plusieurs navigateurs, qui peuvent présenter de petites différences dans la façon dont ils affichent ces composants. Effectuez des tests adéquats avec une interaction de test pour vous assurer que vous êtes satisfait de la fonctionnalité et de l'affichage visuel.

En savoir plus sur les composants Page :

Composant	Description
Liste à puces	Une liste à puces standard. Pour créer la liste, saisissez un élément par ligne dans l'éditeur de chaînes Items.
CheckBox	Une seule case à cocher. Vous pouvez déterminer si l'état par défaut est coché ou non. Vous pouvez également saisir une valeur de variable dans la propriété Value, qui peut être transmise avec le script. L'Label est le texte qui s'affiche à côté de la case à cocher.
Liste des cases à cocher	Plusieurs cases à cocher partageant le même nom de groupe. Vous pouvez ajouter plusieurs éléments de case à cocher dans l'éditeur de collection CheckBoxes. Ajoutez chaque case à cocher que vous voulez afficher et configurez sa Value et son Label. Vous pouvez créer une branch variable pour chaque case à cocher de la liste.
La liste déroulante	Un menu déroulant. Vous pouvez créer des options déroulantes en ouvrant l'éditeur de collection Choices. Vous pouvez également remplir la liste déroulante de manière dynamique avec les valeurs d'un tableau. Dans l’éditeur de chaînes DynamicChoices, entrez les valeurs séparées par le symbole de la barre verticale (\|). Vous pouvez créer une branch variable pour chaque élément déroulant de la liste.
Hyperlien	Une URL Web standard. Entrez l'URL, déterminez quel Text s'affichera comme lien hypertexte, et si vous voulez ou non que la Target s’ouvre dans une nouvelle fenêtre.
Image	Une image. Vous devez utiliser une image qui peut être référencée en tant qu'URL.
Cadre intégré (script)	Insère un iframe dans la page contextuelle qui exécute un script. Vous pouvez déterminer les dimensions de l'iframe dans les propriétés. Vous pouvez définir une Height ou une Width en nombre de pixels ou en pourcentage de la valeur par défaut du cadre Page par défaut.
Cadre intégré (URL)	Insère un iframe dans la page contextuelle qui affiche une page Web. Insérez le URL désiré et configurez les dimensions de l'iframe. Vous pouvez définir une Height ou une Width en nombre de pixels ou en pourcentage de la valeur par défaut du cadre Page par défaut.
Zone de liste	Une liste d'options qui s'affichent dans une seule boîte. Vous pouvez renseigner les choix de manière dynamique à partir d'un tableau dans la propriété DynamicChoices ou entrer des choix statiques dans l'éditeur Choices. Par défaut, une seule sélection est autorisée. Réglez AllowMultiSelect sur True pour autoriser des sélections multiples. Vous pouvez créer une branch variable pour chaque élément déroulant de la liste.
Paragraphe	Un paragraphe de texte de base.
Liste des boutons radio	Une liste de boutons radio qui partagent le même nom de groupe. Vous pouvez ajouter plusieurs boutons dans l'éditeur de collection Buttons. Ajoutez chaque bouton que vous voulez afficher et configurez sa Value et son Label. Vous pouvez remplir la liste des boutons de manière dynamique à partir d'un tableau dans la propriété DynamicButtons. Séparez chaque bouton de l'éditeur de chaîne par un symbole de barre verticale (\|). Vous pouvez créer une branch variable pour chaque élément déroulant de la liste.
Tableau (dynamique)	Une table de base générée dynamiquement avec des valeurs variables. Vous pouvez remplir dynamiquement les colonnes de la table via une chaîne de variables ; chaque variable devient une colonne individuelle avec la variable comme en-tête de colonne. Chaque colonne contient un en-tête et une seule ligne en dessous.
Tableau (fixe)	Un tableau de base avec un nombre fixe de lignes dans une seule colonne. Vous pouvez saisir autant de lignes que vous le souhaitez et déterminer si vous souhaitez que la ligne s'affiche en tant qu'en-tête ou non.
Zone de saisie de texte	Permet à l'agent de saisir du texte dans la page qui s'affiche. Vous pouvez créer un tableau de lignes et de colonnes pour que l'agent saisisse du texte.
Champ de saisie de texte	Un seul champ pour que l'agent puisse saisir du texte.
Tableau des variables	Contient un tableau de toutes les variables de cette page, ou qui ont été transmises le long des pages précédentes, ou des variables globales. Studio fournit également des variables système par défaut. Vous pouvez choisir de rendre cette table de variables visible ou invisible pour l'agent.

Configurez les propriétés du composant.

Si vous avez ajouté un Text Input Area ou un Text Input Field, ajoutez les éventuels validateurs.

En savoir plus sur les validateurs:

Les validateurs permettent à un scripteur de restreindre l'entrée d'agent aux seules données qui répondent à des règles de formatage spécifiques. Par exemple, les numéros de cartes de crédit, les dates et les adresses e-mail requièrent un format très spécifique pour être valides. Cette fonctionnalité fournit un Validateur intégré pour une variété de formats couramment utilisés. En outre, un contrôle de saisie peut également avoir des restrictions, telles que champ requis ou longueur min ou max. Ces types de règles de validation peuvent également être définis pour l'un de ces champs de saisie.

Type de validateur	Objectif	Valeur de validation requise
ObligatoireMin	Spécifie qu'une valeur doit être saisie dans ce champ.	Vrai faux
Longueur minimale	Le champ saisi ne peut pas contenir moins que le nombre de caractères spécifié dans cette valeur.	Entier
Longueur maximale	Le champ saisi ne peut pas contenir plus que le nombre de caractères spécifié dans cette valeur.	Entier
GammeLongueur	Le champ saisi doit contenir au moins X caractères à Y caractères. La valeur doit être de la forme «XY» où X et Y sont des entiers.	XY
Min	Le champ saisi doit contenir un nombre supérieur ou égal à cette valeur.	Entier
Max	Le champ saisi doit contenir un nombre inférieur ou égal à cette valeur.	Entier
Varier	Le champ saisi doit contenir un nombre entre X et Y, y compris X et Y. Par exemple, si la plage est comprise entre 5 et 10, la valeur saisie doit être supérieure ou égale à 5 et inférieure ou égale à 10.	XY
E-mail	Le champ saisi doit être au format d'un e-mail.	Rien
URL	Le champ saisi doit être au format URL.	Rien
Date	Le champ saisi doit être au format d'une date valide. Studio peut valider les formats de date américains et internationaux tels que mm / jj / aaaa et aaaa / mm / jj. Cependant, Studio vérifie uniquement le format, pas le contenu. Par exemple, 2/30/2023 n'est pas une date valide mais elle est dans un format valide. Il passera la validation.	Rien
Nombre	Le champ saisi doit être au format d'un nombre décimal.	Rien
Chiffres	Le champ saisi ne doit contenir que des chiffres.	Rien
Carte de crédit	Le champ saisi doit être au format d'un numéro de carte de crédit valide. L'algorithme utilisé ne peut pas vérifier la validité du nombre; il s'agit uniquement d'un contrôle d'intégrité.	Rien
Expression régulière	Le champ saisi doit correspondre à l'expression régulière définie dans cette valeur.	Rien

Si vous souhaitez supprimer un composant, mettez-le en surbrillance dans la liste des propriétés et cliquez sur . Vous pouvez également déplacer le composant à l'aide des flèches haut et bas.
Cliquez sur Ok.