Crear un tour en tu app

Abre tu app con el builder en la parte superior, selecciona elementos y escribe cada paso en el lugar donde se mostrará.

Construyes un tour en las páginas de tu propia app, de modo que cada paso se vea exactamente como lo verán tus usuarios. No se necesita código ni ninguna extensión del navegador.

1. Abre tu app

En el editor del tour, pulsa Edit in your app e introduce la dirección de la página donde empieza el tour. Se abre en una pestaña nueva con el builder en la parte superior.

Sign in to your app first si la página lo requiere. Si tu app te redirige a su página de inicio de sesión, el builder no aparece.
Si el builder no aparece, recarga esa página con Cmd/Ctrl + Shift + R. Tu navegador puede estar usando todavía una copia anterior del widget.

2. Selecciona un elemento

La barra en la parte inferior dice Click the element this step should point at. Muévete por la página: el elemento bajo el puntero se resalta y muestra su nombre. Haz clic en él para crear el paso.

El builder en modo selección, con el enlace Reports resaltado y la barra en la parte inferior de la página

Mientras seleccionas, los clics no llegan a tu app. Para usar tu app con normalidad, por ejemplo para abrir un menú o ir a otra página, cambia a Use the page, o mantén pulsada la tecla Shift.
Para un paso que no apunte a nada, pulsa No element: make it a pop-up.

3. Escribe el paso

Escribe el título y el texto en el propio paso. Los iconos debajo del texto añaden una imagen o GIF (hasta 10 MB), un video (un enlace de YouTube, Vimeo o Loom, o un MP4 de hasta 25 MB) y un botón de enlace.

Un paso siendo escrito junto al enlace Reports, con su panel de ajustes a un lado y los pasos del tour en la barra

El panel junto al paso configura:

Shows as: un tooltip que apunta al elemento, o un pop-up en el centro de la página.
Position: arriba, abajo, a la izquierda o a la derecha del elemento. Automatic elige el primer lado con espacio.
Go to the next step when they: hacen clic en Next, o en el propio elemento.
Dim the rest of the page and Let them close it.
Next button text, and When they click Next. See Moving between pages, tours and app actions.
Advanced muestra el selector CSS del elemento, que puedes editar.

Todo se guarda mientras escribes: la barra indica Saved.

4. Añade más pasos, vista previa y finaliza

Los números en la barra son tus pasos. Haz clic en uno para editarlo, y en + para añadir un paso.
Preview reproduce el tour en la página tal como lo verán tus usuarios.
Done te lleva de vuelta al tour en UserSignal, donde puedes reordenar los pasos y publicar.

El builder se mantiene abierto mientras te mueves por tu app en la misma pestaña, durante un máximo de 8 horas. Tras ese tiempo, ábrelo de nuevo desde UserSignal.