Des pop-ups PrestaShop qui convertissent vraiment : stratégie et configuration

Dernière mise à jour : juin 2026.

Les pop-ups ont mauvaise réputation, et ce n’est pas sans raison : la plupart sont paresseux. Ils s’affichent au chargement, couvrent l’écran et réclament une adresse e-mail avant même que le visiteur ait vu le moindre produit. Ce pop-up est fermé en une demi-seconde et laisse une mauvaise impression. Pourtant, le même espace, déclenché au bon moment avec une vraie offre, fait partie des rares outils sur site capables d’augmenter de façon fiable les inscriptions e-mail et de récupérer des paniers qui étaient déjà sur le départ. La différence ne vient jamais de la technologie du pop-up, mais de la stratégie derrière le moment où il s’affiche, qui le voit et à quel point il est facile à fermer.

Ce guide porte sur la stratégie et la configuration dans PrestaShop : les types de déclencheurs et les situations où chacun mérite d’interrompre le visiteur, l’endroit exact où les pop-ups s’intègrent dans le cycle de vie des pages PrestaShop, les règles RGPD et les règles relatives aux interstitiels mobiles qui pénalisent discrètement les boutiques qui les ignorent, ainsi que la façon de mesurer si un pop-up aide vraiment ou pousse simplement les visiteurs à repartir. Pour le cas précis de l’offre de bienvenue lors de la première visite — le pop-up le plus courant et le plus surexploité de tous — le sujet mérite un traitement dédié, à retrouver dans les pop-ups de bienvenue bien conçus.

PrestaShop n’a pas de moteur de pop-up natif — alors où vivent les pop-ups ?

PrestaShop ne fournit aucun système de pop-up par défaut. Il n’existe pas d’onglet « Pop-ups » dans le back-office, ni de système natif de déclenchement. Chaque pop-up affiché sur une boutique PrestaShop est injecté par un module, et la manière dont il est injecté compte autant pour les performances que pour la fiabilité.

La méthode propre consiste, pour un module, à ajouter le pop-up en bas de page plutôt qu’à réécrire votre thème. PrestaShop 1.7+ expose displayBeforeBodyClosingTag — un hook exécuté juste avant la balise de fermeture </body> — ce qui correspond exactement à l’endroit où placer le balisage et le script d’un pop-up : après le rendu du contenu, afin qu’il ne bloque jamais l’affichage de la page. (Notre module mprwelcomepopup utilise précisément ce hook pour cette raison.) Les anciens thèmes 1.6 s’appuient plutôt sur displayFooter ou sur un hook global. Pour vous, la conclusion pratique est simple : un module de pop-up qui charge son JavaScript tardivement et s’accroche à la fermeture du body ne fera pas chuter votre score PageSpeed comme le ferait un script chargé trop tôt et bloquant le rendu. Lorsque vous évaluez un module, ce point d’injection mérite d’être vérifié : c’est ce qui distingue un pop-up qui reste à l’écart de vos Core Web Vitals (pas de blocage du rendu, déplacement de mise en page minimal) d’un pop-up qui vous coûte sur chaque page.

Comme la logique de déclenchement s’exécute côté client (c’est le navigateur qui décide quand afficher le pop-up selon le mouvement de la souris, le défilement ou un minuteur), la logique d’affichage elle-même ne sollicite pas votre serveur et ne touche pas à la logique du panier. Un pop-up d’affichage bien conçu ne doit pas modifier votre logique de commande ou de paiement : c’est une couche de présentation posée par-dessus. Cela dit, une superposition peut tout de même gêner quelqu’un qui est en train de payer ; désactivez-la donc toujours sur le tunnel de commande.

Stratégie de déclenchement : le moment d’affichage décide de tout

Le plus grand levier de performance d’un pop-up n’est ni l’offre ni le design : c’est le timing. Le même message « 10 % de réduction » convertit à une fraction de pourcent lorsqu’il s’affiche au chargement de la page, et à plusieurs pourcents lorsqu’il s’affiche à la sortie. Voici comment les principaux déclencheurs se comparent et quand chacun mérite son interruption.

Qu’est-ce que cela signifie en pratique ? L’intention de sortie est le déclencheur agressif le plus sûr, car il n’interrompt personne qui n’était pas déjà en train de partir : il n’y a rien à perdre. Les déclencheurs au temps et au défilement sont plus doux, mais ils interrompent des visiteurs engagés ; ils doivent donc justifier une pertinence plus forte. Quant au déclencheur au clic, il compte à peine comme un pop-up, ce qui explique pourquoi il agace rarement. Une configuration sérieuse utilise différents déclencheurs pour différents objectifs sur différents types de pages, pas une seule règle appliquée à toute la boutique.

