Une nouvelle façon d'engager vos visiteurs et de développer votre liste

Démarquez-vous et ravissez vos visiteurs avec un jeu interactif amusant où ils doivent attraper un cadeau qui tombe pour gagner un prix.

Un exemple de popup interactif Pluie de Cadeaux, utilisé pour développer une liste d'emails et générer des ventes avec un jeu amusant.
Cliquer pour essayer

Le saviez-vous ?

Les visuels en mouvement sont jusqu'à 80 % plus efficaces pour capter l'attention des visiteurs que les images statiques. Un jeu dynamique comme la « Pluie de Cadeaux » est un moyen puissant de vous démarquer et d'engager votre audience.

Boostez votre boutique avec des popups intelligents

Accédez à des stratégies prêtes à l'emploi et mettez en place des popups performants en quelques instants.

Quand utiliser un popup Pluie de Cadeaux ?

Fatigué de voir les mêmes roues de la fortune sur tous les sites web ? Le popup « Pluie de Cadeaux » (Falling Gifts) est une alternative fraîche et excitante. Il transforme le processus d'inscription en un jeu amusant en plusieurs étapes : d'abord, l'utilisateur s'abonne pour débloquer le jeu, puis il doit utiliser son curseur pour "attraper" une boîte cadeau qui tombe afin de révéler son prix.

Ce parcours fait d'action et de surprise rend l'expérience très mémorable et engageante.

C'est le popup parfait pour :

  • Vous démarquer de vos concurrents avec une interaction unique et moderne.
  • Développer rapidement votre liste de diffusion avec des abonnés très engagés.
  • Générer vos premières ventes grâce à une réduction amusante et méritée.
  • Créer une expérience de marque mémorable et agréable.

Comment configurer la campagne ?

Nous allons configurer un popup multi-pages qui guide l'utilisateur de l'inscription jusqu'au jeu, puis à la réclamation de son prix.

Étape 0 : Créez votre code promo dans PrestaShop

Avant de concevoir le popup, vous devez créer les codes promo qui seront les "cadeaux" à l'intérieur des boîtes. Si vous avez plusieurs prix, créez une Règle Panier pour chacun d'eux.

  1. Dans votre back-office PrestaShop, allez dans Catalogue > Réductions > Règles panier, puis cliquez sur « Ajouter une règle panier ».
  2. Créez vos codes. Par exemple : MEGA25 pour 25 % de réduction.
  3. Cliquez sur « Enregistrer ». Votre code promo est prêt.
Capture d'écran de la page 'Règles panier' de PrestaShop, montrant les codes promo créés pour les récompenses du popup Pluie de Cadeaux.

Étape 1 : Créez votre popup

Allez dans Creative Popup > Popups et créez un nouveau popup.

Le tableau de bord de Creative Popup dans PrestaShop, montrant l'écran de démarrage pour créer une nouvelle campagne de popup.

Notre bibliothèque de modèles inclut des modèles "Falling Gifts" prêts à être personnalisés.

Étape 2 : Concevez votre popup

