Description
Cette mécanique d'instant-gagnant combine deux de nos fonctionnalités les plus populaires : le Click&Win et le FlipCard. C'est un module facile à mettre en place : les utilisateurs cliquent sur un ou plusieurs éléments pour voir immédiatement s'ils ont gagné une dotation. Cela permet de présenter du contenu visuel de manière interactive tout en offrant des dotations instantanées aux utilisateurs.
Cette mécanique peut également être utilisée en mode "Flip & Like" pour mettre en avant des produits sans forcément déclencher de dotations. Dans ce cas, les utilisateurs sont invités à cliquer sur des produits préférés pour découvrir plus d'informations ou simplement pour les explorer. En savoir plus.
Création des graphismes
Avant de démarrer la configuration de votre campagne, assurez-vous d'avoir préalablement créé les éléments graphiques requis. Pour obtenir toutes les informations nécessaires à la conception graphique de votre campagne, consultez cet article.
Pour créer les éléments spécifiques à la mécanique Flip and Win, téléchargez le pack graphique ci-dessous.
Installation des pages
Tout d'abord, cliquez sur Nouvelle campagne puis sélectionnez la mécanique Flip&Win. Le template du Flip&Win est composé de 6 pages :
Un Formulaire
Le Flip&Win
Une page "Gagné"
Une page "Perdu"
Une page "Déjà Joué"
Une page de fin de campagne (end)
Si vous le souhaitez, vous pouvez ajouter d'autres pages et mécaniques de jeu. Nous vous recommandons l'ajout d'une page d'accueil et de teasing. Configurez vos paramètres de campagne en indiquant notamment les dates de diffusion, en important le règlement et la politique de confidentialité.
Personnalisation des arrières-plan
Importez vos fonds d'écrans Desktop 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 de la mécanique
Paramètres de participation :
Nombre de participations : Définissez le nombre de participations par jour, semaine, mois ou campagne et par utilisateur. Nous recommandons un paramétrage à 1 participation par jour afin d'inciter l'utilisateur à revenir sur votre campagne régulièrement.
Page "Déjà Joué" : Configurez une page spécifique vers laquelle les utilisateurs seront automatiquement redirigés une fois qu'ils auront atteint leur limite de participation. Cette page peut contenir des instructions pour inciter les utilisateurs à revenir jouer plus tard, des offres spéciales ou un simple message de remerciement pour leur participation.
Paramètres du jeu :
Unicité des gagnants : cette option vous permet de choisir le nombre de dotations que pourra potentiellement remporter un même utilisateur sur votre campagne, via le / les instant(s) gagnant(s) qu'elle comporte. Consultez notre article dédié pour plus d'informations.
Pages de résultat : vous devez définir vos pages "gagnante" et "perdante": l'une ou l'autre s'affichera instantanément une fois la ou les images retournées, en fonction de la distribution ou non d'une dotation.
⚠️ Une authentification (par email, login SSO, login de réseau social etc.) de l'utilisateur est obligatoire pour accéder à la page gagnante d'un Instant Gagnant.
Personnalisation de l'apparence
Visuels à afficher : ce sont la ou les images qui apparaîtront directement sur l'écran de jeu en version Recto. Vous pouvez en ajouter 10 maximum.
Nombre de cartes à retourner : définissez ici le nombre de visuels que l'utilisateur devra retourner (de 1 à 10).
Afficher la dotation sur le visuel gagnant : si vous activez ce toggle, le visuel de la dotation remportée viendra de manière dynamique au milieu du visuel gagnant (voir ci-dessous).
Visual gagnant sans l'option | Visuel gagnant avec l'option |
Visuels Gagnant / Perdant : définissez ici vos visuels qui seront perdants et d'autres gagnants. Le visuel gagnant s'affichera lorsqu'une dotation sera disponible. À noter que vous pouvez y intégrer le visuel de la dotation de manière dynamique si vous cocher le toggle (voir ci-dessus + exemple en image à gauche).
Personnalisation des animations :
Apparition des visuels : vous pouvez activer différents effets qui s'activeront à l'apparition de la page :
Fondu
Agrandissement
Bounce
Animation carte retournée : donnez également des effets au retournement de la carte :
Flip droit ou gauche
Flip haut ou bas
Flip Diagonal droit ou gauche
Flip Diagonal droit inversé ou gauche inversé
Vous pouvez redimensionner librement chaque image directement dans l'éditeur via la souris ou votre pad.
Prévisualisation de l'animation
En cliquant sur les boutons "Play" à côté de chaque animation vous pourrez accéder à la prévisualisation de l'animations des cartes :
Configuration des dotations
La mécanique Flip&Win est un type de jeu Instant Gagnant, ce qui signifie qu'il est essentiel de configurer des dotations pour qu'elle fonctionne. Si aucune dotation n'est configurée, tous les utilisateurs seront redirigés vers la page "Perdu", car il n'y a rien à gagner. Si vous n'avez pas encore configuré de dotations pour votre campagne, vous pouvez le faire en suivant ce lien.
Flip And Win en mode "Flip & Like"
Comme évoqué en introduction, cette mécanique peut être détournée en une mise en avant d'éléments avec pour principal but de savoir ce que l'utilisateur préfère dans ce listing de produits, visuels.
Pour cela, quelques options de configuration changent, voici ce qu'il faut faire !
Dans les paramètres :
Enlever l'unicité des gagnants. En effet, étant donné que le but n'est pas de distribuer de dotation, vous n'aurez plus la notion de gagnant / perdant et donc plus besoin d'activer d'unicité.
Garder vos pages Gagnante et Perdante. Il faut bien avoir 2 pages différentes dans votre parcours pour respecter la logique de règles de sécurité mais votre contenu au sein de ces 2 pages peut-être similaire. Vos utilisateurs ne remporteront aucune dotation et accèderont uniquement à la page Perdu !
Dans la personnalisation de l'apparence :
Prédéfinissez le nombre de visuels sur lesquels l'utilisateur devra cliquer pour passer à la page de résultat. Ex : 3 si vous voulez un Top 3 des visuels !
Décocher le toggle "Afficher la dotation sur le visuel gagnant". Non nécessaire étant donné qu'il n'y aura pas de dotations distribuées.
Mettre un visuel identique sur les visuels Gagnant et Perdant !
Afficher les éléments choisis par l'utilisateur grâce aux images dynamiques :
L'ajout du widget image dynamique permet d'afficher sur une page le visuel sur lequel l'utilisateur a cliqué précédemment lorsqu'il a joué au Flip & Win.
Rendez-vous dans la partie Médias pour ajouter une image dynamique. Glissez et déposez le widget % Dynamique.
Cliquez ensuite sur le visuel pour paramétrer l'image dynamique. Choisissez l'image associée à la page et l'image à afficher.
Il est possible d'ajouter plusieurs fois ce widget sur votre page.
Vous pourrez ensuite retrouver facilement les visuels les plus "likés" dans la section Statistiques puis onglet "Engager" sous un format graphique montrant le Top 10 des visuels les plus cliqués.
Vous retrouverez également ces informations dans l'export des utilisateurs dans la colonne "Visuels sélectionnés". Vous pourrez ainsi voir le détail par participant.
À noter que dans cet export, l'ordre d'apparition est celui de préférence, de clic (si l'utilisateur a liké, cliqué le visuel C en premier, dans la cellule de l'export ce sera d'abord "visuel C").
✍️ Veillez à bien renommer vos visuels ! En effet, ce sont les noms des visuels importés qui remonteront dans les statistiques et les exports.
Configuration de la version mobile
Une fois votre campagne Desktop 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.
Test et publication de la campagne
Lorsque les versions Desktop 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.
Exemples de campagnes Flip&Win
Galeries Lafayette x Roland Garros
We Are Lidl - Le Calendrier des Fêtes
(Calendrier redirigeant vers la mécanique de jeu Flip&Win)