Le module Swiper est un module engageant qui permet de demander l’avis à votre communauté sur votre marque, vos produits, offres commerciales ou services de façon très simple et dynamique en utilisant la fonctionnalité de "swipe" (mouvement de souris / doigt vers la gauche ou la droite) rendue populaire par l'application Tinder. Proposez ainsi à vos utilisateurs d'aimer ou non un visuel en le faisant simplement "glisser" vers la gauche ou vers la droite, et donnez leur l'opportunité de renforcer leur choix en leur offrant des options telles que le "Super Like" ou le "Joker". Grâce à son accessibilité, ce module convient parfaitement pour les campagnes "Mobile first".

Avant de configurer votre campagne, il vous faudra avoir créé les différents éléments graphiques nécessaires. Pour commencer, veuillez consulter cet article qui vous donnera accès à toutes les informations essentielles pour la création graphique de votre campagne. Pour créer les éléments spécifiques au Swiper, veuillez consulter cet article. Si vous souhaitez inclure des variables de jeu sur votre fond d'écran, pensez à leur laisser un espace dans la conception graphique :

Tout d'abord, cliquez sur Nouvelle campagne puis sélectionnez la mécanique Swiper. Vous vous retrouvez ensuite dans l'éditeur de la campagne intégrant les 4 étapes de cette mécanique : Formulaire, Swiper, Résultat. Vous pouvez aussi, si vous le souhaitez, ajouter une page d'accueil, une page de teasing et une page de fin d'opération.

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é.

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.

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.

Action du swipe à droite / à gauche : choisissez quelle action, entre "J'aime" et "Je n'aime pas", correspondra au fait de faire glisser le visuel à gauche ou à droite. Par défaut, l'action "J'aime" est définie comme étant un swipe vers la droite. ⚠️ Important : si il y a une égalité de "Like" à la fin de la campagne entre plusieurs visuels, c'est le premier visuel "liké" qui sera montré comme visuel préféré. Dans le cadre d'une page de résultat avec un TOP 3, ce sont les 3 premiers visuels "likés" qui seront affichés.

Afficher les boutons de swipe : permet d'afficher / matérialiser les boutons "J'aime" et "Je n'aime pas", et donc de les personnaliser via un visuel par exemple. Ces boutons sont optionnels et la possibilité de swiper de gauche à droite sur le visuel même sera toujours possible. Important : si vous désactivez ces boutons, ceci sera effectif sur les 2 vues Desktop et Mobile.

Limiter le nombre de visuels affichés : activez cette option si vous souhaitez définir un nombre spécifiques de visuels à afficher, au bout desquels la partie de l'utilisateur est arrêtée. Si cette option n'est pas activée, la partie s'arrêtera dès que toutes les images uploadées seront passées.

Pour connaitre le format des visuels à uploader et leur nombre maximal, veuillez consulter l'article des spécifications graphiques du Swiper.

Activer l'option Joker : créé un bouton personnalisable qui autorise l'utilisateur à passer un visuel sans swiper / se prononcer (= ni "J'aime", ni "Je n'aime pas"). Cette action ne donnera aucun point pour ce visuel et vous devrez définir un nombre maximum d'utilisation pour cette option. Par défaut, un visuel pondéré comme un Joker sortira vers le haut de la zone de jeu. Important : si l'option de limitation des visuels affichés a été activée, un visuel "passé" grâce à l'utilisation d'un Joker sera tout de même bien comptabilisé comme étant "affiché".

Activer l'option Super Like : créé un bouton personnalisable pour que l'utilisateur souligne son choix d'aimer un visuel donné. Cette action attribuera 2 points au visuel correspondant et vous devrez définir un nombre maximum d'utilisation pour cette option. Par défaut, un visuel pondéré comme un Super Like sortira vers la droite (comme un Like classique).

