Référence de la page d'accueil
Consulter les règles de structure, les assets, la validation et le comportement multi-langue.
Cette référence regroupe les règles actuelles de la page d'accueil au même endroit : structure partagée, guidance pour les assets, comportement des layouts et périmètre de validation.
Structure partagée
L'activation de la page d'accueil est pensée pour les campagnes avec au moins deux points de contact actifs. Une fois activée, la page repose sur un ensemble de sections partagées :
| Section | Position | Options de visibilité | Options d'affichage |
|---|---|---|---|
Section d'en-tête | Fixe en premier | Toujours affichée dans l'éditeur de page d'accueil | Aucune |
Section des récompenses | Section intermédiaire réordonnable | Peut être affichée ou masquée | Default, Carousel ou List |
Section des activités | Section intermédiaire réordonnable | Peut être affichée ou masquée | Default, Carousel ou List |
Section des jeux | Section intermédiaire réordonnable | Peut être affichée ou masquée | Default, Carousel ou List |
Section des totems interactifs | Section intermédiaire réordonnable | Peut être affichée ou masquée | Pas de style alternatif |
Section des instructions | Fixe vers la fin | Toujours affichée dans l'éditeur de page d'accueil | Aucune |
Section CTA | Fixe en dernier | Peut être affichée ou masquée | Aucune |
La Section d'en-tête ancre toujours la page. La Section des instructions reste vers la fin, et la Section CTA reste tout en bas. Les sections de listing prennent place entre ces blocs et peuvent être réordonnées.
Guidance pour les assets
| Asset | Guidance actuelle | Formats recommandés | Notes |
|---|---|---|---|
| Bannière d'en-tête | 900 x 600 px (3:2) dans le panneau See Specs actuel | JPEG, WEBP, PNG | Utilisez une image paysage et gardez un fichier léger. |
| Icône d'instruction | 400 x 400 px (1:1) | JPEG, WEBP | Gardez un style cohérent sur tous les éléments d'instruction. |
| Images de jours Advent Calendar | Images carrées cohérentes pour chaque jour | Formats web courants | Préparez une Closed Image et une Open Image pour chaque jour actif. |
Champs de l'en-tête
L'en-tête partagé contrôle :
BannièreTitreSous-titreMasquer le Bouton de ParticipationMasquer les Boutons de Récompenses et Légaux
Titre et la bannière sont requis pour un en-tête complet. Sous-titre est recommandé et remonte comme avertissement de validation lorsqu'il reste vide.
Règles CTA
Le CTA de la page d'accueil est prévu pour des destinations externes, pas pour ouvrir un point de contact interne.
| Champ | Rôle | Partagé ou traduit |
|---|---|---|
Titre CTA | Ajoute du contexte au-dessus du bouton | Traduit par langue de campagne |
Étiquette CTA | Définit le texte du bouton | Traduit par langue de campagne |
URL CTA | Définit la destination | Partagée entre les langues |
Un CTA utilisable doit inclure les trois champs. La validation actuelle contrôle aussi que l'URL commence par http:// ou https://.
Comportement responsive
| Mise en page | Comportement |
|---|---|
One column | Reste dans un seul flux vertical sur toutes les tailles d'écran. |
Two columns | Utilise la vue desktop scindée à partir du breakpoint desktop actuel (min-width: 1224px). En dessous, la page revient à une seule colonne. |
Advent Calendar | Utilise une grille centrée et responsive. Le style actuel contraint la largeur de page et la grille ajuste automatiquement des cases d'environ 100px minimum. |
Comportement multi-langue
Le builder de page d'accueil prend en charge du contenu par langue sur les champs de texte qui utilisent le sélecteur de langue de Studio.
| Groupe de champs | Support multi-langue |
|---|---|
Titre et Sous-titre de l'en-tête | Oui |
Titre et Sous-titre des instructions | Oui |
Titre CTA et Étiquette CTA | Oui |
Bannière d'en-tête, icônes d'instruction, images Advent Calendar, URL CTA, ordre des sections, visibilité des sections | Partagés entre les langues |
Guidance sur la longueur des textes
La validation actuelle de la page d'accueil n'expose pas de limite de caractères dédiée pour l'en-tête, les instructions ou les champs CTA. En pratique, l'approche la plus sûre consiste à garder un texte court et immédiatement scannable :
- gardez le titre d'en-tête sur une ligne claire quand c'est possible
- gardez le libellé CTA assez court pour tenir confortablement sur le bouton
- gardez les titres d'instruction orientés action et laissez le détail au sous-titre
Groupes de validation
La validation de la page d'accueil se concentre actuellement sur quatre zones :
| Zone | Ce qui est contrôlé |
|---|---|
| En-tête | En-tête manquant, titre manquant, image de fond manquante, sous-titre manquant |
| Instructions | Titres, sous-titres et icônes manquants |
| CTA | Libellé ou URL manquants, URL invalide, titre absent lorsqu'un CTA est autrement configuré, CTA avec titre seul |
| Calendrier de l'avent | Configuration manquante, calendrier vide, calendrier inactif, images manquantes, points de contact manquants ou invalides, surcharge de dates manquante, chevauchement des dates |
Consultez Validation et publication pour le workflow de publication autour de ces contrôles.
Pour aller plus loin
À propos de la page d'accueil
Commencer par le concept et le contexte de décision.
Choisir une mise en page
Comparer One Column, Two Columns et Advent Calendar.
Configurer l'en-tête
Définir la bannière, le titre, le sous-titre et la visibilité des boutons.
Configurer les instructions
Ajouter la liste d'accompagnement orientée participant.
Configurer le CTA
Configurer le CTA externe facultatif et ses règles de validation.