Dernières mises à jour 🚀 (octobre 2024)
💡 Pour accéder à la nouvelle version du calendrier, ajoutez une nouvelle page Calendrier sur votre campagne.
Avec ou sans visuel de cases ouvertes : Ajout d’un mode qui ne nécessite pas d’avoir de visuels de cases ouvertes. Ce mode a été déployé pour rendre la configuration du Calendrier plus facile et plus accessible.
Animation de fond & ouverture de cases : Ajout de plusieurs animations d’ouverture de case, de mise en avant de la case du jour ou de particules de fond de jeu (il neige ! ❄️).
Désactivation du zoom sur Mobile possible : Ajout de la possibilité de désactiver le zoom automatique sur la case du jour en vue mobile.
Vue Desktop & Mobile : Possibilité de configurer différemment un calendrier en vue mobile ou en vue desktop (fond de jeu et placement des cases).
Options de facilitation de la configuration : Opacité au déplacement des cases pour les aligner correctement sur le fond de jeu, affichage de la date des cases au passage de la souris en édition de jeu, possibilité de déplacer les cases au pixel près avec les touches directionnelles du clavier.
Description
La Mécanique Calendrier Gagnant propose une variété d'animations quotidiennes liées à votre marque à travers des "cases" à ouvrir, notamment :
Remportez chaque jour une nouvelle récompense.
Explorez un produit ou service inédit quotidiennement.
Participez à un jeu différent chaque jour.
Et bien plus encore !
Avec de nombreuses options de personnalisation, ce module est extrêmement adaptable. Il convient non seulement pour les fêtes de fin d'année, comme un calendrier de l'Avent, mais est également idéal pour dynamiser votre communauté tout au long de l'année. La promesse de découvrir du contenu exclusif chaque jour incite vivement vos utilisateurs à revenir quotidiennement, renforçant ainsi leur exposition à votre marque et leur engagement sur le long terme.
✍️ Note : Si votre Calendrier Gagnant implique l'utilisation de plusieurs modules de jeu successifs, assurez-vous de prendre en considération le temps requis pour préparer cette campagne (y compris la création graphique, la configuration et les tests) dans votre rétro-planning.
Création des graphismes
Avant de configurer votre campagne, il vous faudra avoir créé les différents éléments graphiques nécessaires. Pour commencer, veuillez consulter cette page qui vous donnera accès à toutes les informations essentielles pour la création graphique de votre campagne : Réaliser les graphismes de vos jeux.
Vous trouverez tous les éléments en téléchargement pour votre module (dimensions standard) dans notre pack incluant un PSD aux dimensions standards et un manuel pour la création des graphismes :
Gestion des pages
Le calendrier sert de point d'entrée vers d'autres mécaniques ou pages de la campagne. Le nombre de cases dans le calendrier est illimité, mais chaque case ne peut rediriger que vers une seule page.
Lorsque vous créez votre campagne avec la mécanique Calendrier Gagnant, le parcours de jeu par défaut est le suivant : Formulaire, Calendrier, Instant-Gagnant (Click & Win), Page Gagné, Page Perdu, Déjà Joué et End (fin de campagne). Personnalisez chaque étape de votre campagne en fonction de votre parcours utilisateur.
N'oubliez pas de configurer vos paramètres de campagne dès à présent, en indiquant notamment les dates de la campagne et en important le règlement et la politique de confidentialité.
Personnalisation des arrières-plan
Importez vos fonds d'écrans Web en cliquant sur l'icône "+" dans Image de fond. Pour connaitre les spécifications graphiques des fonds pour ce module, veuillez vous référer à la partie "Design du jeu" de cet article. Vous avez aussi la possibilité d'ajouter une couleur de fond unie qui entourera vos pages de jeu. Vous pouvez laisser la couleur de base ou choisir d'uniformiser votre campagne, avec une couleur qui rappelle votre marque ou vos pages de jeu par exemple.
Configuration du Calendrier Gagnant
Nombre de participations : définissez le nombre de participations par jour, semaine, mois ou campagne et par utilisateur, puis créez et sélectionnez votre page Déjà Joué. Si l’utilisateur tente de rejouer, il tombera directement sur cette page. Pour un Calendrier Gagnant, nous recommandons 2 options au choix :
Une participation illimitée : cela signifie que vos utilisateurs pourront accéder à votre page de Calendrier de manière illimitée (indépendamment des limitations que vous aurez configuré sur les éventuelles mécaniques derrière chacune des cases de ce Calendrier).
Une participation limitée à 1 fois/jour : afin que l'utilisateur soit incité à revenir tous les jours sur votre campagne pour accéder quotidiennement à votre Calendrier. Ceci créera une attente et un intérêt constant pour votre campagne. S'il revient une seconde fois sur la page de Calendrier en 24H, il sera alors redirigé vers une page "déjà joué".
Autoriser l'accès illimité aux cases : permet d'accéder de façon permanente à toutes les cases déjà ouvertes, dans n'importe quel ordre. Par exemple, si vous souhaitez utiliser le calendrier pour faire découvrir 30 produits ou services différents à vos utilisateurs, vous souhaiterez peut-être qu'il puisse accéder à ces 30 cases de manière illimitée et dans l'ordre qu'il souhaite. Si cette option n'est pas activée, l'accès aux cases sera conditionné par la plage de disponibilité que vous aurez paramétré sur chacune d'entre elle.
Ouvrir les cases des jours passés : option de personnalisation permettant de laisser "ouvertes" les cases dont la date de disponibilité est antérieure à l'instant T où l'utilisateur accède au Calendrier. À noter, il pourra quand même cliquer sur une case déjà ouverte / passée si vous avez autorisé l'accès illimité aux cases (ci-dessus).
Personnaliser les cases ouvertes : Quand cette option est activée vous avez la possibilité de personnaliser les 2 états de vos cases dans le Calendrier : les cases ouvertes dans la partie "Contenu" et les cases fermées dans la partie "Apparence" (voir section ci-dessous).
Par défaut ce toggle est activé lors de la création d'une nouvelle campagne.
Si l'option est désactivée, vous n'aurez qu'un seul même visuel pour l'ouverture et la fermeture de la case (visuel unique à mettre dans la partie "Contenu").
Une opacité sera alors automatiquement appliquée aux cases lorsque celles-ci sont ouvertes par vos participants.
Sur la partie Mobile uniquement :
Zoomer sur la case du jour : Permet de zoomer sur la case du jour lors de l'accès à la campagne via un Mobile. En activant le zoom, le mode plein écran sur Mobile est alors automatiquement activé.
Par défaut ce toggle est activé lors de la création d'une nouvelle campagne.
Contenu du Calendrier Gagnant
L'onglet "Contenu" du Calendrier Gagnant permet :
De paramétrer la page de redirection : vous permet de définir la page de votre campagne vers laquelle redirigera chaque case, quelle qu'elle soit.
De définir les dates d'accès de chaque case (début/fin).
Puis, en mode personnalisation des 2 états (cases ouvertes et fermées) :
D'importer le visuel des contenus des cases : ces visuels sont ceux qui apparaîtront respectivement à l'ouverture de chacune des cases
En mode visuel unique des cases :
D'importer le visuel des cases : ces visuels seront à placer sur votre jeu, ils serviront de présentation des cases et une opacité sera alors automatiquement appliquée aux cases lorsque celles-ci sont ouvertes par vos participants.
Via cet onglet, vous pouvez ainsi rediriger l'utilisateur sur : un Instant Gagnant pour distribuer des dotations sur votre campagne, un Jeu à Score pour dynamiser votre campagne, une page Basique de promotion de votre marque via une vidéo ou un bon de réduction,... les exemples de possibilités sont nombreux et font du Calendrier Gagnant un module extrêmement personnalisable pour donner une réelle identité à votre campagne et prolonger l'exposition de l'utilisateur à votre marque.
Appliquer le placement des cases à toutes les vues : dans le cas d'un Calendrier ayant des positions différentes des cases entre Desktop et Mobile, veillez à bien désactiver le toggle "Appliquer le placement des cases à toutes les vues" :
✍️ Astuces gain de temps : Paramétrez bien vos dates de campagnes (ex : du 1/12 à 00h au 24/12 23h59) avant d'uploader vos cases dans la partie Contenu, elles prendront automatiquement la date et l'heure de chaque jour.
Personnalisation de l'apparence
Visuel de fond de jeu (même rendu entre Desktop & Mobile) : avec ce mode, notez que le même visuel sera utilisé au format mobile. Assurez-vous que le fond que vous importez inclut les visuels des cases en mode "fermé", car c'est ce visuel que l'utilisateur verra en arrivant sur la page du Calendrier, que ce soit sur web ou sur mobile.
Visuel de fond de jeu (en mode positions différentes des cases entre Desktop & Mobile) : si vous souhaitez avoir un rendu différent entre Desktop et Mobile, il faut au préalable avoir désactiver le toggle "Appliquer le placement des cases à toutes les vues". Vous pourrez ainsi uploader un visuel de fond de jeu différent entre les vues.
Visuel de fond de jeu (en mode visuel unique des cases) : votre fond de jeu pourra alors être un fond transparent simple ou contenant quelques éléments de décoration qui ne seront pas des cases. Vos visuels de cases seront uniquement dans la partie "Contenu".
Type de particules : vous pouvez ajouter une animation supplémentaire sur le fond de jeu pour favoriser le côté immersif, soit le défilement d'une image préalablement choisi soit donner un effet neige ❄️ en choisissant les couleurs que vous souhaitez faire défiler.
Afficher le contour des cases : vous pouvez entourer vos cases d'un contour continu ou en pointillé, ainsi que choisir l'épaisseur et la couleur de contour afin de faire ressortir votre visuel sur votre fond de jeu.
Mise en avant de la case du jour : vous pouvez inciter l'utilisateur à cliquer sur la case du jour en déclenchant une animation "Contour", "Pulse" ou "Buzz" :
Uniquement disponible en mode personnalisation des 2 états cases fermées et cases ouvertes :
Animation d'ouverture : vous avez plusieurs options d'ouverture pour vos cases (voir le paragraphe ci-dessous).
Couleur intérieure des cases : permet de mettre un filtre de couleur sur la partie intérieure des cases. Ceci est surtout visible sur les animations "volets en bois" et "portes" :
Animations d'ouvertures :
Les paramètres d'options avancées vous permettent de configurer les détails de votre barre de chargement ainsi que l'animation de la case du jour.
Uniquement pour la partie Mobile lorsque que le toggle "Appliquer le placement des cases à toutes les vues" est désactiver :
Échelle des cases : vous pouvez ajuster la dimension des cases sur Mobile via le curseur pour qu'elles s'adaptent exactement au fond de jeu en Mobile.
Paramètres d'édition et de prévisualisation du module
Pour accéder au menu contextuel (visible en bas à gauche de l'éditeur), veuillez cliquer sur le module de jeu.
L'édition des dimensions du jeu : profitez de dimensions optimales avec le mode "classique" (sélectionné par défaut) ou choisissez des dimensions manuelles pour intégrer votre jeu dans votre application mobile ou votre site en adaptant ses dimensions aux contraintes de votre webview
L'édition du moteur de jeu : permet de placer sur le fond de jeu les éléments visuels importés dans la partie "Contenu".
Vous remarquerez une opacité au déplacement des cases pour les aligner correctement sur le fond de jeu, il y a également l'affichage de la date de la case lorsque vous passez la souris dessus. Sachez que vous avez la possibilité de déplacer les cases au pixel près avec les touches directionnelles du clavier.Pour le mode en 2 états, il vous faut donc positionner les visuels des cases en mode "ouvert" par dessus les visuels des cases en mode "fermé" qui sont présents sur votre fond de jeu.
N'oubliez pas qu'il est toujours possible de scénariser votre calendrier en plaçant les cases dans l'ordre que vous le souhaitez.
Configuration de la version Mobile
Une fois votre campagne Web configurée, passez en vue Mobile afin d'importer les images de fond et de mettre en forme vos différentes pages pour ce support.
Publication et test de la campagne
Lorsque les versions Web et Mobile sont finalisées, vous pouvez prévisualiser votre campagne pour la tester. Pour connaitre les choses indispensables à vérifier, consultez cet article. Une fois que vos tests sont terminés, vous pouvez publier votre campagne sur votre domaine personnalisé et la diffuser auprès de votre audience.
Export des données
Lorsque vous exportez les données de vos utilisateurs d'une campagne utilisant le Calendrier, le fichier Excel généré comprendra plusieurs colonnes spécifiquement liées à cette mécanique :
Calendrier_calendar_nb_open_slots : le nombre de cases ouvertes pendant la campagne
Calendrier_calendar_open_slots : noms des fichiers images représentant les cases ouvertes par le participant
Exemples de campagnes
Découvrez des exemples de scénarisation du module ci-dessous et dans notre espace "Inspiration".
Exemple : Cyrillus scénarise son Calendrier Gagnant en remplaçant les cases par du texte : le fond de jeu comporte un texte avec des emplacements vides numérotés de 1 à 16, et les cases "ouvertes" sont en réalité les parties de texte manquantes.