Smart Walk-Thrus

Options de conception

Il existe deux manières pour modifier le design de votre bulle.

1. La première consiste à sélectionner un design à partir de notre Design Gallery (galerie de conception).
2. La seconde consiste à prendre le contrôle complet de la conception de votre bulle en utilisant CSS.

En cliquant Change design (changer de design) en haut à droite de l’onglet Interaction qui donne accès à la Design Gallery. La Design Gallery vous permet de sélectionner un design pour votre bulle spécifique. Vous pouvez également le régler au niveau international à partir de la page Settings (paramètres) de Walk-Thru.

Modifiez les modèles avancés et créez les vôtres en utilisant notre console de personnalisation HTML/CSS.

Editeur de WYSIWYG :

L’éditeur WYSIWYG (Ce que vous voyez est ce que vous obtenez) vous permet de modifier facilement l’aspect et le contenu de votre bulle et d’afficher les résultats instantanément.

Outils dans l’Éditeur de WYSIWYG :

• Taille de la police
• En caractères gras
• En italique
• Souligné
• Couleur de la police
• Alignement du texte
• Add Link (ajouter un lien) : ajouter un hyperlien URL
• Add Bulleted List (ajouter une liste à tirets) : ajouter des tirets à une liste d’éléments dans le texte de la bulle
• Add Smart Walk-Thru Link (ajouter un lien Smart Walk-Thru) : crée un lien qui lance un autre Smart Walk-Thru
  • Ce lien arrêtera l’actuel Smart Walk-Thru et lancera celui qui est lié. Pour créer un lien vers Smart Walk-Thru, le lien à Smart Walk-Thru doit avoir été créé en ayant un ID Walk-Thru
• Add Image (ajouter une image) :
  • Ajouter une nouvelle image peut être effectué en téléchargeant une image à partir de votre ordinateur ou en insérant son URL (auquel cas, l’image doit être hébergée en ligne avant d’être insérée) ;
  • Les types de fichiers pris en charge comprennent JPG, JPEG, PNG, GIF ;
  • La taille du fichier maximale est de 500 KB ;
  • Les images téléchargées sont hébergées dans un compartiment dédié dans Amazon S3 ;
  • La largeur et la hauteur de l’image depuis l’URL sont ajustées automatiquement à la taille de la bulle ou du ShoutOut, en conservant le ratio originel de l’image ;
  • Vous pouvez ajuster la largeur et la hauteur de l’image, le cas échéant, en double-cliquant sur l’image à modifier ;
  • Vous pouvez utiliser « Lock Aspect Ratio » (verrouiller le ratio de l’aspect) pour verrouiller le ratio de l’aspect afin qu’il reste identique lors de la remise à l’échelle ;
  • Vous pouvez supprimer l’image en cliquant sur l’icône de la corbeille à côté de l’URL de l’image ou en la supprimant à l’aide de la touche retour arrière ou en la supprimant lorsque vous modifiez le texte dans l’Éditeur de texte ;
  • Format BBCode : [img]img_URL[/img] ;
  • Format du BBCode avec la largeur et la hauteur : img_URL [/](par [img=40×24]exemple, [img=widthxheight]img_URL)[/img].
  • 
• Add Video (ajouter une vidéo) : saisissez l’URL d’une vidéo sur la plateforme vidéo correspondante
  • Les vidéos peuvent être lues à partir de n’importe quelle plateforme tant qu’elles sont au format MP4 à l’aide d’un iFrame (voir le BBCode dans le tableau ci-dessous). Entrez la largeur et la hauteur si nécessaire
• Add iFrame (ajouter un iFrame) : charger une page Web dans un cadre
• Add Dynamic Text (ajouter un texte dynamique) : ajoutez du Texte dynamique, tel que le nom réel de l’utilisateur, dans une bulle
• BBCode : formatez le texte à l’aide du BBcode. Voir les exemples ci-dessous :
  

  FONCTIONNALITÉ	BBCode
  Aligner le texte au centre	[div style= »text-align:center »]Texte[/div]
  Barré	[s]text[/s]
  Tableaux	[table]{rows}[/table]
  Rangées de tableau	[tr]{cells}[/tr]
  Cellules de contenu du tableau	Cellule d’en-tête : [th]{content}[/th]
  Cellule de contenu	[td]{content}[/td]
  Lien à un e-mail	[url=mailto:name@company .com][email protected][/url]

• À partir de l’aperçu bulle, vous pouvez modifier les éléments suivants :
  • Title (titre) : modifier l’instruction principale pour l’utilisateur
  • Text (texte) : inclure des instructions supplémentaires ou des détails pour l’étape si vous le souhaitez

Emplacement :

Modifier l’emplacement de la bulle par rapport à l’élément sélectionné (personnaliser la position dans l’onglet Appearence). Modifiez davantage la position en modifiant la position des pixels vers le haut / bas et vers la gauche / droite.

Aligner au texte

En activant cette fonctionnalité, le ballon Smart Walk-Thru pointera vers le centre du texte à l’intérieur de l’élément, même si le texte à l’intérieur de l’élément n’est pas aligné sur les deux côtés.

Déclencheurs d’étape :

Déterminez quelle action déplacera le Smart Walk-Thru vers la prochaine étape. Les déclencheurs font avancer les instructions et les rendent interactives.

• Click (clic) : l’étape suivante sera lue une fois que l’utilisateur aura cliqué sur l’élément.
• Next (suivant) : l’étape suivante sera lue une fois que l’utilisateur aura cliqué sur un bouton Next sur la bulle
  • Astuce : vous pouvez combiner d’autres déclencheurs avec Next en appuyant sur Ctrl sur un clavier de PC (ou sur Commande sur un clavier Mac) et en sélectionnant le deuxième déclencheur
• Type : l’étape suivante sera déclenchée une fois que l’utilisateur aura saisi du texte dans le champ de texte sélectionné
• Hover (Survoler) : la prochaine étape sera déclenchée une fois que l’utilisateur survolera l’élément
• Delay (Retard) : la prochaine étape est lue automatiquement après un nombre de secondes prédéfini
• Refresh (Actualisation) : la prochaine étape est lue lors de l’actualisation de la page
• Custom Trigger (déclencheur personnalisé) : créer une règle qui indiquera à WalkMe quand passer à l’étape suivante
  • Astuce : vous pouvez utiliser ce type de déclencheur pour ajouter d’autres éléments à l’écran qui peuvent déclencher l’étape
• Drop-Down Menu Triggers (déclencheurs du menu déroulant) : les déclencheurs suivants apparaissent uniquement en tant qu’options lorsqu’un élément du menu déroulant est sélectionné :
  • Select Any (sélection d’un élément aléatoire) : la prochaine étape sera lue une fois que l’un des éléments du menu déroulant sera sélectionné
  • Select Specific (sélection d’un élément spécifique) : l’étape suivante sera lue une fois qu’un élément spécifique du menu déroulant sera sélectionné

La structure du fichier

Chaque page du fichier montre une étape Smart Walk-Thru sur une capture d’écran de la page de l’application sur laquelle l’étape a été capturée. Chaque étape est située à côté de l’élément sélectionné.

Les fonctionnalités supplémentaires de la structure de la page sont les suivantes :

1. Le numéro chronologique de l’étape
2. L’étiquette de l’étape
3. La date et l’heure de création de l’étape
4. L’emplacement de l’URL où la capture d’écran a été réalisée