Afficher la page de résultat : Sélectionnez la page de résultat souhaitée, comme par exemple une page "Remerciements", ou bien une page du "Top 3 des visuels les plus likés" en utilisant les variables dédiées. Il n'y a pas de notion de score sur ce module, dès lors les pages de résultats "Score à atteindre" et "Gagnant/Perdant" ne sont pas disponibles.

Les points sur le Swiper n'ont donc pas une fonction de scoring pour le joueur, mais permettent de pondérer / classer les préférences des utilisateurs. En fonction des options que vous aurez activé, certaines actions de l'utilisateur vaudront plus ou moins de points lors d'une partie. Voici le détail ci-dessous.

Les points cumulés par chaque contenu de votre jeu se retrouveront ainsi dans vos informations d'export via la section CRM et dans les statistiques de votre campagne via la section Insights, et vous permettront d'analyser l'attrait de votre communauté pour ces contenus.

✍️ À noter : seuls les scores "positifs" seront montrés à l'utilisateur sur votre campagne si vous utilisez les variables contenant "numberLikes", "numberDislikes" et "numberSuperLikes". Les scores "négatifs" seront montrés comme ayant "0 point" pour ne pas dévaloriser votre contenu.

Par contre, les scores négatifs seront bien montrés comme tels dans l'export "Toutes les participations", de manière à ce que vous puissiez établir un classement de vos produits / services :

Utiliser les médias de la page : Sélectionnez le choix "Aucune" pour cette option si vous choisissez d'importer toutes les photos que les utilisateurs pourront voir et voter. Pour déclencher l'upload, cliquez sur le bouton "Importer des contenus" dans la section "Média" de votre campagne - voir la section Importer vos photos dans cet article.

Si vous souhaitez récupérer des médias venant d'une autre page de votre campagne (par exemple si vous avez demandé à vos utilisateurs d'uploader leurs propres photos), sélectionnez la page Upload Media que vous aurez installé au préalable. Vous pouvez aussi sélectionner une page Customizer, Shopping List ou tout autre module de création si votre Swiper propose de voter sur des créations faites par les utilisateurs.

Filtrer par catégorie (seulement si une page est associée dans "Utiliser les médias de la page"): affiche la liste des catégories paramétrées dans le module Upload Média - voir la page dédiée pour plus d'informations à ce sujet.

Afficher uniquement les médias acceptés (seulement si une page est associée dans "Utiliser les médias de la page"): cela signifie que lorsqu’une personne upload sa photo, il faudra que vous acceptiez qu’elle figure ou non dans la galerie, via une action de modération de votre part. Tant que vous n’aurez pas accepté ou refusé le média en question, la photo ne sera pas affichée dans la galerie. Cela demande donc une modération régulière de la part de votre équipe. Si vous n'activez pas cette option, toutes les photos uploadées par les utilisateurs apparaîtront directement dans la galerie média, et par extension, dans le Swiper.

