Creative Pop-up drag & drop, ciblage intelligent - Module PrestaShop

Créez des popups qui convertissent avec un éditeur visuel drag & drop

Vous perdez des visiteurs chaque jour sans leur montrer le bon message au bon moment. Creative Popup est un module PrestaShop complet de création de popups. Grâce à son éditeur visuel drag & drop propulsé par GrapesJS, ses 8 déclencheurs intelligents et son ciblage d'audience avancé, vous créez des popups percutantes qui captent l'attention de vos visiteurs et les transforment en clients — sans écrire une seule ligne de code.

Que vous souhaitiez récupérer des paniers abandonnés, collecter des emails pour votre newsletter, offrir un code promo unique lors d'une vente flash ou afficher un bandeau d'information sur la livraison et les retours, Creative Popup vous donne tous les outils pour y parvenir en quelques minutes — et vous montre ensuite les inscriptions, les commandes et le chiffre d'affaires générés. Le guide complet de Creative Popup détaille chaque réglage.

Un véritable éditeur visuel, pas un simple éditeur de texte

Oubliez les éditeurs WYSIWYG basiques comme TinyMCE. Creative Popup intègre un éditeur visuel GrapesJS complet directement dans votre back-office PrestaShop. Vous disposez d'un vrai canvas de création où vous pouvez glisser-déposer des éléments, les positionner librement, et personnaliser chaque détail visuel.

L'éditeur comprend des blocs spécialisés conçus pour les popups e-commerce :

• Titre — Titre principal avec texte éditable et styles personnalisables
• Paragraphe — Texte descriptif pour vos offres et messages
• Image — Visuel produit, illustration ou logo avec upload intégré (JPEG, PNG, GIF, WebP)
• Bouton — Bouton d'appel à l'action avec lien, couleur et texte configurables
• Inscription newsletter — Formulaire d'inscription email connecté à PrestaShop, avec case de consentement si vous utilisez psgdpr
• Code promo — Code fixe ou unique avec bouton copier en un clic et date de validité
• Compte à rebours — Compte à rebours animé pour créer de l'urgence
• Lien « Non merci » — Lien discret pour fermer la popup
• Séparateur — Ligne de séparation visuelle
• Éléments de formulaire — Champs et boutons pour vos formulaires

Le panneau Calques affiche l'arborescence de tous les éléments de votre popup pour une navigation facile. Le panneau Style vous donne un contrôle total sur la typographie, les couleurs, les arrière-plans, les bordures, les espacements et les ombres. Le panneau Réglages vous permet de configurer les propriétés fonctionnelles de chaque élément (URL des boutons, texte des liens, etc.). Chaque langue possède son propre design : choisir un modèle remplit toutes les langues, et un bouton copie un design vers les langues encore vides.

Vous pouvez aussi prévisualiser votre popup en temps réel sur 3 tailles d'écran (desktop, tablette, mobile) grâce au device switcher intégré.

8 déclencheurs intelligents pour afficher vos popups au bon moment

Le moment où vous affichez votre popup est aussi important que son contenu. Creative Popup propose 8 types de déclencheurs pour maximiser l'impact de vos messages :

Exit intent — Capturez les visiteurs qui partent

Le déclencheur exit intent détecte le mouvement de la souris de votre visiteur vers le haut de la fenêtre, signe qu'il s'apprête à quitter votre site ; sur mobile, il réagit à une remontée rapide de la page. C'est le moment idéal pour lui proposer une offre spéciale, un code de réduction ou lui demander son email. Ce trigger est particulièrement efficace pour la récupération de paniers abandonnés.

Timer — Choisissez le moment précis

Affichez votre popup après un délai précis en secondes depuis le chargement de la page. Immédiatement au chargement, après 3 secondes pour les offres urgentes, ou après 10 secondes pour laisser le visiteur découvrir votre contenu d'abord.

Inactivité — Réactivez les visiteurs hésitants

Le trigger d'inactivité surveille le comportement de vos visiteurs. Quand ils cessent toute activité (pas de mouvement de souris, pas de scroll, pas de clic), cela signifie souvent qu'ils hésitent ou sont sur le point d'abandonner. Une popup avec une offre spéciale peut les réactiver et les convertir.

Scroll — Récompensez l'engagement

Déclenchez votre popup quand le visiteur a scrollé un certain pourcentage de la page ou un nombre de pixels défini. Un visiteur qui a lu 50% de votre page a montré de l'intérêt — c'est le moment parfait pour lui proposer de s'inscrire à votre newsletter ou de découvrir une offre.

