Bienvenue au centre d’aide WalkMe

Please login in order to continue:

Work flows better with WalkMe
Work flows better with WalkMe.

Popup Steps :Premiers pas

Last Updated décembre 19, 2024

Aperçu général

Les étapes pop-up sont des étapes à bulle qui ne sont pas attachées à un élément spécifique. Elles peuvent être utilisées pour donner des informations générales ou des conseils, sans attacher le message à un élément de la page.

Les Popups sont utilisées pour attirer l'attention des utilisateurs sur un texte. Contrairement aux bulles d'étapes normales, les pop-ups ne sont attachées à aucun élément, elles apparaissent au centre de la page. Les Popups peuvent être placées n'importe où dans un Smart Walk-Thru.

Cas d'utilisation

Les Popups sont généralement utilisées pour améliorer l'expérience de l'utilisateur en transmettant un message à propos de votre site ou du processus que l'utilisateur achève. Les Popups peuvent également être utilisées à des fins promotionnelles.

Les exemples courants d'utilisation des pop-ups sont les suivants :

  • Montrer un message de félicitations à la fin d'un processus
  • Placer un message d'accueil au début d'une lecture automatique Smart Walk-Thru à l'attention des utilisateurs qui visitent sur votre site

Comment ça marche

Les Popups peuvent être créées dans le Smart Walk-Thru au fur et à mesure de la construction ou elles peuvent être ajoutées ultérieurement. Pour l'utilisateur, la pop-up apparaîtra au centre de l'écran et ne sera attachée à aucun élément en particulier.

Les pop-ups peuvent être utilisées n'importe où dans le chemin principal ou dans une branche du Smart Walk-Thru.

🎓 Digital Adoption Institute

Créer une étape du pop-up

  1. Ouvrez le Smart Walk-Thru où vous ajouterez l'étape pop-up
  2. Passez la souris entre les deux étapes où vous souhaitez ajouter une étape pop-up
  3. Cliquez sur le signe plus Orange
  4. Sélectionnez pop-up
  5. Dans l'onglet Interaction, configurez la bulle avec un titre et un corps de texte à l'aide des outils de modification
  6. Utilisez la grille pour déterminer où l'étape pop-up apparaîtra à l'écran
  7. Activez l'option Activer Spotlight si vous souhaitez ajouter une superposition d'écran.
  8. Ajoutez des déclencheurs d'étape pour ajouter un déclencheur personnalisé de l'étape pop-up

  9. L'étape pop-up sera affichée dans votre flux Smart Walk-Thru
Remarque :

  • Si une étape pop-up est déplacée par l'utilisateur, les étapes pop-up suivantes dans le Smart Walk-Thru apparaîtront au même emplacement que l'étape précédente
  • Si un nouveau Smart Walk-Thru est lancé, la première popup de ce flux apparaîtra sur le même écran (dans le cas où l'utilisateur a plus d'un écran) en tant que dernier Smart Walk-Thru, mais sur l'ensemble d'emplacement prédéfini par le générateur

Dans l'onglet Interaction, configurez les éléments suivants :

Modifier le modèle de la popup

  • Texte : cliquer sur la bulle pour ajouter une en-tête et un corps de texte pour la popup
  • Menu options :
    • Éditeur de texte enrichi : accéder à l'éditeur de texte enrichi pour modifier la taille du texte, le style, la couleur, ajouter du texte dynamique ou insérer une vidéo.
    • Modifier le modèle : ajouter un modèle existant depuis la galerie des modèles
    • Modifier le CSS : personnaliser le modèle de la bulle avec des CSS personnalisés

Paramètres visuels

  • Afficher X sur la bulle : un X est affiché pour que les utilisateurs puissent fermer la bulle. Il est recommandé de ne pas le supprimer
  • Afficher les boutons :
    • Suivant/Terminé : Suivant s'affiche s'il y a une étape après la pop-up et Terminé si c'est la dernière
    • Démarrer : s'affiche s'il s'agit de la première étape d'un Smart Walk-Thru
    • Retour : revient à l'étape précédente, mais s'affiche uniquement si l'étape précédente avait un déclencheur d'étape suivante
    • Annuler : terminer le Smart Walk-Thru

  • Déclencheurs d'étape : ajoutez un déclencheur personnalisé pour l'étape pop-up - non disponible lorsque l'option Afficher pendant l'automatisation est activée
  • Afficher pendant l'automatisation : affiche l'étape pop-up pendant qu'une automatisation est en cours.
  • Activer Spotlight : lorsqu'il est activé, une superposition d'écran est affichée et l'utilisateur ne peut interagir avec d'autres éléments de la page.
  • Position : modifie l'emplacement de la popup à l'écran

Affichage pendant l'automatisation

Pour empêcher les utilisateurs d'interrompre un processus d'automatisation lors de la lecture des étapes de flux, y compris les étapes automatiques et les étapes d'attente, à la suite de la fenêtre contextuelle, activez l'option Afficher pendant l'automatisation.

Flow Steps

L'activation de l'option Afficher pendant l'automatisation permettra à la popup de rester à l'écran pendant l'automatisation et d'informer les utilisateurs qu'une automatisation est en cours. Cela empêche les utilisateurs d'interrompre l'automatisation en cliquant sur l'écran et en arrêtant le Smart Walk-Thru.

Cela est utile dans les situations où les utilisateurs ne savent pas qu'une automatisation est en cours et ils ne recevront aucune notification, il pourraient même avoir l'impression que leur ordinateur est commandé à distance.

La popup cessera d'apparaître une fois l'automatisation terminée.

Par exemple, une fois que le Smart Walk-Thru a atteint la dernière étape, ou s'il est suivi d'une étape régulière ou d'une autre popup.

Vous pouvez également activer l'option Fermer après la lecture pour qu'elle se ferme après la lecture d'une étape du flux spécifique. Vous devrez sélectionner l'étape du flux dans les options du menu déroulant.

Conseil

  • Mettez en place une autre popup après la dernière étape de flux pour informer les utilisateurs que le processus d'automatisation est terminé
  • Mention dans la première popup pour attendre qu'un message indique que le processus est terminé

Fermez après les limitations de lecture

  • Peut être activé uniquement lorsqu'une étape de flux suit la popup
  • L'étape de flux doit être enregistrée pour être disponible dans la liste déroulante
  • La page doit finir de charger pour que la popup réapparaisse

Vous pouvez ajuster les éléments suivants dans l'onglet Apparence :

  • Organisez l'ordre des couches (z-index)
  • Options de durée

Appearance Tab

Ajoutez des notes de création pour une meilleure collaboration avec les membres de l'équipe.

Notes Tab

Vidéos des conseils du mardi

Comment créer un Pop-up avec des éléments d'action déclenchables

Comment créer un tableau dans un Pop-up

Ajouter des flèches CSS sur les étapes pop-up

Cet article a-t-il été utile?

Merci pour votre avis!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×