Cette campagne utilise plusieurs pages. Vous devrez concevoir chacune d'entre elles dans l'éditeur.

  • La page de collecte d'e-mail (1er onglet) : C'est la première chose que voit votre visiteur. Ici, vous invitez l'utilisateur à s'abonner pour débloquer le jeu. Assurez-vous que le formulaire comporte un champ de saisie d'e-mail et un bouton clair "Commencer le jeu". L'inscription réussie activera automatiquement la chute des boîtes cadeaux.
  • Le jeu et les boîtes cadeaux (1er onglet, suite) : Sur cette même page initiale, vous contrôlez également les cadeaux qui tombent. Vous disposez de 9 boîtes cadeaux cachées qui commencent à tomber.
    • Lier les prix : Chaque boîte est liée à une page de récompense "Gift" spécifique. Pour modifier quelle boîte mène à quel prix, sélectionnez le calque d'une boîte et allez dans l'onglet Lien & Attributs. Dans le champ "Lien", vous verrez un numéro comme #3, #4, jusqu'à #7. Ces numéros correspondent à l'ordre des pages du popup (la page 1 est l'inscription, la page 2 est le viseur, donc les prix commencent à la page 3).
    • Contrôler les probabilités : Si vous souhaitez qu'un prix spécifique apparaisse plus souvent, attribuez simplement son lien de page (par exemple, #3) à plusieurs boîtes cadeaux !
    • Optimisation mobile : Pour éviter l'encombrement sur les petits écrans, une boîte cadeau sur deux est masquée sur mobile par défaut. Vous pouvez vérifier ou modifier cela en sélectionnant le calque d'une boîte, en allant dans l'onglet Contenu, et en regardant la section « Afficher ce calque sur les appareils suivants » (Vert signifie visible, gris signifie masqué).
  • La page du viseur (2e onglet) : Cette page contient le viseur (l'icône de ciblage) qui suit le curseur de l'utilisateur. Vous n'avez rien à faire ici, car nous avons déjà configuré la fonctionnalité ! Toutefois, si vous souhaitez remplacer l'image du viseur, assurez-vous d'utiliser une image transparente (PNG ou SVG).
  • Les pages de récompense (Cadeau 1 - Cadeau 5) : C'est l'étape cruciale. Dans l'éditeur, vous verrez plusieurs onglets "Gift". Chacun d'eux est une page de succès distincte liée aux cadeaux qui tombent. Sur chaque page, vous devez afficher le code promo correspondant que vous avez créé à l'Étape 0, accompagné d'un message de félicitations.
Icône du module Spam Protection - Invisible reCaptcha pour bloquer les robots spam
Astuce pro : gardez une liste email propre, sans spam

Ne laissez pas les robots spam polluer votre base de données avec de fausses inscriptions. Protégez votre formulaire en ajoutant une couche de sécurité avec notre module reCAPTCHA. Il s'intègre à PrestaShop et bloque les bots sans gêner les vrais clients.

Étape 3 : Définir les déclencheurs

À cette étape, nous définissons quand le popup doit s'afficher. Cliquez sur l'onglet Déclencheurs.

1. Lancement du popup

Plusieurs options sont disponibles, mais pour cette campagne, sélectionnez
« Avant de quitter la page (intention de sortie) ».
C’est un déclencheur très efficace : il présente la roue de gains comme une dernière opportunité ludique pour inciter le visiteur à rester et à acheter grâce à sa réduction.
Une temporisation (après 7 à 10 secondes) constitue également une excellente alternative.

L'onglet 'Déclencheurs' dans les paramètres du popup, mettant en évidence l'option 'Avant de quitter la page' pour activer le déclencheur d'intention de sortie.

2. Contrôle de répétition

Pour ce type d’offre exclusive, il est essentiel qu’un visiteur ne voie le popup qu’une seule fois.
Pour cela, commencez par activer le paramètre « Empêcher la réouverture », qui évite que le popup ne s’affiche à nouveau.
Nous combinerons ce réglage avec une règle dans l’onglet « Ciblage » afin de garantir que le popup ne s’affiche qu’une seule fois par visiteur lors de sa première visite.

Configuration du contrôle de répétition empêchant la réouverture du popup, avec l’option « Empêcher la réouverture » activée.

Étape 4 : Définir le ciblage

Maintenant que le moment d'affichage est défini, précisons à qui et où le popup sera affiché. Ouvrez l'onglet Ciblage.

  • Pages ciblées : C'est un excellent outil d'engagement pour vos pages les plus visitées. Nous recommandons de l'afficher sur votre page d’accueil et vos pages catégories.
  • Audience ciblée : C'est un outil d'acquisition. Configurez l'audience pour afficher ce popup uniquement aux Premiers visiteurs et assurez-vous d'utiliser le filtre sur « Utilisateurs non abonnés ».
Configuration du ciblage d'un popup Pluie de Cadeaux sur PrestaShop : sélection de la page d'accueil et des catégories, et filtrage pour les nouveaux visiteurs non abonnés.

Étape 5 : Publier votre campagne

Une fois le design, les déclencheurs et le ciblage validés, il est temps de passer en ligne.

  1. Repérez l'interrupteur "Publié" en haut de l'éditeur.
  2. Activez-le (il devient vert).
  3. Cliquez sur "Enregistrer les modifications" pour appliquer toutes les modifications.
Barre principale des paramètres dans l’éditeur Creative Popup, avec l’interrupteur « Publié » activé pour lancer la campagne.

Et voilà ! Votre campagne est maintenant active et prête à booster les conversions de votre boutique.

Vous n'avez pas encore le module ?

Mettez cette stratégie en place dès aujourd'hui sur votre boutique PrestaShop.

Choisissez un design et publiez en quelques clics

Pourquoi partir de zéro ? Notre bibliothèque de modèles propose des designs professionnels, optimisés pour la conversion et prêts à l'emploi pour votre boutique PrestaShop.

Mystery Gift
Mystery Gift

by WebshopWorks

NEW
Organic scratch card
Organic scratch card

by WebshopWorks

NEW
Brutalist scratch card
Brutalist scratch card

by WebshopWorks

NEW
Scratch card
Scratch card

by WebshopWorks

NEW
Love is in the air
Love is in the air

by WebshopWorks

NEW
Simple falling gifts
Simple falling gifts

by WebshopWorks

NEW
Falling gifts
Falling gifts

by WebshopWorks

NEW
Puzzle discount
Puzzle discount

by WebshopWorks

NEW
Elegant spin to win
Elegant spin to win

by WebshopWorks

NEW
Minty spin
Minty spin

by WebshopWorks

NEW
Spin and win sidebar
Spin and win sidebar

by WebshopWorks

NEW
Spin and win
Spin and win

by WebshopWorks

NEW
Scratch to win
Scratch to win

by WebshopWorks

Halloween gifts
Halloween gifts

by WebshopWorks

Découvrez d'autres façons d'engager vos visiteurs