Aperçu rapide

Les SmartTips fournissent des conseils à l'écran qui peuvent être utilisés pour fournir des informations supplémentaires sur certains éléments de votre page aux utilisateurs. Les SmartTips sont particulièrement utiles lorsque vous remédiez aux erreurs fréquentes des utilisateurs lors de processus ou dans des formulaires sur votre site.

Les SmartTips se présentent en deux types : SmartTip et AI SmartTip. SmartTip IA est désormais le type par défaut dans le popover de capture et est disponible pour tous les clients éligibles. les Contrairement aux SmartTips standard, les SmartTips d'IA évaluent les entrées de l'utilisateur en temps réel et génèrent des suggestions en fonction d'une règle de validation que vous définissez, les rendant bien adaptés aux champs de texte.

Suivez ce guide pour créer des ensembles SmartTips et des SmartTips. Pour les SmartTips IA, apprenez à les configurer ici.

Comment ça marche

Créer un Set de SmartTips

1. À partir de l'éditeur, cliquez sur l'icône +
2. Sélectionnez Ensemble de SmartTips
   
3. Nommez l'ensemble de SmartTips
   Cela ne sera pas visible pour vos utilisateurs, alors choisissez un nom qui sera significatif pour vous
4. Choisissez l'endroit où afficher le SmartTip Set. Vous avez deux options :

   1. Afficher l'ensemble uniquement sur une page spécifique | Recommandé

      1. Pourquoi utiliser cette méthode :

         1. Optimisez les performances en vérifiant une règle spécifique pour l'affichage dans Set

         2. La plupart des ensembles SmartTips s'affichent uniquement sur une page spécifique

   2. Affichage de l'ensemble sur plusieurs pages

      1. Pourquoi utiliser cette méthode : vos SmartTips apparaissent sur chaque page (dans l'en-tête, le pied de page, le volet de navigation, etc.)

5. Si vous sélectionnez Afficher l'ensemble uniquement sur une page spécifique, cliquez sur « Créer une règle pour identifier la page »

   1. Définissez les conditions pour déterminer quand cet SmartTips Set apparaît.

   2. Cela est généralement basé sur l'URL de la page, bien que votre plateforme puisse nécessiter des règles différentes.

   3. Cliquez sur Terminé

6. Appliquez des segments si nécessaire dans l'onglet Segmentation pour faire apparaître l'ensemble de SmartTips à votre public cible uniquement

7. Utilisez l'onglet Notes pour communiquer avec vos collègues et documenter les informations importantes sur votre élément

Créer des SmartTips

Maintenant que vous avez créé un Set de SmartTips, vous pouvez créer un SmartTip individuel.

1. Cliquez sur l'icône + plus dans l'ensemble de SmartTips pour ajouter un nouveau SmartTip
   
2. Sélectionnez l'élément auquel vous désirez joindre le SmartTip
   
3. Utilisez la fenêtre popup du mini-éditeur pour définir les paramètres initiaux du SmartTip :

   1. Modifier le nom du SmartTip

      1. WalkMe peut remplir automatiquement le titre si vous avez sélectionné un élément de texte

      2. C'est le nom d'affichage et il n'est pas visible pour les utilisateurs finaux

   2. Sélectionnez SmartTip comme type de SmartTip

      1. AI SmartTip est la sélection par défaut lors de la capture des champs de saisie. Si vous souhaitez utiliser le AI SmartTip, accédez à l'article sur le AI SmartTip

4. Sélectionnez le type de SmartTip : Guidance, Validation ou Both

   1. Guidance SmartTips (le SmartTips de conseil) donne des informations supplémentaires sur des éléments particuliers d'une page
      • C'est le type de SmartTip le plus souvent utilisé.
   2. Validation SmartTips peut être utilisée dans les champs de texte pour s'assurer que les utilisateurs remplissent correctement leurs formulaires
      • Pour plus d'informations sur la Validation SmartTips, consultez l'article d'assistance Validation SmartTips

5. Cliquez sur Terminé

Personnaliser les SmartTips

Ouvrez l'ensemble SmartTips que vous souhaitez modifier, puis cliquez sur le titre d'un SmartTip pour ouvrir ses paramètres.

Onglet Comportement

Utilisez le menu déroulant Sélectionner le type de SmartTip pour choisir si l'élément est un SmartTip standard ou un SmartTip IA.

Sous les options SmartTips, utilisez les boutons bascule pour activer les éléments dont vous avez besoin :

• Conseils – activez-le pour afficher un message informatif. Saisissez le message dans le champ de texte SmartTip ou cliquez sur Éditeur de texte enrichi pour les options de formatage et pour insérer des images à partir de l'Espace de stockage (TIFF, SVG, PNG, JPG, JPEG et GIF sont pris en charge).
• Validation – activez-le pour vérifier les entrées de l'utilisateur par rapport à une règle et afficher une erreur (et éventuellement un message de réussite) sur un champ de texte. Consultez le guide SmartTips de validation pour les détails de configuration.

Sous Contrôles de superposition, ajustez comment et où le SmartTip apparaît :

• Position de l'icône – utilisez la grille 3x3 pour choisir l'emplacement de l'icône par rapport à l'élément capturé
• Position de l'infobulle par rapport à l'icône – choisissez Auto pour permettre à WalkMe de positionner l'infobulle automatiquement ou Manuel pour définir vous-même son placement
• Position de décalage – affinez le placement avec les valeurs Depuis la gauche et Depuis le haut, entrées en pixels
• Verrouiller à l'élément – ancre le SmartTip à son élément pendant le défilement et aide à prévenir les problèmes de superposition
• Organiser les couches (z-index) – ajuste la visibilité lorsque le SmartTip est masqué derrière ou chevauche d'autres éléments de page ; utilisez Modif. sur page pour affiner

Onglet Design

Sous Style d'affichage, choisissez si le SmartTip apparaît Avec l'icône ou Sans icône.

Sous Modifier la conception de guidage :

• Couleurs de l'infobulle – définissez la couleur du texte, la couleur de remplissage et la couleur de bordure pour l'infobulle, chacune avec son propre pourcentage d'opacité.
• Surligneur – activez pour ajouter un cadre coloré autour de l'élément pour attirer l'attention sur lui (cliquez sur Modif. sur page pour l'ajuster directement). Définissez la couleur de la bordure et l'épaisseur de la bordure et cochez éventuellement Masquer le surligneur lorsque vous survolez l'élément ou Ajuster la position et la taille pour un contrôle plus fin.

SmartTips de conseils

Les SmartTips de conseils présentent aux utilisateurs des informations supplémentaires sur le contenu et le format des données qui doivent être renseignées dans le champ de saisie.

Les SmartTips de conseils peuvent être affichés dans une icône et les messages apparaissent lorsque vous survolez l'icône ou cliquez sur l'élément ou être affichés dans un texte de substitution, qui est toujours visible jusqu'à ce que l'utilisateur tape quelque chose dans le champ contenant le texte de substitution.

Comment afficher le SmartTip ?

• Avec l'icône. Sélectionnez la position de l'icône : Lorsque cette option est sélectionnée, l'icône de conseil apparaîtra à côté de l'élément et le message s'affiche lorsque l'utilisateur le survole
• Sans icône : Lorsque cette option est sélectionnée, le message apparaîtra lorsque l'utilisateur passe la souris sur l'élément
• Texte de substitution uniquement : Lorsque cette option est sélectionnée, aucune icône ne s'affichera, seulement le texte de substitution

Texte de substitution

Le texte de substitution, situé à l'intérieur d'un champ de texte, est un conseil, une description ou un exemple de l'information requise pour un champ particulier. Il disparaît lorsqu'un utilisateur commence à saisir quelque chose dans le champ.

Il est possible d'afficher à la fois un texte de substitution et un message au passage de la souris.

L'option de texte de substitution est uniquement disponible pour les SmartTips de Guidance. Elle n'est pas disponible si Validation ou Les deux est sélectionné.

L'élément capturé doit être un champ de saisie pour le texte de substitution à prendre en charge. Le texte de substitution peut également être utilisé si l'élément est défini avec jQuery.

SmartTips de validation

Les SmartTips de validation vous permettent de vérifier la saisie de vos utilisateurs dans un champ de texte pour vous assurer que les informations données répondent aux exigences du champ. Le SmartTip de validation mettra en valeur le champ en rouge et affichera un message d'erreur si les informations données ne sont pas valides. Les SmartTips de validation doivent être placés dans un champ de texte.

1. Pour créer une Validation SmartTip, vous pouvez ajouter un SmartTip à un SmartTips Set existant ou vous pouvez créer un nouveau SmartTips Set.
   Remarque : vous pouvez ajouter une Validation à Guidance SmartTip existant en cliquant sur le bouton Add Validation (Ajouter une Validation) dans l'onglet Interaction des options SmartTip.
2. Dans le Set de SmartTips approprié, cliquez sur le signe orange en forme de plus.
3. Cliquez sur le bouton radio Validation pour transformer ce SmartTip en SmartTip de validation :
   
4. Choisissez la date d'affichage du message de validation, puis cliquez sur Done (Terminé). Cela ouvrira la page Options du SmartTip dans l'éditeur.
5. Choisissez parmi les options disponibles pour les règles de validation (si aucune d'entre elles n'est applicable, vous pouvez définir les entrées valides à l'aide du générateur de conditions) :
   1. Champ obligatoire
   2. Validation de champ numérique
   3. Validation du format date
   4. Validation du format de l'heure
   5. Validation du format du numéro de téléphone français
   6. Validation du format de l'adresse e-mail
   7. Validation du format adresse
6. Saisissez le message d'erreur que vous désirez afficher lorsque le texte saisi n'est pas valide.
7. Éventuellement, vous pouvez cocher l'indication de réussite, ce qui verdit le champ de texte une fois que le texte saisi est valide. Vous pouvez également inclure un message de réussite qui s'affichera une fois que l'information saisie est correcte.

Note technique

Désactiver les SmartTips IA

Si vous préférez ne pas utiliser les SmartTips IA, vous pouvez sélectionner SmartTip dans le menu déroulant du type de SmartTip à tout moment pendant la capture. Pour désactiver entièrement la fonctionnalité, contactez votre CSM ou le Centre d'assistance WalkMe.

Utilisateurs SAP

Les utilisateurs SAP devront activer l'IA sur leur compte et signer les conditions générales de WalkMe IA.