Régler les couleurs de votre écran de vols
Où définir les couleurs de votre marque — dans l'assistant de configuration, écran par écran ou pour toute l'organisation — et ce que chaque couleur change réellement à l'écran.
Régler les couleurs de votre écran de vols
Cet article explique où se règlent les couleurs de votre écran de vols, lesquelles changent vraiment quelque chose à l'écran, et combien de temps il faut avant qu'une modification arrive dans le hall. Il n'existe pas de page « Branding » dans le portail : les couleurs se trouvent à trois endroits différents, selon la portée que doit avoir la modification.
Les trois endroits d'où viennent les couleurs
L'assistant de configuration définit une couleur primaire et une couleur secondaire pour tout le compte de l'hôtel. Vous le trouvez à l'adresse /portal/setup, étape Couleurs.
L'éditeur d'écrans définit l'allure d'un écran donné. Ouvrez Affichages, cliquez sur l'écran voulu et allez dans l'onglet Apparence. Vous y choisissez un modèle de design, c'est-à-dire une palette complète et non deux couleurs, et en Premium vous pouvez remplacer certaines couleurs de cette palette.
Le panneau de l'organisation définit les valeurs par défaut de tous les établissements d'un groupe. Il se trouve sous Organisation → Image de Marque et n'est visible que pour les propriétaires de l'organisation.
Ces trois niveaux se combinent dans un ordre fixe. Le modèle d'un écran fournit la palette de base. Vos couleurs primaire et secondaire valables pour tout l'hôtel remplacent ensuite la primaire et la secondaire du modèle, mais uniquement si vous les avez réellement modifiées. Tant qu'elles contiennent encore les valeurs livrées par défaut #1E40AF et #3B82F6, ce sont celles du modèle qui restent en place. C'est pourquoi passer un écran à un modèle vert peut donner l'impression qu'il ne s'est rien passé si la primaire de votre hôtel est un bleu franc : la couleur de l'hôtel l'emporte, exactement comme prévu.
Définir les couleurs valables pour tout l'hôtel
L'étape Couleurs de l'assistant de configuration présente deux champs, Couleur primaire et Couleur secondaire. Chacun dispose d'une pastille de couleur sur laquelle cliquer pour ouvrir le sélecteur de couleur de votre navigateur, et d'un champ texte à côté qui contient la valeur hexadécimale. Le champ texte s'applique au fur et à mesure de la saisie : il n'y a rien à confirmer et pas de bouton d'application distinct, et l'aperçu situé en dessous se repeint pendant que vous modifiez. Vous poursuivez avec le bouton Suivant ou Terminer de l'assistant, et c'est cette étape qui enregistre la valeur.
Rien dans le produit ne vérifie le format de ce que vous saisissez. La valeur est transmise telle quelle à la base de données, si bien qu'une faute de frappe — un # manquant, un code de cinq caractères — est enregistrée sans broncher et ne s'affiche tout simplement pas comme couleur à l'écran. Votre contrôle, c'est l'aperçu : s'il ne change pas, la valeur n'est pas une couleur que le navigateur comprend.
Choisir un modèle pour un écran donné
Sous Affichages → votre écran → Apparence, la section Modèle de Design propose huit designs finis. Chacun apporte une palette complète — dégradé de fond, texte, couleurs de statut, bordures — et pas seulement deux accents, ce qui explique qu'un modèle vous rapproche généralement plus d'un rendu cohérent que le réglage de deux couleurs.
Les modèles au-dessus de votre formule apparaissent avec un cadenas et un badge de formule, et ne peuvent pas être sélectionnés. Cliquer sur un modèle ne fait que préparer la modification ; c'est le bouton Enregistrer le Modèle, sous la grille, qui l'écrit, et il reste désactivé tant que vous n'avez rien changé.
Remplacer des couleurs individuelles en Premium
Dans une formule Premium, la section Personnalisation des Couleurs sous la grille des modèles se déplie en un champ par couleur de la palette : Début du Fond et Fin du Fond, Couleur Principale et Couleur Secondaire, Couleur du Texte et Texte Atténué, les quatre couleurs de statut Statut À l'Heure, Statut Retardé, Statut Annulé et Statut Embarquement, et les couleurs de structure Couleur de Bordure, Fond de l'En-tête, Fond du Pied de Page et Survol de Ligne.
Comme le fond est dessiné en dégradé de Début du Fond vers Fin du Fond, c'est en réglant les deux sur la même valeur que vous obtenez un fond uni. Si le résultat vous échappe, Réinitialiser aux valeurs du modèle efface toutes les surcharges et ramène l'écran au modèle intact. Dans les formules inférieures à Premium, la section affiche une invitation à passer à l'offre supérieure à la place des champs.
Ce que chaque couleur change réellement
La couleur primaire est celle qui porte le design. Elle colore le sélecteur entre départs et arrivées, l'en-tête et son dégradé, les éléments actifs et les boutons, ainsi que les accents des diapositives d'info hôtel.
La couleur secondaire ne change aujourd'hui rien de visible sur l'écran. Elle est enregistrée et publiée dans la page sous forme de variable CSS, mais aucun composant de l'affichage ne la lit : la définir ne produira donc ni effet de survol, ni ombre, ni second accent. Mettez-y une valeur cohérente pour l'avenir et jugez le rendu à l'écran uniquement sur la couleur primaire et la palette du modèle.
Vérifier le résultat avant de s'y fier
L'aperçu en direct se trouve dans l'éditeur d'écrans, dans l'onglet Aperçu & URL de l'écran que vous modifiez. Il affiche le véritable écran dans un cadre et vous laisse basculer entre les proportions bureau, tablette et mobile ; il contient aussi l'URL de l'écran et un code QR pour installer l'appareil lui-même.
L'onglet est désactivé tant qu'un écran est inactif. C'est volontaire : les écrans inactifs ne font aucun appel API, ce qui leur évite de consommer votre quota, et un aperçu devrait enfreindre cette règle. Activez donc d'abord l'écran, puis affichez l'aperçu.
Les couleurs dépendent aussi de la dalle sur laquelle elles finissent. Deux écrans calibrés différemment, ou le même écran en pleine journée et le soir sous la lumière du hall, ne se ressemblent pas : rendez donc votre verdict final sur l'appareil réel plutôt que sur votre ordinateur portable.
En combien de temps une modification atteint l'écran
Un écran en fonctionnement recharge sa configuration toutes les 20 secondes : un changement de couleur enregistré apparaît donc tout seul dans ce délai environ. Inutile d'aller jusqu'à l'écran, d'appuyer sur F5 ou de vider un cache.
Les cinq minutes que vous avez peut-être lues ailleurs correspondent à un tout autre intervalle : c'est la fréquence d'actualisation des données de vol, et elle vaut pour Premium. Basic actualise les données de vol toutes les 60 minutes et Pro toutes les 30. Aucun de ces intervalles n'a de rapport avec la vitesse de propagation des couleurs.
Si au bout d'une minute la modification n'est toujours pas là, il est bien plus probable que l'écran ne charge pas du tout plutôt qu'il affiche d'anciennes couleurs.
Marque au niveau de l'organisation et verrouillage
Pour un groupe hôtelier, Organisation → Image de Marque est le bon endroit pour poser la couleur de la marque. On y trouve un logo par défaut ainsi qu'une couleur primaire et une couleur secondaire par défaut pour chaque établissement de l'organisation, et le panneau n'apparaît qu'aux propriétaires de l'organisation.
L'interrupteur Verrouiller la marque du même panneau décide si les établissements ont le droit de s'écarter de ces valeurs. Verrouillage activé, la marque de l'organisation l'emporte et les réglages de couleur par établissement et par écran sont ignorés : c'est ainsi qu'une chaîne garde douze halls à l'image d'une seule entreprise. Verrouillage désactivé, chaque établissement conserve ses propres couleurs et les valeurs de l'organisation ne servent que de repli.
Dépannage
Le changement de modèle n'a rien donné. Votre couleur primaire ou secondaire valable pour tout l'hôtel est réglée sur autre chose que les valeurs livrées par défaut : elle écrase donc la primaire et la secondaire du modèle. Soit vous l'acceptez, soit vous remettez les couleurs de l'hôtel sur #1E40AF et #3B82F6 pour laisser parler le modèle.
Une couleur a été enregistrée, mais l'écran l'ignore. Vérifiez si l'organisation a activé le verrouillage de la marque. Lorsqu'il est actif, les couleurs de l'organisation remplacent tout ce qu'a défini l'établissement.
Un champ de couleur n'a aucun effet. S'il s'agit de la couleur secondaire, c'est normal, comme décrit plus haut. Sinon, vérifiez la valeur elle-même : rien ne valide le format, donc un code hexadécimal invalide est enregistré sans protester et n'est tout simplement jamais rendu.
L'onglet Aperçu & URL est grisé. L'écran est inactif. Activez-le dans le même éditeur et l'onglet redevient accessible.
Les couleurs ne changent pas selon un horaire. Il n'existe pas de mode nuit automatique : un hall qui a besoin d'un rendu plus sombre le soir doit être basculé à la main, ou tourner toute la journée avec un modèle sombre.
Étapes suivantes
Support
Si quelque chose ici ne correspond pas à ce que vous voyez, écrivez à info@lobbyflight.com ou appelez le +43 650 753 1811. Le support est joignable du lundi au vendredi, de 09h00 à 17h00 CET.