Instalar la extensión Tutorial de la aplicación

Crea una guía interactiva y guía a tus usuarios durante el primer lanzamiento de tu aplicación.
El tutorial solo está disponible en dispositivos móviles.


1

Instalar la extensión Tutorial de la aplicación

1. Ve al menú Extensiones Store > Todas las extensiones > Extensión Guía interactiva
2. Haz clic en "Instalar"*

*Dependiendo de tu oferta de GoodBarber, podría ser una extensión de pago.
El precio se muestra en la página de extensión.


2

Configuración de back office

Una vez instalada la extensión, accede a tu configuración desde el menú Mi app > Guía interactiva

1. Selecciona la plantilla:
Inmersive: la imagen se muestra en pantalla completa
Polaroid: la imagen se muestra encima del título del paso

picture

2. Añade hasta 5 pasos:
- Haz clic en "Agregar un paso"
- Selecciona tu imagen (tamaño recomendado: Inmersivo: 1536*2048 / Polaroid: 1200*1200) y añade un título y una descripción.

3. Configuraciones generales:
Configura los elementos de las pantallas de recorrido de tu aplicación
- Botón saltar
- Título de la página (común a todos los pasos)
- Efectos sobre la imagen
- Fuentes y colores de los textos.
- Color del buscapersonas
- Colores del botón Siguiente/Comenzar


3

Comportamiento general

1. Navegación entre pasos
Al hacer clic en el botón "Siguiente", los usuarios navegan a la siguiente pantalla. Los usuarios también pueden navegar entre pantallas desplazándose horizontalmente.

2. Nombre de los botones
En todos los pasos, el título del botón es "Siguiente", excepto el último que es "Comenzar".
Si solo hay una pantalla, el título del botón será "Comenzar".

3. Buscapersonas
El buscapersonas se actualiza cada vez que los usuarios pasan a otro paso. Si solo hay un paso, el buscapersonas no se muestra.

4. Tutorial = Incorporación
El tutorial es un patrón de incorporación. Se muestra solo la primera vez que un usuario abre la aplicación después de instalarla.
En PWA, el tutorial solo se muestra en la versión del navegador (no en la versión independiente )

5. Ventanas emergentes y notificaciones
Las ventanas emergentes de consentimiento (cookies u opciones de financiación) se muestran antes del tutorial.
Otras notificaciones (sms, permitir push, permitir ubicación, mensaje de instalación) se muestran después del tutorial.


Otros artículos