Adaptez le pop-up à la page PrestaShop où il apparaît

Un pop-up qui ignore le contexte est un pop-up qui agace. PrestaShop vous indique déjà exactement le type de page consulté par le visiteur via le nom du contrôleur (index, category, product, cart, order) ; un module compétent peut donc cibler par type de page. Servez-vous-en :

• Page d’accueil (index) : une offre de première impression ou une annonce — mais laissez quelques secondes au navigateur avant d’interrompre. C’est aussi là que le pop-up de bienvenue a sa place ; consultez les pop-ups de bienvenue bien conçus pour cette mécanique précise.
• Pages de catégorie : un déclencheur à la profondeur de défilement convient mieux à une longue liste de produits qu’un minuteur. Si vos pages de catégorie ne retiennent pas l’attention dès le départ, le pop-up ne traite qu’un symptôme : la correction structurelle se trouve dans les pages de catégorie qui convertissent.
• Pages produit : réservez les pop-ups à une vraie valeur ajoutée : guide des tailles, suggestion « les clients ont aussi acheté » après l’ajout au panier, rappel sur le stock ou la livraison. Un simple pop-up de collecte d’e-mail par-dessus un produit que le visiteur examine est une friction pure.
• Page panier : un moment à forte valeur pour une vente croisée ou un rappel « finalisez votre commande » : le visiteur a clairement montré son intention.
• Paiement (contrôleur order) : n’affichez rien. N’interrompez pas quelqu’un qui est déjà en train de payer. Un pop-up ici est l’erreur la plus coûteuse de toute cette liste.

Ajoutez le ciblage visiteur au ciblage par page : nouveau visiteur ou client récurrent (un client qui revient n’a pas besoin d’une remise « première commande »), valeur du panier et appareil utilisé. Le cookie ou l’indicateur sessionStorage qui enregistre « ce visiteur a déjà vu le pop-up de bienvenue » est ce qui vous évite de représenter la même offre à quelqu’un qui l’a refusée hier.

Les types de pop-ups qui valent la peine sur une boutique PrestaShop

• Collecte d’e-mail / offre de bienvenue. La mécanique « 10 % de réduction » à la première visite. Efficace, mais facile à mal configurer — stratégie complète, y compris la fréquence d’affichage et le ciblage, dans les pop-ups de bienvenue bien conçus.
• Récupération à l’intention de sortie. Une offre limitée dans le temps, affichée uniquement lorsque le visiteur s’en va. C’est le pop-up le plus propre qui soit, puisqu’il n’interrompt personne qui comptait rester.
• Rappel de récupération de panier. Même déclencheur de sortie, mais avec une référence au panier précis (« Ne laissez pas vos articles derrière vous »). Il complète — sans jamais remplacer — une vraie séquence d’e-mails de panier abandonné pour les visiteurs qui partent malgré tout.
• Vente incitative / vente croisée à l’ajout au panier. « Ajoutez une housse assortie pour 5 € de plus », déclenché au moment où le produit entre dans le panier. Cela augmente le panier moyen sans envoyer le client vers une autre page.
• Notification de preuve sociale. Une petite notification non bloquante dans un coin (« quelqu’un à Berlin vient de commander ceci ») qui renforce la confiance grâce à l’activité réelle plutôt qu’en demandant quelque chose. C’est une surface fondamentalement différente d’une modale centrée à l’écran : elle n’interrompt pas, elle rassure. Notre module mprsalespopup les alimente à partir de commandes récentes réelles, pour que la preuve affichée soit authentique et non inventée.
• Saisonnier / promotionnel. Une annonce de promotion, souvent avec un compte à rebours. Ce type de pop-up fonctionne mieux lorsqu’il est limité aux pages pertinentes et à une fenêtre de dates raisonnable.

Design et fermeture : ce qui décide entre « efficace » et « agaçant »

Les règles visuelles sont simples et non négociables :

