Cómo crear una plantilla para la portada de la app

Descripción general

Control de marca es una funcionalidad diseñada para que los equipos corporativos puedan crear páginas de inicio homogéneas en las apps para huéspedes de todos los hoteles dentro de una cadena o marca. Esta funcionalidad permite a los equipos corporativos definir directrices y estilos de marca, asegurando una imagen unificada mientras se preserva el contenido y la identidad de cada establecimiento.

Dentro de Control de marca, el equipo corporativo puede crear plantillas para las portadas y definir permisos de edición para cada hotel. Esto asegura que la estructura y el diseño corporativos se mantengan consistentes, mientras que los hoteles pueden personalizar ciertos contenido (dentro de los permisos de edición permitidos).

 

Antes de empezar

Antes de crear una plantilla para la página de inicio, asegúrate de tener lo siguiente:

• Acceso al CMS: Configuración > Corporativo > Control de marca.
• Un usuario corporativo. Otros tipo de usuarios (Complex ambassador y Third party) no tienen acceso.
• Un plan de diseño sobre qué elementos deben estandarizarse y qué elementos pueden ser personalizados por hoteles.

Guía paso a paso

Paso 1: Acceder a Control de marca y crear una plantilla

1. Haz clic en el icono Configuración en la esquina superior derecha.
2. En el menú desplegable, selecciona Corporativo.
3. Ve a la sección Control de marca.
4. Desde la pantalla Plantillas, haz clic en el botón Añadir para crear una nueva plantilla, o haz clic en el icono de edición en una plantilla existente para modificarla.

Paso 2: Entender el sistema de permisos de edición

Al crear una nueva plantilla o editar una existente, la pantalla que se muestra es muy similar a la pantalla de edición de la página de inicio de un hotel (Mi app > Editar app). Esta pantalla de edición tiene dos secciones: Ajustes generales y Widgets.

La plantilla corporativa incluye un sistema de permisos de edición a través de botones de cambio tanto para los Ajustes generales como para la sección Widgets. A través de este sistema, el equipo corporativo define qué elementos son fijos y cuáles pueden ser editados por hoteles individuales.

• Si el botón de alternancia para un elemento está activado, ese elemento puede ser modificado por un hotel.
• Si el botón de alternancia para un elemento está desactivado, los hoteles no pueden editar ese elemento.

Este sistema de permisos solo se aplica a los campos de contenido. Los campos de contenido son:

• Contenido de destino: Este es el contenido al que apunta un elemento, como un carrusel, banner, botón, sección de menú, accesos directos, etc.
• Textos de título: Los textos utilizados para los títulos.
• Textos de botón: Los textos utilizados en los botones o para llamadas a la acción.
  
  

Paso 3: Configurar los Ajustes generales

El proceso de configuración para la sección Ajustes generales funciona de la misma manera que en la pantalla de edición de la página de inicio de un hotel específico (Mi app > Editar app). Sigue esta guía paso a paso para aprender a configurar los Ajustes generales. La diferencia clave es que en la plantilla corporativa, la sección Ajustes generales incluye el sistema de permisos de edición. La sección Ajustes generales incluye las siguientes secciones para configurar:

Ajustes de plantilla

1. Introduce el nombre de la plantilla.

Estilos de marca

1. Define el color principal utilizado en botones y otros elementos de la interfaz de usuario de la página de inicio.

Cabecera

1. Define el diseño configurando el tipo de encabezado y el estilo de fondo.
2. Utiliza el sistema de permisos (botones de cambio) para permitir o restringir que los hoteles cambien la imagen de fondo, el logotipo y un título.
3. Define los colores para el texto, los iconos y el fondo del botón, y la forma para separar el encabezado del cuerpo.

Menú lateral

1. Define el diseño configurando el logotipo y los colores.
2. Configura la estructura del menú utilizando grupos y secciones (los grupos contienen secciones).
3. Utiliza el sistema de permisos (botones de cambio) para permitir o restringir que los hoteles:
   • Creen nuevos grupos y secciones.
   • Editen el contenido y los títulos de las secciones existentes.
     
     

Lanzamiento

1. Utiliza el sistema de permisos (botones de cambio) para definir si cada hotel puede decidir mostrar u ocultar el mensaje de bienvenida.
2. Utiliza el sistema de permisos (botones de cambio) para definir si cada hotel puede modificar el texto que va encima del QR para acceder a la App para huéspedes cuando se abre en un escritorio.

Perfil

Paso 3: Configurar widgets

El proceso para configurar y usar los widgets funciona de la misma manera que en la pantalla de edición de la página de inicio de un hotel específico (Mi app > editar app). Sigue esta guía paso a paso para aprender a configurar widgets.

Dentro de la pantalla de plantillas de página de inicio, diferenciaremos entre dos tipos de widgets:

Tipo 1: Todos los widgets (Contenido dinámico, Titular, Rejilla, Calendario, Atajos...)

La diferencia clave es que los widgets a nivel de plantilla corporativa, cuentan con el sistema de permisos de edición. A medida que se añaden widgets, debes elegir qué campos de contenido pueden ser editados por los hoteles utilizando los botones de cambio (Contenido de destino, textos de título y textos de botón). Los elementos de diseño (tamaño de fuente, colores, estilos) permanecen restringidos para mantener consistencia de marca.

Sigue estos pasos para su configuración:

1. Desde la sección Widgets, haz clic en el botón Añadir. Se abrirá una ventana con los widgets disponibles.
2. Elige el widget que se utilizará. A medida que se añaden widgets, aparecerán en la columna izquierda.
3. Configura el widget y define qué campos de contenido pueden ser modificados por los hoteles utilizando el sistema de permisos y los botones de cambio (Contenido de destino, textos de título y textos de botón). Los elementos de diseño (tamaño de fuente, colores, estilos) permanecen restringidos para mantener consistencia de marca.

Tipo 2: Widget personalizado

Este es un widget que solo se puede configurar desde la pantalla de plantillas. Este widget crea un contenedor abierto en la página de inicio donde los hoteles pueden mostrar contenido de su elección.

Sigue estos pasos para la configuración:

1. Desde la sección Widgets, haz clic en el botón Añadir. Se abrirá una ventana con los widgets disponibles.
2. Elige el widget llamado Personalizado.
3. Elige qué tipos de widget estarán permitidos dentro del contenedor. Se puede elegir permitir todos los tipos de widget, solo algunos o solo uno.
4. Elige el lugar dentro de la estructura de los widgets. La posición donde se coloca el widget en la columna de widgets es la posición donde aparecerá en las apps para huéspedes de los hoteles.

Paso 4: Previsualizar la plantilla en diferentes hoteles de una cadena o marca

La opción Selecciona hotel de muestra para previsualizar permite probar la configuración de la plantilla antes de publicar.

1. En la esquina superior derecha, encima de la pantalla de previsualización de la app para huéspedes, haz clic en la opción Selecciona hotel de muestra para previsualizar.
2. Elige un hotel diferente dentro de la cadena/marca en el menú desplegable.
3. Revisa el contenido. Se verá que el contenido cambia según el contenido específico de ese hotel ( por ejemplo restaurantes, servicios).

Paso 5: Publicar la plantilla

Una vez que el diseño de la plantilla esté finalizado, haz clic en el botón Publicar cambios.

Próximos pasos

Ahora que se ha creado y publicado la plantilla, el siguiente paso es aplicarla a los hoteles específicos de la cadena o marca.

¿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.