Didacticiel - Shopping List 🛍️
Simon Dubreucq avatar
Écrit par Simon Dubreucq
Mis à jour il y a plus d’une semaine

Description

La mécanique de la Shopping List permet d’inviter vos utilisateurs à sélectionner des éléments dans une liste donnée. Les applications sont nombreuses : dresser une liste d'achat idéale à partir de vos produits, faire une liste d'activités à démarrer à la rentrée, créer une recette à partir d'ingrédients etc.

Présentez votre sélection de différentes catégories de produits et uploadez les photos des articles correspondants. Invitez les participants à glisser leurs produits favoris dans leur liste. Ce module est idéal pour vos objectifs de qualification et pour obtenir des informations cruciales sur vos produits/services/collections. De plus, grâce au caping de prix proposé, ce module est très efficace pour booster la conversion.

Sommaire

Design du jeu

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 le graphisme de vos jeux. Pour créer les éléments spécifiques à la Shopping List, veuillez consulter cet article : Spécifications graphiques du module Shopping List

Installation des pages

Tout d'abord, cliquez sur Nouvelle campagne puis sélectionnez la mécanique Shopping List. Vous vous retrouvez ensuite dans l'éditeur de la campagne intégrant les 5 étapes de cette mécanique : Formulaire, Galerie Médias, Shopping List, Page Résultat et la page de fin de campagne. Si vous le souhaitez, vous pouvez ajouter une page d'accueil et/ou une page de teasing.

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

Installation des fonds d'écrans

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.

Paramètres du module

  • 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. Idéalement, nous recommandons un paramétrage sur 1 participation/jour afin d'inciter l'utilisateur à revenir sur votre campagne régulièrement.

  • Activer la limite de prix : activez cette option si vous souhaitez que l'utilisateur ait un montant limite pour sa Shopping List et choisissez le montant. Si vous ne l'activez pas, il n'y aura pas de restriction au nombre d'éléments à ajouter sur l'image de la Shopping List.

  • Affichage aléatoire des articles : vous permet de faire apparaître de façon aléatoire les éléments contenus dans les différentes catégories. Ainsi, tous les produits peuvent être mis en avant de manière équitable.

  • Limiter l'utilisation à un item par catégorie : peut être utile si vous souhaitez par exemple proposer aux utilisateurs de gagner une tenue complète en ne choisissant qu'un élément parmi tous ceux proposés dans les catégories (1 haut, 1 bas, 1 paires de chaussures, 1 accessoires).

  • Texte d'incitation à l'utilisation des items : ce texte viendra s'afficher avant toute première action de l'utilisateur sur la Shopping List et aura pour but de lui indiquer comment bien commencer sur le module.

  • Activer l'upload du fond : Vous pouvez laisser à l'utilisateur la possibilité d'importer le fond de son choix depuis les fichiers de son ordinateur / tablette ou téléphone. Utilisez le texte d'incitation pour lui expliquer la démarche à suivre, comme dans l'exemple ci-dessous : N'oubliez pas que vous pouvez aussi proposer une sélection de fonds à l'utilisateur, comme expliqué dans la partie "Personnalisation du module" dans cet article.

Contenu du module

Cliquez sur "Afficher le menu avancé" pour accéder à l'édition des catégories et des produits qui seront proposés à l'utilisateur :

  • Liste des catégories : Importez un visuel pour chaque catégorie et nommez-la. Toutes les catégories seront affichées sur la côté gauche de l'image à éditer. Cliquez sur "OK" lorsqu'une catégorie est créée pour passer à la suivante.

  • Liste des produits : importez un visuel pour chaque produit et choisissez ensuite un nom : nous recommandons de privilégier les noms simples pour faciliter l'identification dans vos exports utilisateurs. Ensuite, vous pouvez insérer une brève description du produit (optionnel) puis vous devrez fixer son prix et finalement indiquer dans quelle catégorie il devra être rangé.

Cliquez sur "OK" lorsqu'un produit est créé pour passer au suivant.

