Ajouter une étape sans ouvrir votre application
Saisissez le sélecteur CSS d’un élément dans UserSignal pour ajouter ou modifier une étape, et faites en sorte que vos tours continuent de fonctionner lorsque votre application change.
Si vous connaissez le sélecteur CSS de l’élément, vous pouvez ajouter ou modifier une étape directement depuis UserSignal. Dans l’éditeur du tour, appuyez sur Add here, typing the element, ou sur le crayon à côté d’une étape.
Le formulaire contient tout ce que propose le builder : info-bulle ou pop-up, l’élément, le titre et le texte, une image, un GIF ou une vidéo, la position, la façon dont l’étape passe à la suivante, ce que fait Next, et un bouton de lien. Une info-bulle nécessite un élément ; un pop-up non.
Écrire un sélecteur
- Un id :
#save-button. - Une classe :
.nav .payments. - Un attribut :
[data-usersignal-target="invite"].
Si plusieurs éléments correspondent, le tour utilise le premier affiché à l'écran.
Faites en sorte que les tours continuent de fonctionner lorsque votre application change
Un sélecteur basé sur des noms de classe générés ou sur la position d’un élément casse dès que la mise en page de votre application change. La méthode la plus durable est d’attribuer aux éléments ciblés par vos tours un attribut propre :
<button data-usersignal-target="new-report">New report</button>Lorsque vous choisissez un élément dans le builder, il utilise d’abord data-usersignal-target, puis les test ids tels que data-testid, ensuite les ids et les noms de classe écrits par votre équipe, et évite ceux générés.
Mis à jour le 14 octobre 2026