Activer l'affichage aléatoire des contenus : si activée, cette option garantit qu'à chaque partie les contenus seront mélangés et n’apparaîtront pas suivant l'ordre dans lequel vous les avez importés. Si un utilisateur joue plusieurs fois sur la campagne, le module affichera en priorité les visuels qui n'ont pas encore été vus (si l'adresse email utilisée est la même que lors de la première partie).

⚠️ Avant de pouvoir importer vos médias, vous devez absolument publier votre campagne une première fois. À défaut, les accès au Management des utilisateurs, médias et emailings seront indisponibles.

Si vous choisissez à l'avance les photos que vos utilisateurs devront "liker", vous devrez faire leur importation de cette façon :

Vos photos sont désormais installées sur votre campagne et prêtes à être configurées.

✍️ À noter : les visuels choisis ne sont pas visibles dans la prévisualisation du moteur de jeu au sein de l'éditeur, il faudra donc vérifier que le rendu est bien celui souhaité via le test et/ou diffusion du jeu.

Voici une vue globale d'un fichier d'import des informations de visuels (avec une 1ère ligne d'explications par colonne) à télécharger depuis l'onglet "Media" :

Vous trouverez une copie de ce fichier modèle à télécharger ici :

En dehors des colonnes habituelles pour ce type de module avec import média, il existe une nouvelle colonne intitulée "Tag" qui est essentielle pour le suivi des votes. En effet, cela vous permet de catégoriser chaque élément visuel importé sous un certain tag qui remontera dans les statistiques présentes dans Insight, vous permettant ainsi d'affiner les préférences clients par tag. Ceci peut être utile pour aider à l'analyse des données par type de contenu.

Exemple : dans le cadre d'une campagne Swiper sur des produits de beauté, nous pouvons ainsi visualiser le nombre de "Like" ou "Dislike" sur les produits de la gamme Anti-âge, ceux de la gamme Hydratant, etc...

Ces données s'affichent dans les statistiques ainsi :

Il est tout à fait possible d’avoir plusieurs modules Swiper avec pour chacun des types de visuels différents sur une seule campagne. Dans ce cas là, il faudra bien diviser les catégories de visuels entre chaque Swiper.

Voici en détails la procédure à suivre (exemple avec 2 Swipers installés) :

1. Installez une page “Upload Média” à la fin de votre campagne : cette page Upload Média sert seulement à créer les différentes catégories de visuels et ne sera pas visible par vos utilisateurs mais doit cependant rester en permanence installée.

2. Activez le champ “Catégorie” sur la page “Upload Média” et cliquez dessus. Entrez le nom de toutes les catégories que vous allez utiliser dans “Liste des catégories”. Exemple : je créé une catégorie “Nature” et une catégorie Animal sur la même page Upload Média.

3. Allez sur l’onglet “Contenu” de la première page Swiper et sélectionnez la page “Upload Média”. Filtrez ensuite la catégorie voulue : vous ne devez avoir qu’une seule possibilité. Faite de même avec le second Swiper. Dans l’exemple ci-dessous, je souhaite que mon 1er Swiper montre des visuels de paysages, je vais donc utiliser les médias de la page “Upload Média” et sélectionner la catégorie “Nature”. Sur le 2ème Swiper, je souhaite montrer des visuels d’animaux, je vais donc utiliser les médias de la page “Upload Média” et sélectionner la catégorie “Animal”. Publier la campagne.

4. Importer vos visuels depuis l’onglet “Médias” de la section “Utilisateurs” et rafraîchissez la page.

5. Pour chaque visuel, sélectionnez la page “Upload Média” puis la catégorie à laquelle il correspond. Une fois cette opération effectuée, vos visuels seront donc visibles à l’utilisateur sur chaque Swiper correspondant. Attention : vous devrez rafraîchir la page après la sélection de la page “Upload Média” du premier visuel pour que les catégories soient disponibles en permanence.

Si vous souhaitez installer une campagne Swiper multilingue, il faudra porter une attention particulière aux visuels que vous allez importer. En effet, il va falloir bien séparer les visuels par langue depuis la section "Médias". Pour cela :

Type de contour : vous pouvez afficher simplement votre visuel ou choisir de l'entourer d'un contour parmi les 3 choix proposés :

Vous pourrez ensuite personnaliser ce contour avec la couleur de votre choix, ainsi que gérer sa taille et ses arrondis pour un résultat optimal. Voir la section Définir le format de mes visuels pour plus d'informations à ce sujet.

Ombre portée : permet d'ajouter une ombre sous votre visuel pour donner une idée de profondeur.

Activer les animations au like / Super Like : cette option permet de dynamiser et de souligner l'appréciation du visuel par l'utilisateur grâce à l'ajout de formes et d'animations spécifiques pour les visuels choisis. Vous trouverez un aperçu de toutes les possibilités dans la section Formes et animations des visuels "likés" de cet article.

Apparition des visuels : vous pouvez choisir comment apparaîtront les visuels au lancement de la partie de Swiper via une animation d'entrée pouvant se faire :

Animation d'un visuel swipé : une fois qu'un visuel a été swipé à gauche ou à droite, une animation personnalisée le fera disparaître. Les choix possibles pour cette disparition sont :

Pour voir la représentation visuelle de chaque apparition/animation, voir la partie Apparition et animations des visuels swipés ci-dessous.

Voici listées ci-dessous toutes les formes d'apparitions et d'animations pour vos visuels :

Disparitions des visuels :

Rebonds* : Le visuel rebondit sur le bas du fond de jeu

Badge* : Un badge vient s'installer sur un coin en haut du visuel (de couleur grise et non modifiable

Il est possible d'importer des visuels sous tout type de format (Portrait, Paysage, Carré,...), le module se chargeant ensuite d'adapter le rendu en fonction du format du contour que vous aurez personnalisé. Exemple ci-dessous avec un visuel importé au format portrait et un au format carré :

Pour créer le cadre de votre choix et définir le rendu de vos visuels :

1. Définissez la hauteur et la largeur du contour de visuel depuis l'écran de configuration en déplaçant les côtés du contour.

2. Modifiez la taille du contour pour donner la forme finale d'apparition de votre visuel. A savoir : le nombre de pixel indiqué correspond à la distance entre le bord du contour et le bord du visuel.

Exemple :

Si vous activez les animations au Like et Super Like, vous pourrez choisir de personnaliser la forme que prendra le visuel une fois liké / super-liké , ainsi qu'une courte animation de mise en évidence du choix correspondant. Voici ci-dessous toutes les possibilités qui s'offrent à vous :

Forme du visuel Liké / Super Liké

Effets du visuel Liké / Super Liké

✍️ À noter : les animations choisies ne sont pas visibles dans la preview du moteur de jeu au sein de l'éditeur, il faudra donc vérifier que le rendu est bien celui souhaité via le test et/ou diffusion du jeu.

Le Swiper vous permet d'afficher de nombreuses informations sur les contenus de votre campagne, en temps réel ou au global (ex: nombre de votes, Super Likes,...). Voici comment utiliser les possibilités de l'éditeur pour optimiser la page de résultat :

1. Afficher les visuels (les plus) appréciés par l'utilisateur

Valorisez les choix faits par l'utilisateur en lui montrant le ou les visuels qu'il a aimé grâce à l'image dynamique :

2. Afficher les noms des contenus les plus appréciés par l'utilisateur

Soulignez les contenus les plus importants pour l'utilisateur en affichant leurs noms via la variable de jeu %swiper_content_name_X% qui affiche le nom associé à un visuel sur la page de résultat en ne prenant en compte que les votes de l'utilisateur actuel. Remplacez "X" par le chiffre associé au classement du contenu, par exemple %swiper_content_name_1% pour le contenu qui a obtenu le nombre de votes le plus élevé de la part de l'utilisateur, %swiper_content_name_2% pour le contenu qui a eu le deuxième taux de votes le plus élevé de sa part, et ainsi de suite...

3. Afficher une redirection vers une URL liée à un contenu

Boostez le trafic vers votre site en insérant un bouton qui permettra la redirection vers un lien URL défini lors de l'import des informations liées à votre contenu.

Voici un exemple d'installation de ces 3 options utilisées en simultané dans l'éditeur :

Une fois votre campagne Desktop configurée, il vous faut passer en vue Mobile afin d'importer les fonds dédiés et de mettre en forme vos différentes pages pour ce support. Pour importer des fonds Mobile, suivez la même procédure que pour les fonds Desktop.

Lorsque les deux versions Desktop et Mobile sont finalisées, vous pouvez lancer la publication de la campagne. N'oubliez pas d'effectuer la vérification de la campagne.

Vous trouverez ci-dessous la description des colonnes de résultats spécifiques au module Swiper pour les deux types d'exports possibles :

Export des participants uniques :

Export des participations :

Chaque ligne représente les informations correspondantes à chaque contenu visualisé sur la campagne par l'utilisateur :

Les visuels de cet article sont utilisés avec l'aimable autorisation de Stanley Chow.