Creative Popup

Vous voulez montrer le bon message au bon visiteur sans ralentir votre boutique : une offre de bienvenue, un code promo au moment où un client hésite, une information de livraison ou une vente flash ? Creative Popup vous permet de concevoir ces popups dans un éditeur visuel, de choisir précisément quand et à qui elles s'affichent, puis de mesurer les inscriptions, les codes utilisés et les commandes qu'elles génèrent.

Voir Creative Popup et les offres de licence

Choisissez parmi 22 modèles : leurs textes sont remplis dans toutes les langues de votre boutique.

Présentation

Creative Popup est un module de popups pour PrestaShop, conçu pour créer des campagnes marketing efficaces sans écrire une seule ligne de code. Au lieu d'un simple éditeur de texte, il intègre un véritable constructeur visuel drag & drop (GrapesJS, embarqué dans le module) : vous composez votre popup, vous ajustez chaque style (typographie, couleurs, espacements, fonds) et vous contrôlez précisément quand, où et à qui l'afficher. L'objectif est simple : augmenter les inscriptions newsletter, améliorer la conversion, réduire l'abandon de panier et mettre en avant vos promotions avec des popups rapides, responsives et bien ciblées.

Points forts :

• Éditeur drag & drop intégré au back-office, avec un design par langue
• 22 modèles traduits en français, anglais, espagnol, italien et polonais
• 8 déclencheurs : délai, intention de sortie, défilement, inactivité, clic, ajout au panier, pages vues et temps passé sur le site
• Ciblage par règles « est / n'est pas » : pages, catégories, produits, clients, appareils, provenance, campagnes et contenu du panier
• Codes promo uniques générés pour chaque visiteur, avec attribution des commandes
• Statistiques de conversion : inscriptions, codes copiés, commandes et chiffre d'affaires
• Aperçu sur la boutique et statut Test avant publication
• Aucun fichier chargé sur une page où aucune popup n'est prévue

Pourquoi ce module ?