• Mettez la valeur en premier, pas la demande. « Obtenez 10 % de réduction » avant « saisissez votre e-mail », jamais l’inverse. « Inscrivez-vous à notre newsletter » n’est pas une proposition de valeur.
• Un bouton de fermeture clairement visible, en haut à droite, d’au moins 44×44px pour être utilisable au doigt sur téléphone. Masquer ou retarder la fermeture pour gagner quelques secondes d’attention est le moyen le plus rapide de détruire la confiance — et, comme expliqué plus bas, cela expose directement à une pénalité Google.
• Pas de texte culpabilisant pour refuser. « Non merci, je préfère payer plein tarif » est manipulateur ; un simple « Peut-être plus tard » ou un X propre respecte le visiteur.
• Respectez l’identité de votre boutique — couleurs, polices, image produit pertinente. Un pop-up qui semble venir d’un autre site ressemble à une superposition frauduleuse.
• Limitez-vous à 3–5 lignes. Si vous avez besoin de plus de mots, l’offre n’est pas encore assez claire.

La règle mobile qui coûte discrètement des positions aux boutiques

C’est là que la plupart des configurations de pop-up échouent en silence. Google considère un interstitiel intrusif qui couvre le contenu principal immédiatement après l’arrivée d’un visiteur depuis la recherche comme un signal négatif pour le classement de la page sur mobile. Les bannières de consentement aux cookies, les vérifications d’âge et les dialogues de connexion sont exemptés ; une superposition « 10 % de réduction » plaquée sur un téléphone au chargement de la page ne l’est pas — et elle peut faire reculer précisément les pages que vous essayez de monétiser.

Ce qui reste sûr sur mobile : les pop-ups déclenchés par une action de l’utilisateur (un toucher), ceux qui ne s’affichent qu’après un engagement réel (temps passé ou défilement, pas à l’arrivée) et les petites bannières qui occupent une part raisonnable de l’écran plutôt que toute la fenêtre. Comme l’intention de sortie n’a aucune souris à lire sur téléphone, les solutions de repli adaptées au mobile sont la détection de remontée dans la page, un délai généreux ou un déclencheur au changement d’onglet. Traitez le mobile comme le cas par défaut, pas comme une réflexion après coup : pour la plupart des boutiques, une part importante et croissante du trafic et des paiements commence désormais sur téléphone, une évolution abordée dans le commerce mobile.

RGPD : la couche de conformité que les boutiques européennes ne peuvent pas ignorer

Si vous vendez dans l’UE, un pop-up qui collecte des e-mails est un événement de collecte de données, et les règles sont précises :

• Consentement explicite. Une case précochée ne constitue pas un consentement valide. Indiquez clairement à quoi le visiteur s’inscrit (« offres hebdomadaires et annonces de nouveaux produits ») et placez un lien vers votre politique de confidentialité à côté du champ.
• Double opt-in. Après l’envoi, transmettez un e-mail de confirmation sur lequel le visiteur doit cliquer. C’est une obligation légale dans certains pays de l’UE (notamment l’Allemagne) et une bonne pratique partout ; cela garde aussi votre liste propre.
• Ordre des cookies. Si le pop-up dépose un cookie non essentiel pour mémoriser qu’il a déjà été affiché, ce cookie est soumis au consentement. Certains modules contournent ce point en utilisant sessionStorage plutôt qu’un cookie de suivi. Dans tous les cas, ne déclenchez jamais un pop-up promotionnel au même moment que votre bannière de consentement aux cookies : empiler deux interruptions empêche le visiteur d’évaluer correctement l’une comme l’autre.

Un seul pop-up par visite : la règle de fréquence qui protège toute la stratégie

Le moyen le plus rapide de ruiner un bon travail sur les pop-ups est de les empiler. Un visiteur qui voit votre pop-up de bienvenue ne devrait pas recevoir aussi un pop-up de sortie, un pop-up newsletter et trois notifications de preuve sociale dans la même session. Choisissez la surface la plus pertinente pour son comportement et masquez le reste. Enregistrez ce que chaque visiteur a vu et fermé (cookie ou sessionStorage), puis attendez — au moins une semaine — avant de réafficher une offre refusée, ou montrez-en une autre. Le contrôle de fréquence est précisément ce qui sépare un module de pop-up utilisable sur une vraie boutique d’un module qui fait fuir les clients.

Comment mesurer si un pop-up aide ou nuit

Le taux de conversion du pop-up, pris seul, est une métrique de vanité. Un pop-up peut afficher un bon taux d’inscription tout en faisant discrètement baisser le chiffre d’affaires s’il agace des visiteurs engagés au point de les faire repartir. Suivez quatre chiffres et pesez-les ensemble :