✍️ À savoir : Lorsque l'utilisateur choisit ses éléments, il peut gérer la mise en place de ces derniers sur le fond de la Shopping List en changeant leur taille, leur position et/ou leur orientation afin de créer un visuel personnalisé.

Personnalisation du module

  • Visuel du fond du jeu : importez le visuel qui se placera en fond et sur lequel s'ajouteront les différents éléments qui composent votre Shopping List. Vous pouvez ajouter jusqu'à 5 fonds pour laisser plus de choix de personnalisation à l'utilisateur.

  • Version de l'affichage : vous pouvez choisir entre deux types de visualisation différentes pour les catégories, qui s'afficheront sur la gauche de l'écran : Position des boutons : vous devez choisir une position pour les boutons de validation et d'annulation des actions utilisateur entre "haut" et "bas" de l'écran, ainsi que entre "gauche", "milieu" et "droite".

  • Largeur du jeu sur desktop : vous pouvez choisir entre avoir une largeur de 810 px standard ou bien afficher votre écran de jeu en 1200 px, ce qui laissera de la place sur la droite pour afficher des informations par exemple.

  • Nombre d’éléments sur mobile : cette option va jouer sur le nombre de produits qui seront affichés sur l'écran mobile '(voir résumé ci-dessous).

Vous pouvez modifier la couleur des différents éléments suivants pour obtenir un affichage optimal : fond des menus, loaders (qui apparaissent au chargement des catégories/produits si la connexion internet est lente), nom des catégories, boutons "valider" et "annuler", texte d'introduction incitatif et texte de description. Vous pouvez aussi personnaliser la barre de chargement en cliquant sur “Option avancée”.

Version Mobile en fonction du nombre d'éléments :

Compatibilité avec le module Galerie

L'une des options possibles du module Shopping List est la mise en valeur de la création des listes utilisateurs à des fins de recrutement et de visibilité de votre campagne sur les réseaux sociaux et autres liens de partage. En effet, avec la configuration telle qu'elle est présentée dans la template (Formulaire > Galerie > Shopping List > Remerciements), chaque visuel de planche créée sera ajouté dans la Galerie automatiquement.

Vos utilisateurs peuvent donc par exemple partager le lien de la campagne à leurs amis/proches afin de les inciter à voter pour leur création et potentiellement gagner une récompense si celle-ci est désignée parmi les meilleurs choix de sélections.

Pour en savoir plus sur l'installation d'un concours photo, veuillez vous référer à l'article dédié.

Installation de la partie Mobile

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.

Publication et test de la campagne

Pour prévisualiser et tester votre campagne, consultez cet article. 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.

Autres options disponibles

Exemples de campagnes Shopping List

Découvrez des exemples de scénarisation du module ci-dessous et dans notre espace "Inspiration"

Legrand médiatise sa gamme d'interrupteurs haute gamme Céliane en proposant aux utilisateurs de composer leur environnement idéal en drag add droppant & scénarisant leurs produits préférés dans un unviers maison.

Bonduelle médiatise ses gammes de fruits & légumes en conserve et détourne le module à la manière d'un bar à salades où l'utilisateur est invité à composer sa recette avec des ingrédients Bonduelle, en drag and droppant ces derniers sur un visuel de base de salade.

Cyrillus incite sa communauté à l'achat autour de sa collection d'été : les utilisateurs sont invités à composer leur valise avec des pièces Cyrillus, sans dépasser un montant de 300€. La marque propose un tirage au sort à l'issue du jeu, pour sélectionner quatre utilisateurs qui remporteront leur valise.

Toupargel médiatise ses gammes de desserts glacés à l'occasion de l'été : les utilisateurs sont invités à créer leur liste d'envies gourmandes pour la période estivale et tenter de la remporter.


Besoin d'aide ?

Obtenez de l'aide auprès du support en ligne en cliquant sur la bulle 💬

Avez-vous trouvé la réponse à votre question ?