Calendrier de l’Avent

Aperçu

Le modèle Advent calendar vous permet de créer une page dédiée pour un événement saisonnier. La page contient un calendrier de l’Avent : un ensemble de récompenses quotidiennes qui se déverrouillent, une par jour.

Une page dédiée maintient l’attention des utilisateurs sur l’événement, les incite à revenir chaque jour et vous fournit un lien direct à utiliser dans vos publicités, publications sur les réseaux sociaux, newsletters et bannières in‑game.

Fonctionnalités principales :

• Advent mode dans le bloc Daily rewards. Ce réglage masque les récompenses des jours verrouillés. L’utilisateur voit tous les jours dans le calendrier, mais les jours verrouillés n’affichent que le numéro du jour et le libellé Not yet available.
• Advent mode dans le bloc Lead GS. Ce réglage vous permet d’ajouter de la neige qui tombe à l’arrière‑plan du bloc.
• Un minuteur de compte à rebours dans l’en‑tête de l’événement.
• Accès planifié aux récompenses. Vous définissez la date de début, l’heure de début et le fuseau horaire dans les paramètres des récompenses quotidiennes. L’heure est vérifiée côté serveur, donc changer la date sur l’appareil de l’utilisateur ne déverrouille pas les jours à venir.
• Configuration sans code. Vous pouvez modifier le texte, remplacer les images, changer la disposition de la page et personnaliser les couleurs et les polices. Le thème de votre site s’applique automatiquement et le design festif fonctionne correctement avec les thèmes clair et sombre.
• Accès rapide aux paramètres des Daily rewards directement depuis les paramètres du bloc dans l’éditeur.
• Disposition adaptative. La page s’adapte aux ordinateurs de bureau et aux appareils mobiles. Tout le texte du modèle prend en charge les langues disponibles dans Web Shop.

Vous pouvez aussi activer Advent mode dans le bloc Daily rewards sur n’importe quelle autre page de votre site, pas seulement sur une page créée à partir du modèle.

Flux utilisateur

1. L’utilisateur ouvre la page de l’événement.
2. L’utilisateur voit le calendrier avec les récompenses des jours passés, la récompense du jour en cours et des cartes verrouillées pour les dates futures.
3. L’utilisateur se connecte au site.
4. L’utilisateur clique sur Claim et obtient la récompense du jour.
5. Au début du jour suivant, l’utilisateur obtient la récompense suivante.

Comment configurer

Prérequis

1. Créez des objets que les utilisateurs recevront en récompense.
2. Créez et activez une chaîne de récompenses quotidiennes de type Reward calendar (recommandé). Ajoutez une récompense pour chaque jour de l’événement. Le nombre de récompenses détermine la durée de l’événement.
3. Configurez l’authentification utilisateur si ce n’est pas déjà fait.

Créer une page Advent calendar

• Créez une page dédiée au calendrier de l’Avent
• Ajoutez un calendrier de l’Avent à un site existant

1. Dans votre projet dans le Compte éditeur, accédez à la section Storefronts > Websites.

1. Dans le projet dans votre compte, accédez à la section Storefronts > Websites.

1. Dans le projet dans votre compte, accédez à la section Storefronts > Websites.

1. Dans le projet dans votre compte, accédez à la section Storefronts > Websites.

1. Dans le projet de votre compte pour les jeux mobiles, accédez à la section Web Shop.

2. Cliquez sur la carte de votre site. Le site s’ouvre dans l’éditeur.

Note

Si vous n’avez pas encore de site, créez‑en un.

3. Cliquez sur le nom de la page et, dans la liste déroulante, sélectionnez Create page.
4. Sélectionnez le modèle Advent calendar et cliquez sur Next.

5. Entrez le nom de la nouvelle page.
6. Si nécessaire, modifiez le chemin de la page généré automatiquement.
7. Cliquez sur Create page.

La page est créée avec du texte et des images de démonstration, et Advent mode dans le bloc Daily rewards est activé par défaut.

8. Configurez le bloc Daily rewards.
9. Configurez le compte à rebours dans le bloc Lead GS.

1. Dans votre projet dans le Compte éditeur, accédez à la section Storefronts > Websites.

1. Dans le projet dans votre compte, accédez à la section Storefronts > Websites.

1. Dans le projet dans votre compte, accédez à la section Storefronts > Websites.

1. Dans le projet dans votre compte, accédez à la section Storefronts > Websites.

1. Dans le projet de votre compte pour les jeux mobiles, accédez à la section Web Shop.

2. Cliquez sur la carte de votre site. Le site s’ouvre dans l’éditeur.
3. Dans la zone principale de l’éditeur, sélectionnez l’endroit où vous voulez ajouter un nouveau bloc et cliquez sur Add block.
4. Sélectionnez le bloc Daily rewards et configurez‑le.
5. Sélectionnez le bloc Lead GS et configurez le compte à rebours.

Configurer le bloc Daily rewards

Le nombre de récompenses dans la chaîne détermine la durée de l’événement. Pour modifier la durée, modifiez la chaîne : désactivez‑la, ajoutez ou supprimez des récompenses, puis activez de nouveau la chaîne. Tant que vous n’avez pas sélectionné de chaîne, le bloc affiche un calendrier d’exemple.

Pour configurer le bloc :

1. Dans le menu latéral de l’éditeur, sélectionnez le bloc Daily rewards.
2. Dans la section Settings, dans la liste Select daily rewards, sélectionnez la chaîne de récompenses quotidiennes.

3. Dans la section Block layout, vérifiez que la bascule Advent mode est activée.
4. Si nécessaire, personnalisez l’apparence du bloc :
   • Dans la section Block layout, affichez ou masquez le titre et la description, et choisissez l’alignement du contenu et l’arrière‑plan.
   • Dans la section Card layout, affichez ou masquez le titre, activez ou désactivez la bascule Claim item with button, et choisissez la taille de l’image et l’arrière‑plan.

Configurer le compte à rebours

Le compte à rebours fait partie du Lead GS block. Il indique aux utilisateurs le temps restant avant la fin de l’événement.

Sur une page créée à partir du modèle Advent calendar, le minuteur est ajouté automatiquement. Sur toute autre page, ajoutez‑le manuellement. Le minuteur est disponible dans le Lead GS block sur toutes les pages, pas uniquement sur les pages d’événement.

Pour configurer le compte à rebours :

1. Dans le menu latéral de l’éditeur, sélectionnez le Lead GS block.
2. Dans la section Event countdown, indiquez la date de fin, l’heure et le fuseau horaire de l’événement.
3. Configurez les libellés et l’apparence du minuteur pour chaque état. Par exemple, Se termine dans pour un événement actif et L’événement est terminé pour un événement achevé. Pour masquer le texte au‑dessus du compteur, désactivez la bascule Heading dans les paramètres du minuteur.

Si nécessaire, ajoutez un effet de chute de neige à l’arrière‑plan du bloc. Pour ce faire, dans la section Layout, activez la bascule Advent mode, puis la bascule Snow effect.