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 pour créer un aspect personnalisé.
Configuration pour une marque
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 Guide sur 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 Set Guide Branding pour déterminer les paramètres de marque à utiliser.
- Cliquez sur le sélecteur d'applications
et sélectionnez Guide. -
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 lechamps Détails La largeur du widget Guide en ems. La largeur par défaut est de 23,125 em.
Height (EM)
La hauteur du widget Guide en ems. La hauteur par défaut est de 40 em.
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 lechamps 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.
La taille de l'en-tête, en ems, à utiliser pour les modèles de portail client.
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.
La taille de la police du sous-titre, en ems, à utiliser pour les modèles de portail client.
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 lechamps 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 lechamps Détails La taille de police, en ems, à utiliser pour un titre d'offre proactive.
Pour un résultat optimal, examinez l’aperçu de l’offre proactive, puis ajustez la taille de police du titre, si nécessaire.
La taille de police, en ems, à utiliser pour le corps du texte dans une offre proactive.
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.
Travailler avec Ems
Guide utilise ems pour spécifier la taille des éléments d'interface. Les EMS permettent un dimensionnement réactif des éléments d'interface sur différents appareils. La taille par défaut d'un em dans Guide est de 13 pixels. Vous pouvez modifier cela en utilisant l'API setFontSize.
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.
-
Cliquez sur le sélecteur d'applications
et sélectionnez Guide. -
Cliquez sur
-
Cliquez sur New Button.
-
Saisissez un Title pour le bouton.
-
Cliquez sur Upload pour charger l’Icon du bouton.
Les images d’icône doivent faire moins de 50 Ko et les fichiers SVG sont recommandés.
-
Définissez une préférence Background pour le bouton.
-
Sélectionnez Solid pour utiliser une couleur d’arrière-plan pour le bouton de chaîne. Laissez le champ
-
Sélectionnez Transparent pour utiliser un arrière-plan transparent pour le bouton.
-
-
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électionnez Guide. -
Cliquez sur Localization.
-
Cliquez sur New Language pour ajouter une nouvelle langue.
En savoir plus sur les champs de cette étape
champs 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 . Sélectionnez une langue Fallback à utiliser s'il n'existe pas de traduction pour une étiquette particulière. - 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électionnez Guide. -
Cliquez sur Localization.
-
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.