Clic sur élément — Popups à la demande

Déclenchez une popup quand le visiteur clique sur un élément précis de votre page : un bouton, un lien, une bannière — à chaque clic. Vous définissez le déclencheur via un sélecteur CSS (classe, ID ou tout attribut HTML). Idéal pour les popups informatives ou les formulaires contextuels.

Ajout au panier — Profitez du moment d'achat

Affichez une popup juste après l'ajout d'un produit au panier : une offre complémentaire, le montant restant pour la livraison offerte ou un code pour finaliser la commande.

Pages vues et temps passé — Parlez aux visiteurs engagés

Attendez qu'un visiteur ait consulté plusieurs pages ou passé un certain temps sur la boutique avant de lui proposer une offre : le message arrive quand l'intérêt est réel.

Ciblage d'audience avancé — Le bon message au bon visiteur

Une popup efficace est une popup pertinente. Creative Popup intègre un système de ciblage puissant pour servir le bon message au bon segment de votre audience. Chaque règle peut inclure ou exclure (« est » / « n'est pas ») et une phrase de résumé indique à tout moment qui verra la popup. Vous pouvez combiner :

• Type de page — Accueil, pages produit, pages catégorie, panier, tunnel de commande, recherche, marques, compte client ou pages CMS
• Catégorie — Les visiteurs qui naviguent dans une catégorie, avec ou sans ses sous-catégories
• Produit — La fiche d'un ou plusieurs produits précis, choisis par recherche
• Groupe client et connexion — Visiteurs, invités, clients connectés ou vos groupes personnalisés
• Appareil — Ordinateur, tablette ou mobile
• Nouveau ou ancien visiteur — La première visite ou les visiteurs qui reviennent
• Adresse de la page — Contient, commence par ou est exactement un texte
• Provenance et campagne — Moteur de recherche, réseau social, site précis ou paramètre UTM
• Pages vues — Après un nombre de pages pendant la visite
• Panier — Montant, panier vide ou rempli, produit ou catégorie présent dans le panier

Le serveur sélectionne les popups selon la page, la catégorie, le produit, la langue et la boutique ; le navigateur vérifie ensuite l'appareil, la visite et la fréquence. Seules les popups éligibles sont chargées et, si aucune ne correspond, aucun fichier du module n'est chargé. Un mode compatible avec les caches de pages garde les règles client et panier justes pour chaque visiteur.

Planification et fréquence d'affichage

Contrôlez précisément quand et à quelle fréquence vos popups apparaissent :

• Planification par dates — Définissez une date et heure de début et de fin pour vos campagnes, à l'heure de la boutique. Créez votre popup Black Friday en avance, planifiez-la du 25 au 30 novembre, et elle s'activera et se désactivera automatiquement.
• Fréquence d'affichage — Choisissez parmi 4 modes : à chaque page vue, une fois par visite, une seule fois, ou tous les X jours. Une popup peut aussi disparaître après l'inscription ou la copie du code. Vos visiteurs ne se sentiront jamais spammés.
• Système de priorité — Quand plusieurs popups correspondent au même contexte, une seule s'affiche à la fois, celle avec la priorité la plus élevée en premier.
• Limites globales — Nombre de popups par page, par visite et délai minimal entre deux popups.

6 positions d'affichage et 7 animations

Adaptez la position de votre popup à son objectif :

• Centre (modal) — La position classique pour les offres promotionnelles, formulaires newsletter et messages importants
• Barre haute (top bar) — Bandeau fixe en haut de l'écran, parfait pour les annonces, codes promo et informations de livraison
• Barre basse (bottom bar) — Bandeau fixe en bas de l'écran, idéal pour les informations de livraison, de retour ou de paiement
• Coin bas gauche / droit — Popup glissante pour les messages discrets et les promotions secondaires
• Plein écran (fullscreen) — Pour les messages majeurs : écrans de bienvenue, ventes flash, événements importants

Chaque popup bénéficie d'une animation d'entrée et de sortie parmi 7 effets : fondu, zoom, rebond et glissements vers le haut, le bas, la gauche ou la droite. Les animations sont en CSS pur, sans librairie externe, et sont réduites pour les visiteurs qui l'ont demandé dans leur système.

Sur téléphone, choisissez pour chaque popup un affichage identique, un panneau glissant depuis le bas, une barre ou aucun affichage. Le mode compatible Google évite d'afficher une popup centrale ou plein écran sur la première page d'un visiteur mobile venant d'un moteur de recherche. Chaque popup est accessible : focus clavier, fermeture avec la touche Échap et annonce aux lecteurs d'écran.

Compte à rebours intégré pour créer l'urgence

Ajoutez un bloc Countdown dans votre popup pour créer un sentiment d'urgence qui pousse à l'action. Deux modes sont disponibles :

• Durée — Compte à rebours basé sur un nombre d'heures, minutes et secondes. Chaque visiteur voit le même temps restant à partir du moment où la popup s'affiche. Idéal pour les offres type "Valable pendant 2 heures".
• Date de fin fixe — Compte à rebours vers une date et heure précises, à l'heure de la boutique. Tous les visiteurs voient le même temps restant en temps réel, et la popup disparaît d'elle-même une fois l'échéance passée. Parfait pour les ventes flash avec une échéance commune.

Codes promo uniques et suivi des commandes

Placez le bloc Code promo dans votre popup et choisissez le même code pour tous (une règle panier existante) ou un code unique généré pour chaque visiteur :

• Remise au choix — Pourcentage, montant ou livraison offerte, avec minimum de commande, durée de validité et préfixe
• Révélation au bon moment — Dès l'ouverture, au clic sur « Obtenir mon code » ou après l'inscription newsletter
• Protection contre les abus — Code à usage unique, un seul code par visiteur ou adresse email, plafond quotidien et limitation des demandes
• Nettoyage automatique — Les codes expirés et non utilisés sont supprimés

Chaque commande passée avec un code de la popup lui est attribuée : vous voyez le nombre de commandes et le chiffre d'affaires générés par chaque campagne.

Panier et livraison offerte

Réservez une popup aux paniers d'un certain montant, vides ou contenant un produit précis, et affichez le montant restant avant la livraison offerte dans la devise du visiteur, mis à jour à chaque ajout au panier.

22 modèles prédéfinis traduits en 5 langues

Ne partez pas de zéro. Creative Popup inclut 22 modèles professionnels que vous pouvez charger en un clic et personnaliser à votre image dans l'éditeur visuel. Leurs textes sont remplis en français, anglais, espagnol, italien et polonais dans toutes les langues de votre boutique.

Modèles saisonniers

Black Friday, Cyber Monday, Noël, Halloween, Saint-Valentin, Pâques, Fête des mères, Fête des pères, Soldes d'été, Soldes d'hiver, Soldes du Nouvel An, Carnaval, Singles' Day, Rentrée scolaire.

Modèles utilitaires

Inscription newsletter, Révélation de code promo, Relance panier (exit intent), Bandeau d'information, Bienvenue plein écran, Réseaux sociaux, Bannière application mobile, Vente flash avec compte à rebours.

Chaque template est entièrement personnalisable : modifiez les textes, les couleurs, les images, ajoutez ou supprimez des éléments. Le template n'est qu'un point de départ pour votre créativité.

Support multilingue complet

Créez un contenu différent pour chaque langue de votre boutique. Un sélecteur de langue en haut de l'éditeur vous permet de basculer entre les langues, et des pastilles indiquent celles qui sont déjà conçues. Le bouton « Copier ce design vers les langues vides » sert de point de départ pour la traduction ; un visiteur dont la langue n'est pas conçue voit la langue par défaut plutôt qu'une popup vide.

Les paramètres de configuration (trigger, ciblage, position, planification) sont communs à toutes les langues. Seul le contenu visuel change par langue.

Compatible multistore

Chaque popup peut être associée à une ou plusieurs boutiques de votre réseau multistore PrestaShop. Le filtrage se fait automatiquement par boutique côté front. Gérez des campagnes popup différentes pour chacune de vos boutiques depuis le même back-office.

Statistiques de conversion intégrées

Suivez les performances de vos popups avec les statistiques intégrées :

• Vues, fermetures et clics — L'audience de chaque popup et l'intérêt pour ses boutons
• Inscriptions newsletter — Les emails collectés par la popup
• Codes copiés et codes générés — L'usage de vos offres
• Commandes et chiffre d'affaires — Les ventes passées avec un code de la popup
• Clics sur l'onglet de rappel — Les visiteurs qui reviennent vers l'offre

Le tableau de bord affiche ces chiffres sur la période choisie, comparés à la période précédente, avec un graphique par jour, un tableau par popup et un export CSV. Les visites de vos employés et des robots des moteurs de recherche ne sont pas comptées. Si vous utilisez Google Tag Manager, les événements des popups peuvent aussi être envoyés à GA4 via le dataLayer.

Aperçu, mode test et onglet de rappel

Le bouton Aperçu sur la boutique affiche immédiatement votre popup sur la vraie boutique, et le statut Test la rend visible uniquement dans votre navigateur pendant 12 heures : vous vérifiez une campagne avant vos clients. Après une fermeture sans conversion, un onglet de rappel (par exemple « -10 % pour vous ») reste sur le côté de l'écran et rouvre la popup en un clic.

Performances optimales — Aucun fichier chargé quand aucune popup n'est prévue

Contrairement aux autres modules popup qui chargent leurs scripts sur toutes les pages, Creative Popup adopte une approche intelligente :

• À chaque page, le serveur sélectionne les popups prévues pour cette page, cette langue et cette boutique, puis le navigateur vérifie l'appareil, la visite et la fréquence
• Si aucune popup ne correspond → aucun JavaScript, aucun CSS du module n'est chargé
• Si une popup correspond → seuls son contenu et un script léger d'environ 10 Ko compressé sont chargés
• Les popups candidates sont mises en cache par boutique et par langue
• L'éditeur n'est jamais chargé côté boutique — il ne fonctionne que dans le back-office

Architecture technique moderne

• Contrôleurs 100% Symfony — Interface native PrestaShop, droits des employés vérifiés sur chaque action
• Compatible PrestaShop 1.7.8, 8.2+ et 9.1+ (8.0, 8.1 et 9.0 non pris en charge) avec une seule version du module
• Vanilla JavaScript pour le moteur de popups (aucune dépendance)
• Aucun override de fichiers core PrestaShop
• PHP 7.4 minimum
• Compatible MySQL 5.7+, MySQL 8.0 et MariaDB 10.3+
• Compatible avec les thèmes Classic, Hummingbird et les thèmes qui en dérivent

Cas d'usage concrets

Récupérer les paniers abandonnés

Utilisez le modèle "Relance panier" avec le déclencheur Exit Intent, ciblé sur la page panier et les paniers remplis. Proposez une réduction ou la livraison gratuite aux visiteurs qui tentent de quitter leur panier.

Collecter des emails newsletter

Utilisez le modèle "Inscription newsletter" avec le déclencheur Délai (5 secondes) ou Scroll (50%), ciblé sur les nouveaux visiteurs, et révélez un code promo unique après l'inscription. Fréquence : une seule fois pour ne pas être intrusif. Les statistiques montrent ensuite les commandes passées avec ces codes.

Bandeau d'information livraison et retours

Utilisez le modèle "Bandeau d'information" en position barre basse pour rappeler la livraison offerte, les retours ou les moyens de paiement. Fréquence : une fois tous les 7 jours. Aucune règle de ciblage pour l'afficher sur toutes les pages.

Vente flash Black Friday

Utilisez le modèle "Black Friday" avec un bloc Compte à rebours pointant vers la date de fin de l'opération. Planification : du 25 au 30 novembre. Fréquence : une fois par visite. La popup se programme, se désactive et disparaît automatiquement à l'échéance.

Popup différente selon l'appareil

Choisissez l'affichage sur téléphone de chaque popup : identique, panneau glissant depuis le bas, barre en bas ou masquée. Vous pouvez aussi créer une popup "Desktop" en position centre et une popup "Mobile" en position barre basse, chacune ciblée sur son appareil. Chaque visiteur voit la version optimisée pour son écran.

Promotion ciblée par catégorie

Créez une popup offrant -15% sur les chaussures, ciblée uniquement sur la catégorie Chaussures. Trigger Scroll (30%). Seuls les visiteurs intéressés par cette catégorie voient l'offre.

Installation rapide et simple

Téléchargez le module depuis votre espace client Wepresta, téléversez-le dans votre back-office via Modules > Gestionnaire de modules > Téléverser un module, activez votre licence et commencez à créer vos popups immédiatement. L'installation crée automatiquement les tables en base de données et enregistre les hooks nécessaires. Aucune configuration technique n'est requise. Depuis la version 1.0, la mise à jour conserve vos popups et leurs réglages.

Support technique réactif

Besoin d'aide ? Notre équipe de support répond sous 24 à 48 heures ouvrées depuis votre espace client Wepresta. Nous vous accompagnons dans la configuration du module, la résolution de problèmes techniques et l'optimisation de vos campagnes popup. Le guide complet répond aussi aux questions fréquentes.