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 le module PrestaShop de création de popups le plus complet du marché. Grâce à son éditeur visuel drag & drop propulsé par GrapesJS, ses 5 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, afficher un code promo lors d'une vente flash ou mettre en place un bandeau cookie consent, Creative Popup vous donne tous les outils pour y parvenir en quelques minutes.

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 10 blocks spécialisés conçus pour les popups e-commerce :

• Heading — Titre principal avec texte éditable et styles personnalisables
• Paragraph — Texte descriptif pour vos offres et messages
• Image — Visuel produit, illustration ou logo avec upload intégré
• CTA Button — Bouton d'appel à l'action avec lien, couleur et texte configurables
• Newsletter Form — Formulaire d'inscription email connecté à PrestaShop
• Separator — Ligne de séparation visuelle
• Countdown — Compte à rebours animé pour créer de l'urgence
• Promo Code — Affichage d'un code promo avec bouton copier en un clic
• Social Follow — Icônes de réseaux sociaux (Facebook, Instagram, Twitter, etc.)
• Close Button — Bouton de fermeture repositionnable et personnalisable

Le panneau Layers affiche l'arborescence de tous les éléments de votre popup pour une navigation facile. Le Style Manager vous donne un contrôle total sur la typographie, les couleurs, les arrière-plans, les bordures, les espacements et les ombres. Le panneau Traits vous permet de configurer les propriétés fonctionnelles de chaque élément (URL des boutons, texte des liens, etc.).

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

5 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 5 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. 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 millisecondes 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. 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.

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. Vous pouvez combiner plusieurs règles de ciblage (logique AND) :

• Type de page — Affichez votre popup uniquement sur la page d'accueil, les pages produit, les pages catégorie, le panier, le tunnel de commande ou les pages CMS
• Catégorie — Ciblez les visiteurs qui naviguent dans une catégorie spécifique de votre catalogue
• Produit — Affichez une popup uniquement sur la fiche d'un ou plusieurs produits précis
• Groupe client — Ciblez les visiteurs non connectés, les invités, les clients connectés ou vos groupes personnalisés
• Appareil — Affichez des popups différentes sur desktop, tablette et mobile
• Nouveau visiteur — Ciblez uniquement les personnes qui visitent votre site pour la première fois
• Visiteur récurrent — Ciblez les visiteurs qui sont déjà venus sur votre site
• URL contient — Déclenchez la popup quand l'URL de la page contient un mot-clé spécifique

Le filtrage se fait côté serveur (PHP) : seules les popups qui correspondent au contexte du visiteur sont envoyées au navigateur. Aucune popup inutile n'est chargée, ce qui garantit zéro impact sur les performances de votre site.

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. 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 : toujours, une fois par session navigateur, une seule fois (cookie persistant 365 jours), ou tous les X jours. Vos visiteurs ne se sentiront jamais spammés.
• Système de priorité — Quand plusieurs popups correspondent au même contexte, celle avec la priorité la plus élevée s'affiche en premier.

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 le cookie consent et les informations légales
• Slide-in gauche / droite — 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 : fadeIn, slideInUp, slideInDown, slideInLeft, slideInRight, zoomIn et bounceIn. Les animations sont en CSS pur, sans librairie externe, pour des performances optimales.

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. Tous les visiteurs voient le même temps restant en temps réel. Parfait pour les ventes flash avec une échéance commune.

~30 templates prédéfinis prêts à l'emploi

Ne partez pas de zéro. Creative Popup inclut environ 30 templates professionnels que vous pouvez charger en un clic et personnaliser à votre image dans l'éditeur visuel.

Templates 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, Nouvel An, Carnaval, Singles Day, Rentrée scolaire.

Templates utilitaires

Inscription newsletter, Code promo, Récupération panier (exit intent), Cookie consent, 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. Le bouton "Copy from" vous permet de copier le contenu d'une langue existante comme point de départ pour la traduction.

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 intégrées

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

• Vues — Nombre de fois que la popup a été affichée
• Fermetures — Nombre de fois que la popup a été fermée
• Clics CTA — Nombre de clics sur les boutons d'action à l'intérieur de la popup

Les statistiques sont agrégées par jour et le compteur de vues est visible directement dans la liste du Popup Manager. L'envoi des stats utilise navigator.sendBeacon() pour un impact zéro sur l'expérience visiteur.

Performances optimales — Zéro impact quand aucune popup n'est active

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

• À chaque page, le moteur PHP évalue le contexte du visiteur (page, appareil, groupe client, langue, boutique)
• Si aucune popup ne correspond au contexte → aucun JavaScript, aucun CSS n'est chargé. Zéro impact sur les performances.
• Si une popup correspond → seuls le HTML/CSS de la popup et un script JS ultra-léger (~15 Ko) sont injectés
• GrapesJS n'est jamais chargé côté front — l'éditeur ne fonctionne que dans le back-office

Architecture technique moderne

• Contrôleurs 100% Symfony — Interface native PrestaShop, pas de code legacy
• Compatible PrestaShop 8.x et 9.x nativement (Symfony 4.4 et 6.4)
• Alpine.js pour la réactivité des popups côté front
• Vanilla JavaScript pour le moteur de triggers (aucune dépendance)
• Aucun override de fichiers core PrestaShop
• Compatible PHP 8.1, 8.2, 8.3 et 8.4
• Compatible MySQL 5.7+, MySQL 8.0 et MariaDB 10.3+
• Compatible avec les thèmes Classic, Hummingbird et thèmes custom

Cas d'usage concrets

Récupérer les paniers abandonnés

Utilisez le template "Exit Intent Cart" avec le trigger Exit Intent, ciblé sur la page panier et les appareils desktop. Proposez une réduction ou la livraison gratuite aux visiteurs qui tentent de quitter leur panier.

Collecter des emails newsletter

Utilisez le template "Newsletter Signup" avec le trigger Timer (5 secondes) ou Scroll (50%), ciblé sur les nouveaux visiteurs. Fréquence : une seule fois pour ne pas être intrusif.

Bandeau cookie consent RGPD

Utilisez le template "Cookie Consent" avec le trigger Timer (500ms), en position barre basse. Fréquence : une seule fois. Aucune règle de ciblage pour l'afficher sur toutes les pages.

Vente flash Black Friday

Utilisez le template "Black Friday" avec un bloc Countdown pointant vers la date de fin de l'opération. Planification : du 25 au 30 novembre. Fréquence : une fois par session. La popup se programme et se désactive automatiquement.

Popup différente selon l'appareil

Créez 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 le Marketplace PrestaShop Addons, téléversez-le dans votre back-office via Modules > Gestionnaire de modules > Téléverser un module, 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.

Support technique réactif

Besoin d'aide ? Notre équipe de support répond sous 24 à 48 heures ouvrées via la page du module sur PrestaShop Addons. Nous vous accompagnons dans la configuration du module, la résolution de problèmes techniques et l'optimisation de vos campagnes popup.