• Taux de conversion du pop-up — part des vues qui réalisent l’action attendue (e-mail, récupération du code).
• Taux de fermeture immédiate — vitesse à laquelle les visiteurs le ferment ; un taux élevé de fermeture instantanée signale un mauvais timing ou une offre non pertinente.
• Conversion en aval — les personnes qui ont interagi avec le pop-up achètent-elles réellement ? Une inscription qui n’achète jamais, c’est du bruit.
• Revenu par visiteur, pop-up activé vs désactivé — la métrique décisive. Si les inscriptions montent mais que le RPV baisse, le pop-up est une perte nette et doit être retiré ou recalibré.

Testez une seule variable à la fois — montant de l’offre, moment du déclenchement, format visuel, texte du CTA — et donnez à chaque variante assez de trafic pour dépasser le bruit d’une semaine à l’autre avant de désigner un gagnant. Les chiffres publiés pour les pop-ups e-commerce bien exécutés (taux de capture de quelques pourcents, et taux de récupération de panier à deux chiffres sur les offres de sortie) donnent une direction, pas une promesse : les vrais résultats dépendent de votre trafic, de votre offre et de vos marges. Mesurez donc sur votre propre boutique plutôt que de vous fier à un benchmark.

Configurer des pop-ups dans PrestaShop

Puisque la plateforme ne fournit rien de natif, tout repose sur le choix du bon module et sa configuration selon la stratégie ci-dessus. Lorsque vous évaluez un module de pop-up pour PrestaShop, voici la checklist qui compte vraiment :

• Plusieurs types de déclenchement (sortie, minuteur, défilement, clic) — pas seulement au chargement
• Ciblage des pages par contrôleur (accueil / catégorie / produit / panier) et ciblage des visiteurs (nouveaux vs récurrents, appareil, valeur du panier)
• Contrôles de fréquence et de suppression, y compris un délai d’affichage
• Comportement spécifique au mobile, pour éviter la pénalité Google liée aux interstitiels
• Fonctionnalités RGPD — texte de consentement, lien vers la politique de confidentialité, double opt-in
• Injection tardive du script (le hook displayBeforeBodyClosingTag) afin de réduire le risque de blocage du rendu — auditez tout de même le poids du script, le déplacement de mise en page (CLS) et les éventuelles requêtes tierces qu’il charge
• Statistiques par pop-up : vues, conversions, taux de fermeture

Nos deux modules de pop-up sur mypresta.rocks se répartissent clairement par usage. mprwelcomepopup gère les offres d’entrée et la collecte d’e-mails : il s’accroche à la fermeture du body pour ne jamais bloquer le rendu, et il propose un délai d’affichage configurable afin que vous maîtrisiez le timing au lieu de déclencher dès l’arrivée. mprsalespopup couvre la preuve sociale : de petites notifications en coin construites à partir de commandes récentes réelles, pour que la preuve affichée soit authentique. Les deux s’installent et se configurent depuis le back-office — aucune modification de thème, aucune facture développeur — et les deux restent à l’écart de votre paiement. L’objectif de l’un comme de l’autre n’est pas « ajouter un pop-up » ; c’est d’afficher la bonne surface, au bon moment, au bon visiteur, c’est-à-dire la seule version des pop-ups qui convertit au lieu d’agacer.

La place des pop-ups dans l’expérience utilisateur globale

Un pop-up est une tactique, pas une stratégie. Il mérite sa place lorsqu’il accompagne une décision que le reste de votre boutique a déjà bien préparée : navigation claire, pages de catégorie qui retiennent l’attention, page d’accueil qui oriente le visiteur en quelques secondes. Si un pop-up doit compenser une expérience de fond faible, corrigez d’abord l’expérience : commencez par le design de la page d’accueil et les pages de catégorie qui convertissent. Une fois ces bases en place, le pop-up devient ce qu’il doit être : une aide légère, bien placée, au moment où le visiteur est prêt à agir.

Questions fréquentes

Où un pop-up s’attache-t-il réellement dans PrestaShop ?

PrestaShop ne fournit aucun moteur de pop-up ; chaque pop-up est donc injecté par un module. La méthode propre est le hook displayBeforeBodyClosingTag (PrestaShop 1.7+), exécuté juste avant la balise de fermeture </body> — après le rendu de votre contenu, afin que le pop-up ne bloque jamais l’affichage de la page. Les anciens thèmes 1.6 s’appuient plutôt sur displayFooter. Lorsque vous évaluez un module, ce point d’injection compte : un pop-up accroché à la fermeture du body et chargeant son script tardivement reste à l’écart de vos Core Web Vitals, tandis qu’un script précoce et bloquant vous coûte sur chaque page.

