Page

This help page is for Desktop Studio. This information is also available for CXone Studio.

Affiche une page dans l’application d’agent pour aider 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, ce qui permet à l’agent de se déplacer manuellement dans une séquence de pages.

Les scripts d’agent réduisent souvent la formation, améliorent le traitement des contacts et facilitent davantage de contrôle sur la manière dont les agents traitent 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 traitent 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.

Les utilisations courantes de Page sont l’affichage d’ensembles d’instructions, les é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. Action

Dépendances

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 semblable sera exécuté 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 par le biais de iframe avant la fin de l’action Page.
Veillez à utiliser une action Pageclose pour conclure une séquence d’actions Page. Ne pas fermer une Page peut entraîner des contacts « bloqués », car un agent peut cliquer sur Next dans la page qui s’affiche même une fois l’interaction terminée.

Types de scripts pris en charge


Générique	courriel	Clavardage	Téléphone	Messagerie vocale	Élément de travail	SMS

Comparaison d’actions similaires

Les actions suivantes ont des fonctions semblables, mais avec quelques différences essentielles :

Runapp : Ouvre un formulaire personnalisé et soumet des informations par l’intermédiaire de la branche Ondata.

Page : Ouvre une page dans l’application d’agent. Permet de créer une séquence d’éléments qui peuvent emprunter différentes branches.

Propriétés d’entrée

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

Propriété	Description
Légende	Saisissez une courte phrase qui identifie de manière unique cette action dans le script. La légende apparaît dans le canevas de script sous l’icône d’action. The default is the action name.
Title	Le titre de la page HTML qui apparaît dans 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 insère le bouton Next dans la page HTML.
ShowBack	Sélectionnez True ou False. Lorsque True insère le bouton Back dans 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.

Conditions de la branche de résultat

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 emprunté à moins que le script ne remplisse une condition exigeant qu’il prenne l’une des autres branches. Elle est également prise 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 l’ellipse pour ouvrir la fenêtre ConnectView Collection Editor afin de personnaliser ces branches.

Configurer les actions PAGE

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 applications d’agent CXone prennent en charge plusieurs navigateurs, qui peuvent présenter de petites différences dans la façon dont elles 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 de 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.
Case à cocher.	Une seule case à cocher. Vous pouvez déterminer si le statut par défaut est coché ou non. Vous pouvez également saisir une valeur variable dans la propriété Value, qui peut être transmise au script. Label est le texte qui s’affiche à côté de la case à cocher.
Liste des cases à cocher	Plusieurs cases à cocher qui partagent le même nom de groupe. Vous pouvez ajouter plusieurs cases à cocher dans l’éditeur de collection CheckBoxes. Ajoutez chaque case à cocher que vous souhaitez afficher et configurez Value et Label. Vous pouvez créer une branch variable pour chaque case à cocher de la liste.
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, saisissez des valeurs séparées par le symbole de trait vertical (\|). Vous pouvez créer une branch variable pour chaque élément déroulant de la liste.
Hyperlien	Une URL Web standard. Saisissez URL, déterminez ce que Text affichera comme lien hypertexte et indiquez si vous souhaitez ou non que 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 un Height ou un Width en pixels ou en pourcentage 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 votre URL et configurez les dimensions iframe. Vous pouvez définir un Height ou un Width en pixels ou en pourcentage du cadre Page par défaut.
Zone de liste	Une liste d’options qui s’affichent dans une seule boîte. Vous pouvez remplir les choix de manière dynamique à partir d’un tableau dans la propriété DynamicChoices ou saisir des choix statiques dans l’éditeur Choices. Par défaut, une seule sélection est autorisée; pour autoriser des sélections multiples, vous devez définir AllowMultiSelect sur True. 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 souhaitez afficher et configurez Value et 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 tableau 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 permettant à l’agent de 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é une Text Input Area ou un Text Input Field, ajoutez tous les 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 mise en forme spécifiques.

Par exemple, les numéros de cartes de crédit, les dates et les adresses courriel 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
RequiredMin	Spécifie qu’une valeur doit être saisie dans ce champ.	Vrai/faux
MinLength (Longueur minimale)	Le champ saisi ne peut pas contenir moins que le nombre de caractères spécifié dans cette valeur.	Nombre entier
MaxLength (Longueur maximale)	Le champ saisi ne peut pas contenir plus que le nombre de caractères spécifié dans cette valeur.	Nombre entier
RangeLength (Longueur de la plage)	Le champ saisi doit contenir au moins X caractères à Y caractères. La valeur doit être sous la forme «X-Y » , où X et Y sont des nombres entiers.	X-Y
Min	Le champ saisi doit contenir un nombre supérieur ou égal à cette valeur.	Nombre entier
Max	Le champ saisi doit contenir un nombre inférieur ou égal à cette valeur.	Nombre entier
Plage	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.	X-Y
Courriel	Le champ saisi doit être au format d’un courriel.	Aucun
URL	Le champ saisi doit être au format URL.	Aucun
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 ne vérifie que le format, pas le contenu. Par exemple, 2/30/2022 n’est pas une date valide mais elle est dans un format valide. Il passera la validation.	Aucun
Nombre	Le champ saisi doit être au format d’un nombre décimal.	Aucun
Chiffres	Le champ saisi ne doit contenir que des chiffres.	Aucun
CreditCard (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 numéro; c’est un contrôle d’intégrité uniquement.	Aucun
Expression régulière	Le champ saisi doit correspondre à l’expression régulière définie dans cette valeur.	Aucun

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.