Añadir un paso sin abrir tu aplicación
Escribe el selector CSS de un elemento en UserSignal para añadir o editar un paso y mantener los tours funcionando cuando tu aplicación cambie.
Si conoces el selector CSS del elemento, puedes añadir o editar un paso directamente desde UserSignal. En el editor del tour, pulsa Add here, typing the element, o el lápiz junto a un paso.
El formulario tiene todo lo que ofrece el constructor: tooltip o ventana emergente, el elemento, título y texto, una imagen, GIF o vídeo, la posición, cómo continúa el paso, qué hace Next, y un botón de enlace. Un tooltip necesita un elemento; una ventana emergente no.
Escribir un selector
- Un id:
#save-button. - Una clase:
.nav .payments. - Un atributo:
[data-usersignal-target="invite"].
Si varios elementos coinciden, el tour usa el primero que aparece en pantalla.
Mantén los tours funcionando cuando tu aplicación cambie
Un selector construido a partir de nombres de clase generados o de la posición de un elemento se rompe la próxima vez que cambie el diseño de tu aplicación. La forma más duradera es dar a los elementos a los que apuntan tus tours un atributo propio:
<button data-usersignal-target="new-report">New report</button>Cuando seleccionas un elemento en el constructor, usa data-usersignal-target primero, luego ids de prueba como data-testid, después ids y los nombres de clase que escribió tu equipo, y evita los generados.
Actualizado el 14 de octubre de 2026