Quel déclencheur convertit le mieux ?

L’intention de sortie est le déclencheur agressif le plus sûr, car elle n’interrompt que les personnes déjà en train de partir : il n’y a rien à perdre. Les déclencheurs au temps et au défilement sont plus doux, mais ils interrompent des visiteurs engagés ; ils doivent donc justifier une pertinence plus forte (ne déclenchez jamais un minuteur avant environ 10 secondes). Un déclencheur au clic ou au toucher compte à peine comme un pop-up, puisque l’utilisateur l’a demandé, ce qui explique pourquoi il agace presque toujours moins. La bonne réponse n’est pas un déclencheur unique partout, mais des déclencheurs différents pour des objectifs différents sur des types de pages différents.

Un pop-up peut-il nuire à mon classement mobile ?

Oui. Google considère un interstitiel intrusif qui couvre le contenu principal immédiatement après l’arrivée d’un visiteur depuis la recherche comme un signal négatif pour le classement de la page sur mobile. Les bannières de consentement aux cookies, les vérifications d’âge et les dialogues de connexion sont exemptés ; une superposition « 10 % de réduction » plaquée sur un téléphone au chargement de la page ne l’est pas. Ce qui reste sûr : les pop-ups déclenchés par un toucher, ceux qui ne s’affichent qu’après un vrai engagement (temps passé ou défilement, pas à l’arrivée) et les petites bannières qui occupent une part raisonnable de l’écran. Comme l’intention de sortie n’a pas de souris à lire sur téléphone, utilisez la détection de remontée dans la page, un délai généreux ou un déclencheur au changement d’onglet comme solution de repli mobile.

Quelles sont les règles RGPD pour un pop-up de collecte d’e-mails ?

Si vous vendez dans l’UE et que le pop-up collecte des e-mails, il s’agit d’un événement de collecte de données : pas de cases de consentement précochées, indiquez clairement à quoi le visiteur s’inscrit et placez un lien vers votre politique de confidentialité à côté du champ. Le double opt-in (un e-mail de confirmation sur lequel le visiteur doit cliquer) est légalement requis dans certains pays de l’UE — notamment en Allemagne — et constitue une bonne pratique partout. Si le pop-up dépose un cookie non essentiel pour mémoriser qu’il a déjà été affiché, ce cookie est soumis au consentement ; certains modules contournent ce point avec sessionStorage. Et ne déclenchez jamais un pop-up promotionnel au même moment que votre bannière de consentement aux cookies : empiler deux interruptions empêche le visiteur d’évaluer correctement l’une comme l’autre.

Comment savoir si un pop-up aide ou nuit ?

Le taux de conversion du pop-up seul est une métrique de vanité : un pop-up peut afficher un bon taux d’inscription tout en faisant discrètement baisser le chiffre d’affaires parce qu’il agace des visiteurs engagés au point de les faire repartir. Suivez quatre chiffres ensemble : le taux de conversion du pop-up, le taux de fermeture immédiate (élevé = mauvais timing ou offre non pertinente), la conversion en aval (les personnes qui interagissent achètent-elles vraiment ?) et la métrique décisive : le revenu par visiteur avec le pop-up activé par rapport à désactivé. Si les inscriptions augmentent mais que le RPV baisse, le pop-up est une perte nette ; retirez-le ou recalibrez-le. Testez une seule variable à la fois et donnez à chaque variante assez de trafic pour dépasser le bruit d’une semaine à l’autre.

Faut-il afficher plus d’un pop-up par visite ?

Non. Empiler les pop-ups est le moyen le plus rapide de ruiner un bon travail : un visiteur qui voit votre pop-up de bienvenue ne devrait pas recevoir aussi un pop-up de sortie, un pop-up newsletter et trois notifications de preuve sociale dans la même session. Choisissez la surface la plus pertinente pour son comportement et masquez le reste, enregistrez ce que chaque visiteur a vu et fermé (cookie ou sessionStorage), puis attendez au moins une semaine avant de réafficher une offre refusée ou montrez-en une autre. Le contrôle de fréquence est précisément ce qui sépare un module de pop-up utilisable sur une vraie boutique d’un module qui fait fuir les clients.