Guide reprend les boutons de paramètres de marque et de canal par défaut que vous avez définis pour déterminer l’aspect du widget Guide sur votre site Web.
Meilleures pratiques
-
Contactez votre service marketing pour sélectionner les images à utiliser pour les boutons de canal et les couleurs du thème de marque pour rester dans la continuité de votre site Web.
-
Utilisez des boutons de canal et des thèmes de marque cohérents à l’échelle du site Web.
-
Si vous avez plusieurs sites Web, déterminez si vous devez définir des paramètres de marque uniques pour chacun d'entre eux.
-
Pour appliquer les couleurs de marque par défaut, ne définissez pas la Theme color lors de la définition de boutons ou de modèles.
-
Pour ne pas appliquer les couleurs de marque par défaut, vous pouvez spécifier les couleurs à utiliser pour un bouton ou un modèle spécifique. Tenez compte des points suivants :
-
Si vous définissez une Theme color pour un modèle, cette couleur remplace celles qui sont définies dans les paramètres relatifs à la marque.
-
Si vous définissez une Theme color pour un modèle et une
-
-
Concernant les paramètres de style personnalisés, vous pouvez utiliser les API Guide ou travailler avec votre Représentant de compte CXone pour créer un aspect personnalisé.
Configuration pour une marque
Le contenu de cette section concerne un produit ou une fonctionnalité en version contrôlée (CR). Si vous ne faites pas partie du groupe CR et souhaitez plus d’informations, contactez votre Représentant de compte CXone.
Les paramètres de marque permettent de définir les couleurs à utiliser par défaut pour les modèles, les boutons et les offres proactives. Guide fournit les paramètres de marque Default que vous pouvez ensuite personnaliser en fonction des besoins. Si nécessaire, vous pouvez créer plusieurs paramètres de marque. Par exemple, si vous envisagez de proposer des modèles Conseils Conseilssur différents sites Web, vous pouvez utiliser des paramètres de marque uniques pour chaque site Web. Lors de la définition de la règle d’affichage du modèle ou de l’offre proactive, utilisez l’action Guide Set Branding pour déterminer les paramètres de marque à utiliser.
- Cliquez sur le sélecteur d'applications
et sélectionnezGuide. -
Cliquez sur Branding.
-
Cliquez sur New Branding.
-
Entrez un nom de marque unique pour Branding Title.
-
Pour Theme Color, définissez la couleur de police à utiliser pour le widget Guide. Pour spécifier la couleur, entrez une valeur hexadécimale ou cliquez sur la pipette afin de sélectionner une couleur.
Le paramètre Theme Color est utilisé pour :
-
La couleur de fond de l’en-tête.
- Le bouton Réduire.
- L’arrière-plan du bouton du canal.
Il est utilisé sauf si :
-
un bouton de canal définit une couleur de thème qui outrepasse la couleur de la marque ;
-
un modèle définit une couleur de thème qui outrepasse la couleur de la marque ;
-
vous définissez d’autres préférences de marque, en plus des paramètres principaux. Par exemple, si vous définissez une couleur de bouton pour les offres proactives.
-
-
Pour Font Color, définissez la couleur à appliquer au texte qui s’affiche dans le widget Guide. Cette couleur est utilisée pour le texte de l’en-tête, ainsi que la flèche qui s’affiche sur les boutons Réduire et Retour.
Pour aider les personnes malvoyantes, conservez un rapport de contraste de 4,5:1 entre Theme Color et Font Color. Des outils en ligne permettent de vérifier le contraste.
-
Si vous le souhaitez, vous pouvez affiner les paramètres de marque à l’aide des onglets
En savoir plus sur les champs danschamps Détails Largeur du widget Guide en ems.
La taille par défaut d’un em dépend des paramètres de la CSS ou du navigateur. Pour un résultat optimal, sélectionnez un modèle de portail client pour le prévisualiser, puis ajustez la largeur du widget Guide si nécessaire.
Height (EM)
Hauteur du widget Guide en ems.
La taille par défaut d’un em dépend des paramètres de la CSS ou du navigateur. Pour un résultat optimal, sélectionnez un modèle de portail client pour le prévisualiser, puis ajustez la hauteur du widget Guide si nécessaire.
Couleur à utiliser pour l’icône de fermeture du widget. Couleur de fond à utiliser pour l’icône de fermeture du widget. En savoir plus sur les champs danschamps Détails Couleur de fond à utiliser pour les modèles de portail client. Couleur d’icône et de police à utiliser pour les modèles de portail client.
Taille du titre, en ems, à utiliser pour les modèles de portail client.
La taille par défaut d’un em dépend des paramètres de la CSS ou du navigateur. Pour un résultat optimal, sélectionnez un modèle de portail client pour le prévisualiser, puis ajustez la taille de police du titre, si nécessaire.
Taille de police du sous-titre, en ems, à utiliser pour les modèles de portail client.
La taille par défaut d’un em dépend des paramètres de la CSS ou du navigateur. Pour un résultat optimal, sélectionnez un modèle de portail client pour le prévisualiser, puis ajustez la taille de police du sous-titre, si nécessaire.
En savoir plus sur les champs danschamps Détails Couleur de fond à utiliser pour afficher les articles de base de connaissances. Couleur d’icône et de police à utiliser pour afficher les articles de base de connaissances.
En savoir plus sur les champs danschamps Détails Taille de police, en ems, à utiliser pour le titre d’une offre proactive.
La taille par défaut d’un em dépend des paramètres de la CSS ou du navigateur. Pour un résultat optimal, examinez l’aperçu de l’offre proactive, puis ajustez la taille de police du titre, si nécessaire.
Taille de police, en ems, à utiliser pour le corps de texte d’une offre proactive.
La taille par défaut d’un em dépend des paramètres de la CSS ou du navigateur. Pour un résultat optimal, examinez l’aperçu de l’offre proactive, puis ajustez la taille de police du corps de texte, si nécessaire.
Couleur à utiliser pour la zone d’en-tête de l’offre proactive. Couleur à utiliser pour le fond de l’offre proactive. Couleur de police à utiliser pour l’offre proactive. Elle s’applique au texte du titre et du corps de texte. Couleur de fond et de police du bouton d’appel à l’action principal dans les offres proactives. Couleur de fond et de police des boutons d’appel à l’action secondaires dans les offres proactives. Indique si l’offre proactive doit s’afficher en haut (Top ) ou en bas (Bottom ) de l’écran sur un appareil mobile. - Pour afficher un aperçu des paramètres de marque, sélectionnez un modèle dans la liste déroulante sur le côté droit de la page. Ou, pour prévisualiser les paramètres de marque pour les offres proactives, cliquez sur l’onglet Proactive Offer. Si vous personnalisez ces paramètres, un aperçu est affiché sur la droite.
-
Cliquez sur Default pour définir cette marque par défaut. Lorsque vous définissez des paramètres de marque par défaut, ils sont appliqués à l’ensemble des modèles, qu’ils soient déjà en place ou nouveaux.
- Cliquez sur Save.
Création de boutons de canal
Créez un bouton pour chaque canal Le moyen utilisé par les contacts pour interagir avec les agents ou les robots. Le canal peut être vocal, e-mail, chat, réseaux sociaux, etc. que vous prévoyez d’offrir dans Guide. Une fois les boutons créés, vous pouvez les associer aux points d’entrée. Vous pouvez contourner ce bouton lors de la définition d’un modèle en définissant un autre bouton pour le point d’entrée.
View a short video on creating channel buttons.
-
Cliquez sur le sélecteur d'applications
et sélectionnezACD. -
Accédez à
- Sous
-
Faites défiler jusqu’à la section
-
Saisissez un Name pour le bouton.
-
Cliquez sur Choose File pour charger l’Icon du bouton.
Les images d’icône doivent faire moins de 50 Ko et les fichiers SVG sont recommandés.
-
Si nécessaire, spécifiez la couleur de fond du bouton de canal dans le champ
Laissez ce champ vide pour utiliser la couleur de fond par défaut du bouton de canal qui est définie pour la marque.
Pour utiliser un fond transparent pour le bouton, sélectionnez Transparent background.
-
Cliquez sur Save.
Ajout de variantes linguistiques pour la traduction
Vous pouvez créer des variantes de langue à utiliser avec Guide. De plus, vous pouvez modifier les libellés des éléments d’interface utilisateur de Guide.
Les traductions pour les langues par défaut seront disponibles pour une prochaine version.
Ajout de paramètres personnalisés de langue
-
Cliquez sur le sélecteur d'applications
et sélectionnezACD. -
Accédez à
-
Sous
-
Cliquez sur Translations.
-
Cliquez sur Add Language pour ajouter une nouvelle langue.
En savoir plus sur les champs de cette étape
Champ Détails Saisissez le nom de la langue. Sélectionnez la langue dans la liste déroulante Language .
Sélectionnez la langue dans la liste déroulante Country . Choisissez la langue Fallback à utiliser s’il n’existe pas de traduction pour un libellé donné. - Cliquez sur Save. Les libellés par défaut qui sont fournis avec Guide s’affichent.
- Pour chaque Translation Key, entrez une Translation Value. Il s’agit de la chaîne qui sera présentée aux internautes dans le widget Guide. Vous ne pouvez pas modifier la Translation Key pour les libellés par défaut fournis avec Guide.
- Si nécessaire, créez d’autres clés de traduction en cliquant sur Ajouter en bas de page. Définissez la Translation Key et la Translation Value Vous pouvez modifier la Translation Key pour chaque nouveau libellé. Si vous ajoutez de nouvelles clés de traduction, veillez à fournir des valeurs traduites pour toutes les langues que vous proposez aux internautes.
-
Cliquez sur Enregistrer.
Modification du libellé dans une langue donnée
-
Cliquez sur le sélecteur d'applications
et sélectionnezACD. -
Accédez à > Points of Contact Digital.
-
Sous
-
Cliquez sur Translations.
-
Cliquez sur
- Faites défiler jusqu’au libellé à modifier et mettez à jour la Translation Value. Par exemple, vous pouvez modifier le libellé du bouton qui permet de lancer une discussion en remplaçant Begin Chat par Start Chat.
-
Cliquez sur Save.
Interaction avec un widget Guide
Les internautes peuvent interagir avec un widget Guide en utilisant leur souris ou clavier pour parcourir les boutons. Remarque importante : la navigation au clavier est limitée aux utilisateurs d’un Mac utilisant le navigateur Safari ou Firefox sauf si cela est activé dans le navigateur. Les touches fonctionnent comme prévu par défaut lors de l’utilisation du navigateur Chrome.