Configurad los colores de vuestra pantalla de vuelos
Dónde se definen los colores de marca — en el asistente de configuración, pantalla por pantalla o para toda la organización — y qué cambia realmente cada color en pantalla.
Configurad los colores de vuestra pantalla de vuelos
Este artículo explica dónde se definen los colores de vuestra pantalla de vuelos, cuáles de ellos cambian algo de verdad en pantalla y cuánto tarda un cambio en llegar al vestíbulo. En el portal no existe ninguna página llamada «Branding»; los colores viven en tres sitios distintos según hasta dónde deba llegar el cambio.
Los tres sitios de los que salen los colores
El asistente de configuración define un color primario y uno secundario para toda la cuenta del hotel. Lo encontráis en /portal/setup, paso Colores.
El editor de pantallas define el aspecto de una sola pantalla. Abrid Pantallas, haced clic en la pantalla que queráis y entrad en la pestaña Apariencia. Ahí elegís una plantilla de diseño, que es una paleta completa y no dos colores, y en Premium podéis sobrescribir colores sueltos de esa paleta.
El panel de la organización define los valores por defecto para todas las propiedades de un grupo. Está en Organización → Marca y solo lo ven los propietarios de la organización.
Estas tres capas se combinan en un orden fijo. La plantilla de una pantalla aporta la paleta base. Vuestro color primario y secundario del hotel sustituyen entonces al primario y al secundario de la plantilla, pero solo si los habéis cambiado de verdad. Mientras sigan con los valores de fábrica #1E40AF y #3B82F6, los de la plantilla se mantienen. Por eso cambiar una pantalla a una plantilla verde puede parecer que no ha hecho nada si vuestro primario del hotel es un azul intenso: gana el color del hotel, justo como está previsto.
Definir los colores de todo el hotel
El paso Colores del asistente de configuración muestra dos campos, Color primario y Color secundario. Cada uno tiene una muestra de color en la que podéis hacer clic para abrir el selector del navegador, y junto a ella un campo de texto con el valor hexadecimal. El campo de texto se aplica mientras escribís, así que no hay nada que confirmar ni un botón de aplicar aparte; el panel de vista previa de abajo se repinta a la vez. Para avanzar usáis el botón Siguiente o Finalizar del propio asistente, y es ese paso el que guarda el valor.
Nada en el producto comprueba el formato de lo que escribís. El valor pasa a la base de datos sin validar, de modo que una errata como una # que falta o un código de cinco caracteres se guarda tan tranquilamente y simplemente no se dibuja como color en la pantalla. Vuestro control es la vista previa: si no cambia, el valor no es un color que el navegador entienda.
Elegir una plantilla para una sola pantalla
En Pantallas → vuestra pantalla → Apariencia, la sección Plantilla de Diseño ofrece ocho diseños acabados. Cada uno trae una paleta completa — degradado de fondo, texto, colores de estado, bordes — y no solo dos acentos, y por eso una plantilla suele acercaros a un resultado coherente más que ajustar dos colores.
Las plantillas por encima de vuestro plan aparecen con un candado y una etiqueta de plan, y no se pueden seleccionar. Hacer clic en una plantilla solo la deja preparada; quien la escribe es el botón Guardar Plantilla bajo la cuadrícula, y ese botón sigue desactivado mientras no hayáis cambiado nada.
Sobrescribir colores sueltos en Premium
En un plan Premium, la sección Personalización de Colores bajo la cuadrícula de plantillas se despliega en un campo por cada color de la paleta: Inicio del Fondo y Fin del Fondo, Color Principal y Color Secundario, Color de Texto y Texto Atenuado, los cuatro colores de estado Estado A Tiempo, Estado Retrasado, Estado Cancelado y Estado Embarque, y los colores de estructura Color de Borde, Fondo del Encabezado, Fondo del Pie de Página y Hover de Fila.
Como el fondo se dibuja como un degradado de Inicio del Fondo a Fin del Fondo, la forma de conseguir un fondo plano es poner los dos en el mismo valor. Si el resultado se os va de las manos, Restablecer a valores de plantilla borra todas las sobrescrituras y devuelve la pantalla a la plantilla intacta. En los planes por debajo de Premium, la sección muestra un aviso de mejora en lugar de los campos.
Qué cambia realmente cada color
El color primario es el que sostiene el diseño. Colorea el conmutador entre salidas y llegadas, el encabezado y su degradado, los elementos activos y los botones, y los acentos de las diapositivas de información del hotel.
El color secundario, hoy por hoy, no cambia nada visible en la pantalla. Se guarda y se publica en la página como variable CSS, pero ningún componente de la pantalla lo lee, así que definirlo no os dará efectos de hover, sombras ni un segundo acento. Ponedlo en algo razonable de cara al futuro y juzgad el resultado en pantalla solo por el color primario y la paleta de la plantilla.
Comprobar el resultado antes de fiaros de él
La vista previa en vivo está en el editor de pantallas, en la pestaña Vista Previa & URL de la pantalla que estáis editando. Muestra la pantalla real dentro de un marco y os deja alternar entre proporciones de escritorio, tableta y móvil; además incluye la URL de la pantalla y un código QR para configurar el propio dispositivo.
Mientras una pantalla está inactiva, la pestaña está desactivada. Es intencionado: las pantallas inactivas no hacen llamadas a la API, que es justo como evitan consumir vuestra cuota, y una vista previa tendría que romper esa regla. Activad primero la pantalla y previsualizadla después.
Los colores dependen también del panel en el que acaben. Dos pantallas con distinta calibración, y la misma pantalla con luz de día y con luz de vestíbulo por la noche, no se ven igual, así que dad el veredicto final en el dispositivo real y no en vuestro portátil.
Cuánto tarda un cambio en llegar a la pantalla
Una pantalla en marcha vuelve a pedir su configuración cada 20 segundos, así que un cambio de color guardado aparece solo dentro de ese margen. No hace falta ir hasta la pantalla, pulsar F5 ni vaciar ninguna caché.
Los cinco minutos que quizá hayáis leído en otro sitio son otro intervalo distinto: es cada cuánto se actualizan los datos de vuelo, y se aplica a Premium. Basic actualiza los datos de vuelo cada 60 minutos y Pro cada 30. Ninguno de esos intervalos tiene nada que ver con la rapidez con la que se propagan los colores.
Si al cabo de un minuto el cambio sigue sin aparecer, lo más probable es que la pantalla no esté cargando en absoluto, más que estar mostrando colores viejos.
Marca para toda la organización y bloqueo de marca
Para un grupo hotelero, Organización → Marca es el sitio adecuado para el color corporativo. Allí están el logo por defecto y el color primario y secundario por defecto para todas las propiedades de la organización, y el panel solo aparece a los propietarios de la organización.
El interruptor Bloquear marca de ese mismo panel decide si las propiedades pueden apartarse de esos valores. Con el bloqueo activado, gana la marca de la organización y se ignoran los ajustes de color de cada propiedad y de cada pantalla; así es como una cadena consigue que doce vestíbulos parezcan una sola empresa. Con el bloqueo desactivado, cada propiedad conserva sus colores y los valores de la organización solo actúan como respaldo.
Resolución de problemas
El cambio de plantilla no ha hecho nada. Vuestro color primario o secundario de todo el hotel está en algo distinto de los valores de fábrica, así que está sobrescribiendo el primario y el secundario de la plantilla. O lo aceptáis, o devolvéis los colores del hotel a #1E40AF y #3B82F6 para dejar hablar a la plantilla.
Un color se ha guardado, pero la pantalla lo ignora. Comprobad si la organización tiene activado el bloqueo de marca. Cuando lo está, los colores de la organización sustituyen a lo que haya puesto la propiedad.
Un campo de color no tiene ningún efecto. Si se trata del color secundario, es lo esperado, tal como se describe arriba. Si no, revisad el propio valor: nada valida el formato, así que un código hexadecimal inválido se guarda sin quejarse y sencillamente no se dibuja nunca.
La pestaña Vista Previa & URL está en gris. La pantalla está inactiva. Activadla en el mismo editor y la pestaña quedará disponible.
Los colores no cambian por horario. No hay modo noche automático, así que un vestíbulo que por la tarde necesite un aspecto más oscuro hay que cambiarlo a mano, o bien dejarlo todo el día con una plantilla oscura.
Siguientes pasos
Soporte
Si algo de aquí no coincide con lo que veis, escribid a info@lobbyflight.com o llamad al +43 650 753 1811. El soporte está disponible de lunes a viernes, de 09:00 a 17:00 CET.