Dans le nouveau Hub, l'onglet Apparence (Appearance) de chaque guide détermine l'aspect de votre guide. Les options affichées dépendent du design de votre guide : Guidebook 2.0 ou le Design classique (Legacy design).
Table des matières :
Comment y accéder
Ouvrez Guides (Guidebooks) dans la barre latérale de gauche.
Sélectionnez le guide auquel vous souhaitez appliquer votre identité visuelle (ou utilisez le menu déroulant Modification du guide (Editing guidebook) pour basculer vers celui-ci).
Cliquez sur l'onglet Apparence.
Guidebook 2.0 – Personnalisations de la page d'accueil
Cette section détermine la page d'accueil que voient les voyageurs lorsqu'ils ouvrent votre guide.
Photos de couverture : définissez des photos distinctes pour Ordinateur (Desktop) et Mobile. Cliquez sur Modifier (Change) pour remplacer une photo : choisissez Nouvelle photo depuis l’appareil (New photo from drive), Nouvelle photo depuis une URL (New photo from URL) ou Sélectionner une photo (Select Photo) pour réutiliser une photo déjà importée. Les photos pour ordinateur doivent être au format paysage et mesurer au moins 1920 × 1080 px ; les photos pour mobile doivent être au format portrait et mesurer au moins 680 × 1080 px. Les images importées doivent peser moins de 20 Mo.
Superposition de couleur (Color overlay) : activez Fondre l'arrière-plan avec la couleur principale (Blend background with primary color) pour fondre la photo de couverture avec votre couleur principale, ce qui aide le texte de la page d'accueil à ressortir. L'opacité de la superposition se règle dans la section d'identité visuelle (voir ci-dessous).
Contenu (Content) : modifiez votre Texte de bienvenue (Welcome text), dans lequel vous pouvez ajouter le prénom du voyageur avec un code de champ, et choisissez si vous voulez activer Afficher sur la première page (Show on front page).
Widget météo (Weather widget) : affichez ou masquez le petit widget météo sur la page d'accueil.
Guidebook 2.0 – Identité : logo, couleurs et polices
Thème de couleur (Color theme) : choisissez Automatique - préférence du voyageur (Auto - Guest preference), l'option recommandée, Sombre uniquement (Dark only) ou Clair uniquement (Light only).
Logo : importez un logo pour le thème sombre et un autre pour le thème clair, ou cochez Utiliser le même logo pour le thème sombre et le thème clair (Apply the same logo for both, dark and light theme). Vous pouvez aussi utiliser Adapter automatiquement au thème de couleur opposé (Auto-adjust for opposite color theme) et Appliquer une forme ronde (Apply circle shape).
Favicon : la petite icône affichée dans l'onglet du navigateur.
Couleurs (Colors) : cliquez sur Personnaliser (Customize) pour modifier votre palette de couleurs et l'opacité de la superposition pour chaque thème : Élevée (High), Moyenne (Medium) ou Faible (Low). Vous pouvez aussi cliquer sur Réinitialiser (Reset) pour revenir aux valeurs par défaut.
Polices (Fonts) : choisissez une Police principale (Main font) et une Police alternative (Alternative font).
Affichage (Display) : choisissez une densité de mise en page Normale (Normal) ou Aérée (Spaced).
Design classique
Si votre compte utilise encore le design classique des guides, l'onglet Apparence comporte deux sections différentes :
Photo de fond de la couverture (Cover background photo) : Photo de couverture pour ordinateur (Desktop cover photo) et Photo de couverture pour mobile (Mobile cover photo), ainsi que Couleur du calque de la couverture (Cover image overlay color), noir ou blanc, et Opacité du calque (Overlay opacity), de 0 à 100 %. Si le texte de votre couverture est difficile à lire, essayez d'augmenter l'opacité du calque avant de changer de photo.
Avatar, logo et couleurs (Avatar, Logo & Colors) : l'avatar ou le logo affiché sur la couverture du guide (avec une forme ronde en option), le Favicon, Fond de la barre de navigation (Navigation bar background), Icônes et texte principal du menu (Icons & primary menu text), Police principale et Police alternative.
💡 Astuce : veillez à ce que le contraste entre le fond de la barre de navigation et les couleurs du texte soit suffisant pour que le menu reste facile à lire.
Marqueur de carte et noms des onglets
Ces réglages ne se trouvent pas dans l'onglet Apparence :
Icône du marqueur de carte (Map pin icon) : allez dans Informations sur le logement (Property info) → Lieu & Adresse (Location & Address) → Icône du marqueur de carte. Sur les comptes qui ont plus d'un guide, le sélecteur d'icône n'apparaît que lorsque Use Guidebook defaults (utiliser les valeurs par défaut du guide) est désactivé dans cette section ; sinon, définissez l'icône dans Valeurs par défaut du guide (Guidebook defaults).
Renommer les onglets que voient les voyageurs : allez dans l'onglet Paramètres (Settings) du guide → Onglets (Tabs). Sur Guidebook 2.0, vous pouvez renommer Front page, Guidebook content, Store et Assistant (page d'accueil, contenu du guide, boutique et assistant), jusqu'à 12 caractères chacun. Avec le design classique, les noms d'onglets peuvent compter jusqu'à 8 caractères. Consultez Comment renommer les onglets de votre guide.
Utiliser les valeurs par défaut du guide pour l'apparence
Si votre compte comporte plus d'un guide, la section Identité : logo, couleurs et polices (Branding: Logo, Colors & Fonts) – avec le design classique, Avatar, logo et couleurs et le calque de la couverture – dispose d'un interrupteur Use Guidebook defaults :
Interrupteur | Ce qui se passe |
Activé | Ce guide utilise l'identité visuelle de vos Valeurs par défaut du guide. Lorsque vous modifiez les valeurs par défaut, ce guide est aussi mis à jour. |
Désactivé | Ce guide utilise sa propre identité visuelle, indépendamment des valeurs par défaut. |
Si vous n'avez qu'un seul guide, il n'y a pas d'interrupteur : vous modifiez directement votre identité visuelle.
C'est particulièrement utile pour les hôtes qui gèrent plusieurs logements :
Définissez votre identité visuelle standard (logo, couleurs, polices) une seule fois dans Valeurs par défaut du guide.
Tous les guides dont l'interrupteur est activé l'utilisent, nouveaux comme existants.
Ne le désactivez que sur les guides qui ont besoin d'une apparence différente, par exemple un logement doté de sa propre marque.
📖 En savoir plus : Valeurs par défaut du guide
Identité visuelle au niveau du modèle ou du guide
Dans l'ancien Hub, l'identité visuelle pouvait être définie au « niveau du modèle » (appliquée à tous les guides basés sur ce modèle) ou au « niveau du guide » (personnalisation individuelle). Dans le nouveau Hub, ce principe est remplacé par :
Principe de l'ancien Hub | Équivalent dans le nouveau Hub |
Identité visuelle au niveau du modèle | Valeurs par défaut du guide : définies une seule fois, utilisées par tous les guides dont l'interrupteur est activé |
Identité visuelle au niveau du guide | Onglet Apparence avec Use Guidebook defaults désactivé |
Aide-mémoire
Je souhaite... | Marche à suivre (Guidebook 2.0) |
Définir la photo de couverture | Apparence → Personnalisations de la page d'accueil (Front page customizations) → Modifier |
Modifier le texte de bienvenue | Apparence → Personnalisations de la page d'accueil → Contenu |
Importer mon logo ou mon favicon | Apparence → Identité : logo, couleurs et polices |
Modifier les couleurs, les polices ou le thème | Apparence → Identité : logo, couleurs et polices |
Modifier l'icône du marqueur de carte | Informations sur le logement → Lieu & Adresse → Icône du marqueur de carte |
Renommer les onglets visibles par les voyageurs | Paramètres → Onglets (12 caractères max.) |
Utiliser la même identité visuelle sur tous les guides | Définissez-la dans Valeurs par défaut du guide et laissez Use Guidebook defaults activé |
Donner une apparence différente à un guide | Apparence → désactivez Use Guidebook defaults → définissez votre propre identité visuelle |
🤝 Besoin d'aide ?
Notre assistant IA Fin est disponible 24 h/24, 7 j/7 et répond généralement en moins de 10 secondes. Si Fin ne parvient pas à résoudre votre problème, notre équipe d'assistance prendra votre demande en charge.
Vous pouvez aussi contacter notre équipe à [email protected], nous serons ravis de vous aider.