Mise en page calendrier de l'avent
Créer un calendrier jour par jour avec images, points de contact liés et dates sans chevauchement.
Créez un compte à rebours festif, jour après jour : chaque jour du calendrier déverrouille sa propre activité à sa propre date, parfait pour les campagnes saisonnières et multi-jours.
Avant de commencer
- La page d'accueil de la campagne est activée.
- Les dates de campagne et le fuseau horaire sont déjà définis.
- Vous avez un point de contact de jeu éligible prêt pour chaque jour à déverrouiller.
Chaque jour dépend des dates de son point de contact
Chaque jour du calendrier prend son moment de déverrouillage sur le point de contact qu'il relie. Si un point de contact lié n'a pas sa propre surcharge de dates activée, le calendrier ne passera pas la validation.
Visuels à préparer
La mise en page de l'avent affiche une porte par jour, chacune avec un visuel fermé, ouvert et désactivé.
Door — Closed
OptionnelThe artwork for a calendar door before it is opened — shown with its day number.
- Optionnel
- TailleSquare
- Ratio1:1
- FormatsJPEG / WEBP / PNG
Use a transparent PNG when the door should sit on the calendar background.
Door — Open
OptionnelThe artwork shown once a door has been opened — revealing the day’s content.
- Optionnel
- TailleSquare
- Ratio1:1
- FormatsJPEG / WEBP / PNG
Use a transparent PNG when the door should sit on the calendar background.
Door — Disabled
OptionnelThe artwork for a door that cannot be opened yet — for example a future day.
- Optionnel
- TailleSquare
- Ratio1:1
- FormatsJPEG / WEBP / PNG
Use a transparent PNG when the door should sit on the calendar background.
Pour retrouver toutes les specs d'image au même endroit, voir Spécifications des images & assets.
Comment se déroule la configuration
Pour chaque jour du calendrier, vous allez :
- Sélectionner la mise en page Advent Calendar et configurer l'en-tête partagé.
- Ajouter un jour et choisir le point de contact qu'il doit ouvrir.
- Téléverser une image fermée et une image ouverte pour ce jour.
- Ouvrir le point de contact lié, activer Remplacer les dates d'interaction, puis définir une date de début et de fin uniques pour ce jour.
- Répéter pour chaque jour que vous souhaitez afficher.
Les étapes ci-dessous détaillent ce déroulé.
Étapes
Sélectionner Advent Calendar
Ouvrez Landing Page, choisissez Advent Calendar dans le sélecteur Page Layout, puis enregistrez le changement de mise en page.
Configurer l'en-tête partagé
Définissez d'abord la bannière, le titre et le sous-titre. Advent Calendar réutilise le même en-tête partagé que les autres mises en page.
Ajouter les jours du calendrier
Utilisez Add Item pour créer chaque jour que vous voulez afficher dans le calendrier.
Lier chaque jour et téléverser ses images
Pour chaque jour, sélectionnez le point de contact qu'il ouvre, puis téléversez une Closed Image et une Open Image. Gardez le même style visuel et le même ratio sur tous les jours.
Garder au moins un jour actif
Les jours désactivés n'apparaissent pas dans le calendrier. Assurez-vous qu'au moins un jour reste actif.
Laisser l'image désactivée vide
N'utilisez pas le champ Disabled Image pour de nouveaux jours du calendrier. Il n'est plus utilisé, et le calendrier le signale lorsqu'il est renseigné.
Activer la surcharge de dates du point de contact
Ouvrez chaque point de contact lié, activez Remplacer les dates d'interaction, puis définissez les dates de début et de fin pour ce jour.
Donner à chaque jour ses propres dates
Gardez la fenêtre de dates de chaque point de contact lié distincte. Les jours du calendrier ne doivent pas se chevaucher.
Fonctionnement des états de jour
| État du jour | Ce que voit le participant | Peut-il ouvrir le jour ? |
|---|---|---|
| Avant la date de début du point de contact lié | L'image fermée | Non |
| Pendant la fenêtre active du point de contact lié | L'image ouverte | Oui |
| Après la date de fin du point de contact lié | L'image ouverte reste visible | Non |
Le moment du déverrouillage suit le fuseau horaire de campagne utilisé par la page d'accueil.
Avant de publier
Vérifiez tous les points suivants :
- l'en-tête partagé est configuré
- le calendrier contient au moins un jour
- au moins un jour est actif
- chaque jour actif possède une image fermée et une image ouverte
- chaque jour actif est lié à un point de contact existant et actif
- chaque point de contact lié a Remplacer les dates d'interaction activé
- aucune fenêtre de dates de deux points de contact liés ne se chevauche
- le champ Disabled Image reste vide
En cas de blocage
Raisons fréquentes pour lesquelles le calendrier ne se publie pas, et comment les résoudre :
- La mise en page est active mais non configurée — allez dans Landing Page → Layout Settings et configurez le calendrier.
- Aucun jour de calendrier — ouvrez l'éditeur du calendrier et ajoutez au moins un jour.
- Tous les jours sont désactivés — activez au moins un jour.
- Un jour est sans image fermée ou ouverte — ouvrez ce jour et téléversez l'image manquante.
- Un jour a une image désactivée définie — videz le champ Disabled Image pour ce jour. Il n'est plus utilisé.
- Un jour n'a pas de point de contact assigné — ouvrez ce jour et sélectionnez le bon point de contact.
- Un jour est lié à un point de contact qui n'existe plus — ouvrez le jour et sélectionnez un point de contact actif, ou ajoutez le manquant à la campagne.
- Un point de contact lié est désactivé — activez-le dans Construire → Points de contact, ou sélectionnez un autre point de contact actif pour ce jour.
- Un point de contact lié n'a pas de surcharge de dates — ouvrez-le dans Construire → Points de contact → Dates, activez Remplacer les dates d'interaction, puis définissez les dates de début et de fin pour ce jour.
- Deux jours ont des dates qui se chevauchent — ouvrez Construire → Points de contact et ajustez les plages pour que chaque jour ait sa propre fenêtre.
Consultez Validation et publication pour le déroulé complet avant mise en ligne.
Pour aller plus loin
Choisir une mise en page
Comparer Advent Calendar avec les autres mises en page de page d'accueil.
Configurer l'en-tête
Définir l'en-tête partagé affiché au-dessus de la grille.
Surcharger les dates d'un point de contact
Configurer les dates propres à chaque point de contact qui pilotent l'ouverture des jours.
Points de contact
Revoir les points de contact qui alimentent les cases du calendrier.
Référence de la page d'accueil
Retrouver les règles partagées, les assets et le comportement responsive.