Cómo personalizar la app de huéspedes: widgets

Descripción general

La pantalla Personalizar app es donde se edita y personaliza la página principal de la app para huéspedes. Desde aquí, se configura el diseño, el contenido y la estructura de la app. El menú de edición, que se encuentra en el lado izquierdo, se divide en dos secciones:

• Ajustes generales. Aquí es donde se configura el diseño de los elementos clave de la app para huéspedes: el encabezado, el menú, el perfil de usuario y el estilo general de los botones y otros elementos transversales en la app para huéspedes. Sigue esta guía paso a paso para aprender a configurar los Ajustes generales.
• Widgets. Aquí es donde se configura el contenido de la página principal de la app para huéspedes añadiendo nuevos widgets y configurando su contenido y diseño específicos. Después de subir y configurar las funcionalidades en la sección Contenido, desde Widgets se elige qué contenido será visible en la página principal. Se personaliza completamente el diseño y el contenido de la página principal utilizando el sistema de diseño de widgets para crear una experiencia personalizada y de marca para los huéspedes. Esta es la sección que se aprenderá a configurar en este artículo.

Antes de empezar

Antes de empezar a trabajar con widgets, asegúrate de tener lo siguiente:

• Acceso al CMS: Mi app > Personalizar app.
• Contenido: Asegúrate de que todo el contenido necesario (servicios, actividades, menús, etc.) se haya subido y configurado en las funcionalidades respectivas dentro de la sección Contenido.
• Plan de diseño: Ten una idea clara de qué contenido se quiere priorizar y hacer visible en la página principal de la app.

Guía paso a paso

Paso 1: Elegir qué contenido hacer visible en la app para huéspedes

Después de subir el contenido y configurar las funcionalidades en la sección Contenido, desde la sección Mi app decide qué contenido será visible en la página principal. Para diseñar y hacer visible el contenido en la app para huéspedes, existen diferentes widgets. Ten en cuenta los siguientes puntos:

• A medida que se añaden nuevos widgets, se colocarán en el lado izquierdo debajo de la sección Widgets.
• Puede cambiar el orden de los widgets arrastrando y soltando cada widget en el orden y lugar correspondiente.
• Cada widget tiene una pantalla de configuración diferente, pero la lógica de configuración es la misma: primero se elige la fuente de datos y luego se define el diseño.
• Todos los widgets tienen un botón de cambio en la esquina superior derecha para elegir si mostrar u ocultar el widget en la app para huéspedes.

Los widgets disponibles se dividen en cinco grupos:

1. Widgets separadores

Widget Titular: Ayuda a diferenciar una sección de otra mostrando un título de texto personalizable.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Titular.
3. Introduce el texto para el título.
4. Selecciona el tamaño de fuente y el estilo de subrayado preferidos.
5. Elige un color (principal o color personalizado).
6. Haz clic en Guardar cambios.

Widget Separador: Crea un espacio visual entre widgets con la opción de incluir una línea divisoria.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Separador.
3. Cambia el tamaño de la separación (en píxeles).
4. Elige un color para la línea (opcional).
5. Haz clic en Guardar cambios.

2. Widgets de contenido

Widget Contenido dinámico: Muestra contenido rotatorio (menús, ofertas, opciones de reserva).

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Contenido.
3. Elige el Tipo de contenido.
4. Personaliza el diseño: título, texto de la acción y orientación de las tarjetas.
5. Elige el estilo de imagen: si muestra un subtítulo y qué tipo.
6. Haz clic en Guardar cambios.

Widget Rejilla: Muestra varios elementos en modo rejilla.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Rejilla.
3. Elige si quieres un título o un texto de acción.
4. Haz clic en Guardar cambios.

Widget Calendario: Muestra las próximas 3 actividades en una vista de calendario.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Calendario.
3. Elige un calendario que ya se haya configurado en el CMS como fuente de datos.
4. Decide si mostrar un título e introduce el texto para el mismo.
5. Determina el texto de acción para ver el calendario completo.
6. Haz clic en Guardar cambios.

Widget Destacados: Muestra contenido destacado en un carrusel horizontal con imágen, título, subtítulo y un botón.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Destacados.
3. Selecciona el Contenido a enlazar.
4. Añade una imagen.
5. Personaliza el diseño: título, subtítulo, texto del botón y color del botón.
6. Haz clic en Guardar cambios.