Les modules popup classiques sont souvent limités : mises en page figées, peu de déclencheurs, peu de ciblage, scripts chargés partout et aucune mesure de ce que la popup rapporte vraiment. Creative Popup répond à ces problèmes : un éditeur visuel complet pour créer n'importe quel design, un moteur de règles précis pour diffuser la bonne popup au bon visiteur, des codes promo et des statistiques qui relient la popup aux ventes, et une architecture pensée pour les performances. Vous gardez une boutique rapide tout en ajoutant un levier d'acquisition (e-mails), de conversion (codes promo, appels à l'action) et de réassurance (livraison, retours, paiement).

Fonctionnalités

Éditeur visuel glisser-déposer

L'éditeur est le cœur du module. Vous glissez-déposez des blocs, vous modifiez les textes en direct, vous ajustez les styles et vous prévisualisez le rendu sur ordinateur, tablette et mobile. Le panneau Calques affiche l'arborescence de la popup, le panneau Style règle la typographie, les fonds, les bordures, les marges et les ombres, et le panneau Réglages gère les propriétés des éléments (lien d'un bouton, texte d'une image, etc.). Annuler et rétablir sont disponibles à tout moment.

Blocs disponibles :

• Titre
• Paragraphe
• Image (JPEG, PNG, GIF ou WebP)
• Bouton
• Inscription newsletter
• Code promo (avec bouton Copier)
• Compte à rebours
• Lien « Non merci »
• Séparateur
• Éléments de formulaire

Chaque langue possède son propre design. Des pastilles indiquent les langues déjà conçues, et le bouton Copier ce design vers les langues vides vous évite de repartir de zéro. Un visiteur dont la langue n'a pas été conçue voit la version de la langue par défaut, jamais une popup vide.

Déclencheurs intelligents

Creative Popup propose 8 déclencheurs pour afficher la popup au bon moment :

• Après un délai sur la page, en secondes.
• Intention de sortie : sur ordinateur, lorsque la souris quitte la page ; sur mobile, lors d'une remontée rapide de la page.
• Défilement : après un pourcentage ou un nombre de pixels parcourus.
• Inactivité : après une période sans interaction.
• Clic sur un élément de votre page (sélecteur CSS), à chaque clic.
• Ajout au panier : juste après qu'un produit a été ajouté.
• Nombre de pages vues pendant la visite.
• Temps passé sur la boutique.

Ces déclencheurs couvrent les scénarios e-commerce essentiels : capture d'e-mail au bon moment, relance douce, récupération de panier, vente additionnelle et offre contextuelle.

Ciblage d'audience

Le ciblage affiche une popup uniquement dans le bon contexte. Chaque règle peut être incluse (« est ») ou exclue (« n'est pas ») ; toutes les règles doivent être respectées, et une seule valeur suffit à l'intérieur d'une règle. Une phrase de résumé en haut de l'éditeur rappelle à tout moment qui verra la popup.

• Type de page : accueil, catégories, produits, CMS, panier, commande, recherche, marques, compte client, etc.
• Catégories (avec ou sans sous-catégories) et produits, choisis par recherche
• Groupes clients, client connecté ou non
• Appareil : ordinateur, tablette, mobile
• Nouveau visiteur ou visiteur connu
• Adresse de la page (contient, commence par, est exactement)
• Provenance : moteur de recherche, réseau social ou site précis
• Campagne (paramètre UTM)
• Pages vues pendant la visite
• Panier : montant, vide ou rempli, produit ou catégorie présent dans le panier

Combinez les règles d'audience : le résumé indique en une phrase qui verra la popup.

Fréquence, planification et priorités

Pour éviter la lassitude et respecter l'expérience de vos visiteurs, vous gérez :

• Fréquence : à chaque page vue, une fois par visite, une fois tous les X jours ou une seule fois.
• Arrêt après conversion : la popup n'est plus montrée à un visiteur qui s'est inscrit ou a copié son code.
• Planification : date et heure de début et de fin, à l'heure de la boutique.
• Priorité : si plusieurs popups sont éligibles, une seule s'ouvre à la fois, la plus prioritaire d'abord.
• Limites globales : nombre de popups par page, par visite et délai minimal entre deux popups.

Affichage, mobile et référencement

• Positions : fenêtre centrée, barre en haut, barre en bas, coin bas gauche, coin bas droit et plein écran.
• Animations d'ouverture et de fermeture : fondu, zoom, rebond ou glissement.
• Fond assombri et fermeture au clic en dehors de la popup.
• Variante mobile : même affichage, panneau glissant depuis le bas, barre en bas ou popup masquée sur les téléphones.
• Compatible moteurs de recherche sur mobile : une popup centrée ou plein écran n'est pas affichée sur la première page d'un visiteur mobile venant d'un moteur de recherche, comme le recommande Google.
• Accessibilité : fenêtre de dialogue annoncée aux lecteurs d'écran, focus clavier, fermeture avec la touche Échap et animations réduites si le visiteur l'a demandé.

Codes promo

Le bloc Code promo affiche un code avec un bouton Copier. Dans l'onglet Code promo, choisissez :

• aucun code (texte libre dans le design) ;
• le même code pour tous, en sélectionnant une règle panier existante ;
• un code unique pour chaque visiteur, généré automatiquement : pourcentage, montant ou livraison offerte, minimum de commande, durée de validité et préfixe.

Le code est révélé dès l'ouverture, au clic sur « Obtenir mon code » ou après une inscription newsletter réussie. Chaque code unique est utilisable une seule fois, dans les boutiques de la popup ; un visiteur (ou une adresse e-mail) reçoit toujours le même code, et un plafond quotidien limite les abus. Les codes expirés et non utilisés sont supprimés automatiquement. Lorsqu'une commande utilise un code de la popup, elle lui est attribuée dans les statistiques.

Panier et livraison offerte

Affichez une offre juste après un ajout au panier, ou réservez une popup aux paniers d'un certain montant ou contenant un produit précis. Écrivez {free_shipping_remaining} dans un texte de la popup pour afficher le montant restant avant la livraison offerte, dans la devise du visiteur ; il se met à jour à chaque ajout au panier. Le montant utilise le seuil de livraison gratuite défini dans Livraison > Préférences ; les seuils propres à chaque transporteur ne sont pas pris en compte.

Compte à rebours

Le compte à rebours fonctionne :

• en durée (heures, minutes, secondes) : chaque visiteur dispose du même temps à partir de sa première vue ;
• jusqu'à une date, à l'heure de la boutique : une échéance commune, par exemple la fin des soldes. La popup n'est plus affichée une fois l'échéance passée.

Onglet de rappel

Après une fermeture sans conversion, un petit onglet (par exemple « -10 % pour vous ») reste visible sur le côté de l'écran et rouvre la popup. Vous choisissez son texte dans chaque langue, son côté, ses couleurs et sa durée ; le visiteur peut le fermer définitivement.

Modèles prédéfinis

Le module inclut 22 modèles prêts à personnaliser, traduits en français, anglais, espagnol, italien et polonais :

• 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.
• Utilitaires : inscription newsletter, révélation de code promo, relance panier sur intention de sortie, bandeau d'information (livraison, retours, paiement), bienvenue plein écran, réseaux sociaux, bannière d'application mobile, vente flash avec compte à rebours.

Choisir un modèle remplit toutes les langues de votre boutique ; une langue non couverte reçoit la version anglaise. Chaque modèle reste entièrement modifiable.

Statistiques et conversions

Pour chaque popup et chaque boutique, le module compte :

• les vues, fermetures et clics ;
• les inscriptions newsletter, codes copiés et codes générés ;
• les commandes et le chiffre d'affaires attribué ;
• les clics sur l'onglet de rappel.

Le tableau de bord affiche ces chiffres sur la période choisie, avec la comparaison à la période précédente, un graphique par jour, un tableau par popup et un export CSV. Les visites des employés qui ont ouvert le back-office dans leur navigateur et celles des robots des moteurs de recherche ne sont pas comptées.

Aperçu et mode test

Le bouton Aperçu sur la boutique ouvre votre boutique avec la popup affichée immédiatement, sans attendre son déclencheur et quelles que soient ses règles. Le statut Test rend une popup visible uniquement dans votre navigateur pendant 12 heures, avec son vrai comportement : idéal pour vérifier une campagne avant de l'activer pour tous.

Événements Google Tag Manager / GA4

Si vous l'activez dans les réglages, le module envoie les événements wp_popup_view, wp_popup_click, wp_popup_close, wp_popup_conversion et wp_popup_teaser au dataLayer de la page. Des événements JavaScript wpPopup:* sont aussi émis pour vos développeurs.

Administration, multiboutique, multilingue

• Liste des popups avec statut (Active, Test, Programmée, Expirée, Brouillon), déclencheur, planification, vues, taux de clic et conversions ; filtres, aperçu, duplication et suppression
• Multiboutique : chaque popup est associée à une ou plusieurs boutiques
• Multilingue : design, nom et texte de l'onglet de rappel par langue, réglages communs
• Droits des employés respectés : un employé en lecture seule consulte les popups sans pouvoir les modifier
• Aucun override des fichiers de PrestaShop

Prérequis

• PrestaShop 1.7.8, 8.2 ou plus récent, 9.1 ou plus récent (8.0, 8.1 et 9.0 non pris en charge)
• PHP 7.4 minimum
• MySQL 5.7+ ou MariaDB 10.3+
• Module ps_emailsubscription pour le bloc newsletter (et psgdpr si vous souhaitez une case de consentement)

Remarque performances : l'éditeur n'est chargé que dans le back-office. Côté boutique, aucun fichier du module n'est chargé sur une page où aucune popup n'est prévue.

Installation

1. Téléchargez le ZIP depuis votre espace client Wepresta.
2. Allez dans Modules > Gestionnaire de modules.
3. Cliquez sur Téléverser un module et sélectionnez le fichier ZIP.
4. Cliquez sur Configurer et activez votre licence lorsque le formulaire le demande.
5. Ouvrez Creative Popup dans le menu du back-office.

Mise à jour depuis la version 1.0

Téléversez simplement le nouveau ZIP. Vos popups, leurs designs, leurs langues, leurs boutiques et leurs réglages sont conservés ; les règles d'audience de la première version sont converties au nouveau format. Le mode compatible moteurs de recherche reste désactivé sur les popups existantes pour ne pas changer leur comportement : activez-le si vous le souhaitez. Les statistiques antérieures à la mise à jour peuvent être incomplètes.

Démarrage rapide

Pour créer une première popup en quelques minutes :

1. Ouvrez Creative Popup et cliquez sur Nouvelle popup.
2. Choisissez un modèle, par exemple « Inscription newsletter ».
3. Personnalisez les textes, images et couleurs dans l'onglet Design.
4. Dans Déclencheur, choisissez « Après un délai sur la page » (par exemple 5 secondes) et une fréquence « Une fois par visite ».
5. Dans Audience, ajoutez par exemple la règle « Nouveau visiteur ».
6. Dans Code promo, choisissez un code unique de 10 % révélé après l'inscription, puis cliquez sur « Ajouter le bloc au design ».
7. Cliquez sur Aperçu sur la boutique, puis passez la popup en statut Active et enregistrez.

L'éditeur de popups

L'éditeur est organisé en six onglets : Design, Déclencheur, Audience, Affichage, Code promo et Planification. En haut, le nom, la langue, le statut et le résumé restent visibles ; une alerte vous prévient si vous quittez la page avec des modifications non enregistrées.

L'onglet Design contient trois zones : les blocs et calques à gauche, le canevas au centre avec le choix ordinateur / tablette / mobile, et les styles et réglages à droite. Construisez une version mobile lisible, avec un appel à l'action immédiatement visible et une fermeture accessible.

Réglages généraux

La page Réglages regroupe les options communes à toutes les popups :

• afficher ou masquer toutes les popups d'un coup ;
• limites d'affichage : popups par page, par visite et délai minimal entre deux popups ;
• compatibilité avec les caches de pages : automatique, toujours activée ou désactivée. Activée, elle vérifie les règles client et panier dans le navigateur par une requête légère, pour que les pages mises en cache restent justes pour chaque visiteur ;
• exclusion des visites des employés ;
• événements dataLayer ;
• mode débogage (explications dans la console du navigateur).

Affichage côté boutique

Le module gère les positions, les animations, le fond assombri et plusieurs méthodes de fermeture (bouton, clic en dehors, touche Échap). Le rendu final dépend du design créé dans l'éditeur, ce qui vous laisse une liberté totale. Les styles de chaque popup sont isolés : ils ne modifient pas le reste de votre thème.

Architecture technique

• Back-office : contrôleurs Symfony et templates Twig, droits des employés vérifiés sur chaque action
• Éditeur : GrapesJS embarqué dans le module, chargé uniquement dans l'édition
• Boutique : un seul script léger, sans dépendance
• Données : tables dédiées (popups, contenus par langue, règles, boutiques, statistiques, codes, commandes attribuées)

Filtrage et performances

Le serveur sélectionne les popups selon la boutique, la langue, la page, la catégorie et le produit ; le navigateur vérifie ensuite l'appareil, la visite, la provenance, les dates et la fréquence. Les popups candidates sont mises en cache par boutique et par langue. Si aucune popup n'est prévue sur une page, rien n'est chargé.

Aucun override

Le module ne modifie aucun fichier de PrestaShop. Il s'appuie sur les hooks et le système de menus natifs, ce qui facilite la maintenance et les mises à jour.

Cas d'usage courants

Offre de bienvenue avec code unique

• Modèle : Inscription newsletter
• Déclencheur : après 5 secondes
• Audience : nouveau visiteur
• Code promo : code unique de 10 %, révélé après l'inscription
• Objectif : développer votre base e-mail et mesurer les commandes passées avec le code.

Récupération de paniers abandonnés

• Modèle : Intention de sortie — relance panier
• Déclencheur : intention de sortie
• Audience : page panier, panier rempli
• Fréquence : une fois par visite
• Objectif : proposer une incitation (code promo, livraison offerte) au moment où le visiteur hésite à partir.

Livraison offerte après un ajout au panier

• Déclencheur : ajout au panier
• Position : barre en bas
• Texte : « Plus que {free_shipping_remaining} pour la livraison offerte »
• Objectif : augmenter le panier moyen.

Bandeau d'information

• Modèle : Bandeau d'information
• Position : barre en bas
• Fréquence : une fois tous les 7 jours
• Objectif : rappeler la livraison, les retours ou les moyens de paiement sans gêner la navigation.

Vente flash avec compte à rebours

• Modèle : Vente flash avec compte à rebours
• Compte à rebours : jusqu'à la date de fin
• Planification : période de la campagne
• Objectif : créer l'urgence ; la popup disparaît d'elle-même à l'échéance.

FAQ

Combien de popups puis-je créer ?

Il n'y a pas de limite pratique. Le ciblage, les priorités et les limites globales permettent de gérer plusieurs campagnes sans qu'elles se chevauchent : une seule popup s'ouvre à la fois.

L'éditeur ralentit-il la boutique ?

Non. L'éditeur n'est chargé que dans le back-office. Côté boutique, le module ne charge qu'un script léger, et uniquement sur les pages où une popup est prévue.

La popup fonctionne-t-elle sur mobile ?

Oui. Choisissez l'affichage sur téléphone (identique, panneau, barre ou masquée) et activez le mode compatible moteurs de recherche pour respecter les recommandations de Google. L'intention de sortie mobile se déclenche lors d'une remontée rapide de la page.

Les codes uniques peuvent-ils être abusés ?

Chaque code est à usage unique, limité aux boutiques de la popup et valable pendant la durée choisie. Un même visiteur ou une même adresse e-mail reçoit toujours le même code, les demandes sont limitées par adresse IP et un plafond quotidien s'applique à chaque popup.

Mon site utilise un cache de pages, est-ce compatible ?

Oui. En mode automatique, la compatibilité est activée lorsqu'un module de cache connu est détecté ; vous pouvez aussi la forcer dans les réglages. Les règles liées au client et au panier sont alors vérifiées par une requête légère non mise en cache.

Le module respecte-t-il le RGPD ?

Le module mémorise dans le navigateur du visiteur (stockage local) les popups déjà vues pour respecter la fréquence ; ces données ne sont pas envoyées à un tiers. Pour attribuer un code unique après une inscription, il ne conserve qu'une empreinte de l'adresse e-mail ; l'inscription elle-même est gérée par le module newsletter de PrestaShop. Avec le module psgdpr, une case de consentement est ajoutée au formulaire newsletter. Mentionnez ces usages dans votre politique de confidentialité.

Puis-je tester une popup sans que mes clients la voient ?

Oui : utilisez le statut Test, visible uniquement dans votre navigateur, ou le bouton Aperçu sur la boutique.

Dépannage

La popup ne s'affiche pas

• Vérifiez qu'elle est Active et que l'option « Afficher les popups sur la boutique » est activée dans les réglages
• Vérifiez les dates de planification et la boutique associée
• Testez en navigation privée : la fréquence peut empêcher un nouvel affichage
• Relisez le résumé en haut de l'éditeur pour vérifier les règles d'audience
• Activez le mode débogage : la console du navigateur explique pourquoi une popup n'est pas affichée

L'intention de sortie ne se déclenche pas

Sur ordinateur, elle se déclenche lorsque la souris quitte la page par le haut ; sur mobile, lors d'une remontée rapide. Ajustez la sensibilité dans l'onglet Déclencheur.

Le déclencheur « ajout au panier » ne fonctionne pas

Il repose sur l'événement standard de mise à jour du panier de PrestaShop (thèmes Classic et Hummingbird). Un thème personnalisé qui ne l'émet pas ne le déclenche pas ; utilisez alors une règle sur le panier avec un autre déclencheur.

Le compte à rebours ne s'affiche pas

Ajoutez le bloc Compte à rebours au design et choisissez son mode dans l'onglet Affichage.

Les statistiques restent à zéro

Vos propres visites ne sont pas comptées si l'exclusion des employés est active : testez depuis un autre navigateur. Certains bloqueurs de publicité peuvent aussi empêcher l'envoi.

Compatibilité

PrestaShop

• 1.7.8.x, 8.2+ et 9.1+ (8.0, 8.1 et 9.0 non pris en charge)

PHP

• 7.4 minimum, jusqu'aux versions prises en charge par votre version de PrestaShop

Bases de données

• MySQL 5.7+ / 8.0
• MariaDB 10.3+

Thèmes

• Classic et Hummingbird ; les thèmes qui en dérivent. Le déclencheur « ajout au panier » nécessite l'événement standard du panier.

Navigateurs

• Chrome, Firefox, Safari et Edge (versions récentes)

Changelog

Version 2.0.0

Nouveautés

• Créez des codes promo uniques pour chaque visiteur : pourcentage, montant ou livraison offerte.
• Révélez le code à l'ouverture, au clic ou après l'inscription newsletter.
• Suivez les commandes et le chiffre d'affaires générés par chaque popup.
• Déclenchez une popup après un ajout au panier, un nombre de pages vues ou un temps passé sur la boutique.
• Ciblez le montant et le contenu du panier, la provenance, les campagnes UTM et les clients connectés.
• Affichez le montant restant avant la livraison offerte.
• Excluez une audience avec la condition « n'est pas ».
• Vérifiez une popup avant publication grâce à l'aperçu sur la boutique et au statut Test.
• Choisissez l'affichage sur mobile : identique, panneau, barre ou masqué.
• Respectez les recommandations de Google avec le mode compatible moteurs de recherche sur mobile.
• Rouvrez une popup fermée avec l'onglet de rappel.
• Démarrez avec 22 modèles traduits dans les cinq langues de la boutique.
• Envoyez les événements des popups à Google Tag Manager / GA4.
• Exportez les statistiques en CSV.

Améliorations

• Installez le module sur PrestaShop 1.7.8, 8 et 9, avec PHP 7.4 minimum.
• Téléchargez une archive beaucoup plus légère.
• Retrouvez un éditeur réorganisé en six onglets, avec un résumé de la popup.
• Réglez les délais en secondes.
• Une seule popup s'ouvre à la fois, selon sa priorité.
• Aucun fichier n'est chargé sur les pages sans popup.
• Le module reste juste avec les caches de pages.
• Utilisez l'interface dans les cinq langues de la boutique.
• Le modèle de consentement cookies devient un bandeau d'information.

Corrections

• Les statistiques sont bien enregistrées.
• Les règles d'audience et les réglages de déclenchement sont conservés à chaque modification.
• Une langue non conçue affiche la langue par défaut au lieu d'une popup vide.
• L'enregistrement fonctionne avec des textes contenant une apostrophe.
• Le ciblage par groupe client distingue les visiteurs, les invités et les clients.
• Le déclencheur au clic fonctionne à chaque clic.
• Le compte à rebours suit l'heure de la boutique et la popup disparaît à l'échéance.

Après la mise à jour

• Vos popups et leurs réglages sont conservés. Vérifiez leurs règles d'audience dans le nouvel éditeur et activez si vous le souhaitez le mode compatible moteurs de recherche.

Version 1.0.0 — Mars 2026

• Éditeur visuel GrapesJS avec 10 blocks personnalisés
• 5 triggers : exit intent, timer, inactivité, scroll, clic sur élément
• Ciblage avancé : page type, catégorie, produit, groupe client, appareil, nouveau/récurrent, URL contains
• Planification (dates début/fin), priorités et fréquence d'affichage
• Positions multiples + animations entrée/sortie
• Compte à rebours (durée ou date fixe)
• Templates prédéfinis (saisonniers + utilitaires)
• Statistiques : vues, fermetures, clics CTA
• Multilingue + multistore
• Contrôleurs Symfony, aucun override, filtrage serveur (assets conditionnels)

Support

Pour obtenir de l'aide, contactez le support depuis votre espace client Wepresta.

Avant de contacter le support, préparez :

1. Versions de PrestaShop et de PHP
2. Nom du thème
3. Description précise du problème et étapes pour le reproduire
4. Captures d'écran (configuration et rendu sur la boutique)
5. Messages de la console du navigateur (mode débogage activé)

Licence

Creative Popup est un module commercial Wepresta. L'offre choisie sur la fiche produit détermine le nombre de boutiques, la durée des mises à jour et le support inclus.

Copyright © WePresta. Tous droits réservés.