Créer une visite guidée dans votre application

Ouvrez votre application avec le builder en haut, sélectionnez des éléments et rédigez chaque étape à l'endroit où elle s'affichera.

Vous créez une visite guidée sur les pages de votre propre application, de sorte que chaque étape s'affiche exactement comme vos utilisateurs la verront. Aucun code ni extension de navigateur n'est nécessaire.

1. Ouvrez votre application

Dans l'éditeur de la visite, cliquez sur Edit in your app et saisissez l'adresse de la page où la visite commence. Elle s'ouvre dans un nouvel onglet avec le builder en haut.

Connectez-vous d'abord à votre application si la page l'exige. Si votre application vous redirige vers sa page de connexion, le builder n'apparaît pas.
Si le builder n'apparaît pas, rechargez la page avec Cmd/Ctrl + Shift + R. Votre navigateur peut utiliser une ancienne version du widget.

2. Choisissez un élément

La barre en bas indique Click the element this step should point at. Déplacez le curseur sur la page : l'élément sous le pointeur est encadré et nommé. Cliquez dessus pour créer l'étape.

Le builder en mode sélection, avec le lien Reports encadré et la barre en bas de la page

Pendant la sélection, les clics ne sont pas transmis à votre application. Pour utiliser normalement votre application — par exemple ouvrir un menu ou aller sur une autre page — passez en Use the page, ou maintenez la touche Shift.
Pour une étape qui ne pointe sur rien, cliquez sur No element: make it a pop-up.

3. Rédigez l'étape

Saisissez le titre et le texte directement dans l'étape. Les icônes sous le texte ajoutent une image ou GIF (jusqu'à 10 Mo), une vidéo (un lien YouTube, Vimeo ou Loom, ou un MP4 jusqu'à 25 Mo) et un bouton de lien.

Une étape rédigée à côté du lien Reports, avec son panneau de paramètres à côté et les étapes de la visite dans la barre

Le panneau à côté de l'étape définit :

Shows as : une infobulle qui pointe l'élément, ou une fenêtre pop-up au centre de la page.
Position : au-dessus, en dessous, à gauche ou à droite de l'élément. Automatic choisit le premier côté disposant d'espace.
Go to the next step when they : cliquent sur Next, ou cliquent sur l'élément lui-même.
Dim the rest of the page et Let them close it.
Next button text, et When they click Next. Voir Se déplacer entre pages, visites et actions de l'application.
Advanced affiche le sélecteur CSS de l'élément, que vous pouvez modifier.

Tout s'enregistre au fur et à mesure : la barre affiche Saved.

4. Ajoutez d'autres étapes, prévisualisez et terminez

Les numéros dans la barre correspondent à vos étapes. Cliquez sur l'un d'eux pour l'éditer, et sur + pour ajouter une étape.
Preview lance la visite sur la page telle que vos utilisateurs la verront.
Done vous ramène à la visite dans UserSignal, où vous pouvez réordonner les étapes et publier.

Le builder reste ouvert pendant que vous naviguez dans votre application dans le même onglet, jusqu'à 8 heures. Passé ce délai, ouvrez-le à nouveau depuis UserSignal.