Widget Solicitudes: Muestra una lista de productos o servicios que los huéspedes pueden pedir (como amenities o limpieza de habitaciones) o una lista de incidencias.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Solicitudes.
3. Elige la fuente de datos: Amenities, Incidencias o Limpieza de habitaciones.
4. Decide si mostrar un título e introduce el texto para el mismo.
5. Determina el texto de acción para ver todas las opciones de una petición.
6. Haz clic en Guardar cambios.

Widget Atajos: Muestra hasta 3 botones con icono y texto que enlazan a cualquier sección de la app.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Atajos.
3. Haz clic en Añadir y selecciona el contenido.
4. Añade una imagen, título y color de fondo.
5. Haz clic en Guardar cambios.

Widget Vídeo: Muestra una tarjeta con un vídeo en reproducción automática en el que se puede hacer clic.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Vídeo.
3. Introduce la URL del vídeo. Nota: Este widget solo permite un enlace URL directo a un archivo de vídeo real subido a un servidor (no YouTube, Vimeo, etc.).
4. Elige la Fuente de contenido: Contenido del Hotel, Contenido Corporativo o URL.
5. Haz clic en Guardar cambios.

3. Widgets de interacciones

Widget Próxima actividad: Muestra la próxima actividad programada del huésped, como una reserva, petición, pedido o actividad.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Próxima actividad.
3. Personaliza el widget añadiendo un título (por ejemplo, "Tu próxima actividad").
4. Haz clic en Guardar cambios.

Widget Información del huésped: Muestra el nombre del huésped, las fechas de estancia, e incluye un enlace directo para completar el registro de entrada del hotel. Este widget solo aparece cuando el usuario ha iniciado sesión en la app para huéspedes.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Información del huésped.
3. Diseña el widget personalizando el color del texto y el color de fondo.
4. Elige si mostrar una imagen (opcional).
5. Elige si mostrar el botón de registro de entrada (opcional).
6. Haz clic en Guardar cambios.

4. Widgets de enlaces directos

Widget Banner: Muestra una tarjeta de estilo banner con imagen o vídeo, título, subtítulo y enlace de llamada a la acción.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Banner.
3. Selecciona el Contenido a enlazar.
4. Personaliza el diseño: tipo de banner, imagen, título y texto y color del botón.
5. Haz clic en Guardar cambios.

Widget Botón: Muestra un botón con texto y colores personalizables, que enlaza a cualquier sección o URL externa.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Botón.
3. Elige la Fuente de contenido: Contenido del Hotel, Contenido Corporativo o URL.
4. Selecciona el elemento de contenido o introduce el enlace externo.
5. Define el Texto del botón.
6. Establece el Color de fondo del botón (Usa el color principal o un color personalizado).
7. Establece el Color del texto del botón.
8. Elige si el ancho del botón se ajusta al contenido (opcional).
9. Haz clic en Guardar cambios.

5. Widgets de pie de página

Widget 3 atajos: Muestra hasta 3 botones con icono y texto que enlazan a cualquier sección de la app.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona 3 atajos.
3. Selecciona el contenido.
4. Añade una imagen, título y color de fondo.
5. Haz clic en Guardar cambios.

Burbuja: Un botón que permanece visible en la parte inferior derecha de la pantalla, incluso mientras el huésped navega por la página principal.

1. Ve a Personalizar app > Editar app > Añadir widget (icono +).
2. Selecciona Burbuja.
3. Elige la Fuente de contenido: Contenido del Hotel, Contenido Corporativo o URL.
4. Selecciona el elemento de contenido o introduce el enlace externo.
5. Selecciona la Imagen del icono que se mostrará en la burbuja.
6. Establece el Color del botón (Usa el color principal o un color personalizado).
7. Haz clic en Guardar cambios.

Próximos pasos

Una vez que la app para huéspedes y su página principal estén listas, se puede empezar a compartir los enlaces de acceso y los códigos QR con los huéspedes en varios puntos del hotel. Obtén más información sobre cómo promocionar la app para huéspedes con esta guía paso a paso.

¿Necesitas más ayuda?

Si tienes más preguntas o necesitas asistencia adicional:

• Contáctanos a través del chat
• Envía un ticket a nuestro equipo de Soporte
• Visita STAY Academy, nuestra plataforma de formación.