Configurer l'en-tête
Définir la bannière, le titre, le sous-titre et la visibilité des boutons d'en-tête.
Placeholders dans cet article
Cet article contient des captures d'écran temporaires. Recherchez placehold.co dans ce fichier et remplacez-les avant publication.
Dans cet article, vous allez définir la bannière, le titre, le sous-titre et la visibilité des boutons que les participants voient en haut de la page d'accueil.
Prérequis
- La page d'accueil de la campagne est activée.
- Vous avez déjà choisi la mise en page de la page d'accueil.
- Vous avez une image prête pour la bannière d'en-tête.
Configuration
Ouvrir Section d'en-tête
Allez dans Landing Page, puis ouvrez la carte Section d'en-tête.
Téléverser la Bannière
Utilisez le sélecteur Bannière pour envoyer l'image principale de l'en-tête. Si vous avez besoin d'un repère visuel, ouvrez See Specs depuis le même panneau.
Renseigner Titre et Sous-titre
Saisissez le message principal dans Titre, puis ajoutez le contexte utile dans Sous-titre. Vous pouvez y mettre une explication courte, une accroche saisonnière ou une consigne pratique.
Choisir la visibilité des boutons d'en-tête
Activez Masquer le Bouton de Participation si la page ne doit pas afficher le bouton principal dans l'en-tête. Activez Masquer les Boutons de Récompenses et Légaux si ces boutons doivent rester cachés.
Enregistrer puis vérifier
Enregistrez l'en-tête, puis contrôlez la page publique pour vérifier le cadrage de la bannière, la longueur du titre et la lisibilité du sous-titre.
Conseils pour la bannière
- Le guide
See Specsactuel pour la bannière de page d'accueil montre une image paysage (900 x 600 px, ratio3:2). - Les formats web recommandés sont
JPEG,WEBPetPNG. - Gardez un fichier léger pour préserver la rapidité de chargement.
Comportement multi-langue
Titre et Sous-titre suivent le sélecteur de langue de la campagne dans Studio, ce qui vous permet d'ajouter une version par langue. La bannière et les réglages de visibilité des boutons restent partagés entre les langues.
Sous-titre en mode Advent Calendar
Quand la page d'accueil utilise Advent Calendar, le champ de sous-titre accepte une mise en forme plus riche que la zone de texte standard utilisée par les autres mises en page.
Notes de validation
| Clé de validation | Message | Correctif |
|---|---|---|
landing_page.header.missing | La page d'accueil est activée mais l'en-tête est manquant | Allez dans Landing Page > En-tête et configurez les paramètres de l'en-tête |
landing_page.header.title.missing | L'en-tête de la page d'accueil n'a pas de titre | Allez dans Landing Page > En-tête et entrez un titre |
landing_page.header.background_image_uri.missing | L'en-tête de la page d'accueil n'a pas d'image de fond | Allez dans Landing Page > En-tête et téléchargez une image de fond |
landing_page.header.subtitle.missing | L'en-tête de la page d'accueil n'a pas de sous-titre | Allez dans Landing Page > En-tête et ajoutez un sous-titre pour fournir plus de contexte |
Consultez Validation et publication pour comprendre comment ces contrôles apparaissent avant la publication.
Pour aller plus loin
Choisir une mise en page
Comparer les mises en page avant d'affiner le contenu de l'en-tête.
Configurer les instructions
Ajouter le bloc d'étapes qui s'affiche sous l'en-tête.
Mise en page à une colonne
Voir comment l'en-tête apparaît dans la mise en page en pile simple.
Mise en page à deux colonnes
Voir comment l'en-tête structure la mise en page desktop scindée.
Mise en page calendrier de l'avent
Réutiliser le même en-tête partagé au-dessus de la grille calendrier.