Points clés
- Un bon pop-up de newsletter capture 2 à 5 % des sessions et booste la conversion. Un mauvais fait chuter ces deux métriques et habitue les visiteurs à chercher le bouton pour le fermer.
- Le facteur le plus déterminant de l’impact d’un pop-up : le moment où il se déclenche. Les pop-ups d’avant-engagement (moins de 5 secondes) nuisent presque toujours au taux de conversion. Les pop-ups d’après-engagement (scroll de 30-60s, exit-intent) font rarement de dégâts.
- L’offre compte plus que le design. “10 % de réduction sur votre première commande” bat “Abonnez-vous à notre newsletter” à plate couture.
- Sur mobile, un drawer de thème natif ou un formulaire inline surperforme généralement un pop-up qui vient recouvrir l’écran.
Ce guide explique comment ajouter un pop-up de newsletter à une boutique Shopify de la bonne manière - celle qui permet de récupérer l’e-mail sans faire perdre de vente.
Pourquoi nous faire confiance
Plus de 15 ans d’expérience en dev, dont quatre années chez Shopify. Nous avons créé Fudge, l’agent IA qui écrit le code natif de la capture d’emails côté vitrine, et nous avons aidé de nombreuses boutiques à optimiser les déclencheurs (triggers) de leurs pop-ups de toutes catégories.
Étape 1 : Décidez si vous avez vraiment besoin d’une pop-up
Les pop-ups sont un compromis avec la confiance envers votre marque. Elles boostent la capture d’emails ; mais peuvent nuire à la conversion de la session si elles tombent au mauvais moment.
Vous en avez probablement besoin si :
- Votre liste d’emails représente moins de 5 % de votre trafic mensuel
- Votre taux de réachat est élevé (l’email est rentabilisé)
- Votre catégorie de produits permet des réductions sur la première commande (consommables DTC, beauté, mode)
Vous n’en avez probablement pas besoin si :
- Votre base d’emails est déjà grande par rapport à votre trafic
- Votre catégorie de produits ne se prête pas aux réductions (luxe, produits réglementés, B2B)
- La capture d’email sur la page (formulaire en footer, incitation à créer un compte) fonctionne déjà
Pour une approche plus stricte : oubliez la pop-up modale et utilisez plutôt un formulaire inline sticky sur une section de votre site générant un fort engagement.
Étape 2 : Choisissez l’offre
C’est le principal levier de performance d’une pop-up.
Les meilleures offres
- “10 à 15 % de réduction sur votre première commande” - le grand classique, qui gagne presque à tous les coups
- “Livraison offerte sur votre première commande” - idéal pour les boutiques avec de faibles marges
- “Accès anticipé aux drops” - pour les marques fonctionnant par lancements limités
- “X € de réduction à partir de Y € d’achat” - parfait pour cibler votre objectif de panier moyen (AOV)
Les mauvaises offres
- “Abonnez-vous à notre newsletter” - trop générique, aucune valeur ajoutée, faible taux de conversion
- “Soyez le premier au courant” - le même problème
- “Bienvenue chez [marque]” - ce n’est pas une offre
L’offre doit vraiment intéresser le visiteur. Une simple invitation générique à s’inscrire à une newsletter n’est presque jamais la bonne solution.
Étape 3 : Configurez les bons déclencheurs (triggers)
Les triggers séparent les bonnes pop-ups de celles qui agacent.
À éviter
- Basé sur le temps, entre 0 et 5 secondes. Le visiteur n’a même pas encore vu le produit. Vous l’interrompez.
- Plein écran sur mobile dès l’arrivée. La pénalité de Google sur les interstitiels mobiles est réelle : les pop-ups intrusives à l’arrivée peuvent nuire à votre SEO.
- Se redéclenche sur chaque page. Une fois fermée, la pop-up doit le rester pour toute la session.
Les triggers raisonnables
- La sortie d’intention (exit intent) sur desktop. Le client s’en va de toute façon ; la pop-up n’a rien à perdre.
- La profondeur de scroll (60-80 %). Le visiteur est engagé ; la pop-up s’inscrit naturellement à un point de sortie.
- Le temps passé sur le site (30-60s). Une bonne alternative au scroll pour mesurer l’engagement.
- La 2ème page vue. Le visiteur a montré de l’intérêt pour deux produits.
Spécifique au mobile
Les interstitiels sur mobile sont pénalisés par Google côté SEO. Utilisez plutôt :
- Un slide-up ancré au bas de l’écran (50 % max)
- Une barre sticky en bas
- Un tiroir (drawer) qui s’ouvre au clic sur une icône
- Un formulaire inline sur une section avec beaucoup d’engagement
Ne recouvrez pas tout l’écran (viewport) mobile avec une pop-up.
Étape 4 : Le design de la pop-up
Mobile-first
Pensez d’abord au mobile. Une pop-up qui fonctionne sur mobile marchera généralement aussi sur desktop. L’inverse n’est pas vrai.
Un seul champ
L’email uniquement. Ne demandez pas le prénom, la date de naissance ou les préférences. Chaque champ supplémentaire fait chuter les conversions. Utilisez la collecte d’infos post-inscription ou le profilage progressif pour enrichir vos données.
Un CTA clair
“Obtenir mes 10 %”. Soyez spécifique. Pas un simple “S’abonner” ou “Envoyer”.
Facile à fermer
Un bouton de fermeture bien visible. Pas camouflé en gris clair sur fond blanc. Le client doit pouvoir fermer la pop-up en moins de 2 secondes.
Testez vos textes
L’accroche (headline) est primordiale. “10 % de réduction sur votre première commande” bat largement “Bienvenue - obtenez 10 % de réduction”. Soyez spécifique plutôt qu’amical.
Étape 5 : L’intégration
Option A : Code natif dans le thème
Si vous gérez le code de votre thème (ou si vous utilisez Fudge pour vous la faire), intégrez-la directement dans ce dernier. Utilisez l’API client de Shopify pour ajouter l’email à votre liste de clients, puis déclenchez le flow de votre ESP (outil d’emailing).
L’avantage : pas de lourdeur liée à une app, un contrôle total, un style 100 % adapté au thème.
Option B : Les formulaires Klaviyo (si vous utilisez Klaviyo)
Le générateur de formulaires natif de Klaviyo gère la création de la pop-up, la segmentation et le déclenchement du flow depuis l’ESP. C’est plus léger qu’une app de pop-up indépendante.
Option C : Privy, Optimonk, Tidio ou une app similaire
Ce sont des outils dédiées aux pop-ups avec leurs propres analytics, segmentations et tests A/B en général. Plus de fonctionnalités que les formulaires Klaviyo, mais cela ajoute fatalement de la charge sur votre site.
Option D : Shopify Email + formulaire natif
Les formulaires de souscription intégrés à Shopify Email sont très basiques, mais gratuits. Idéal pour les boutiques à moins de 500K $ de CA qui n’ont pas encore d’ESP dédié.
Étape 6 : Reliez la pop-up à un flow de bienvenue
Le but de votre pop-up est de récupérer l’email. Celui de votre flow de bienvenue, de convertir cet email en vente.
Un flow basique pourrait ressembler à ça :
- Contact 1 (immédiat) : le code de réduction, un petit “merci de nous avoir rejoints” rapide, et un CTA qui renvoie vers la boutique.
- Contact 2 (24h) : un email qui raconte une histoire — la parole du fondateur, la promesse de la marque, ou une photo de vos clients.
- Contact 3 (72h) : si aucun achat n’a été fait, un petit rappel de la promo + une sélection personnalisée de 3 produits.
Une pop-up sans flow d’emails derrière, c’est comme un sceau percé. L’idée est de s’assurer que le flow est lancé et actif avant de développer le volume de trafic de vos pop-ups.
Pour une vue d’ensemble du CRO, référez-vous au Guide CRO pour Shopify, à 12 stratégies CRO à fort impact, et aux meilleures apps Shopify pour l’optimisation des conversions.
FAQ
Un bon pop-up (exit-intent, déclenché au scroll, mobile-friendly) n'a généralement pas d'impact négatif. Un mauvais pop-up (avant-engagement, plein écran sur mobile, offre générique) oui. Le timing est ce qui compte le plus.
Un taux de 2 à 5 % de sessions converties en inscriptions par e-mail est sain. Au-delà de 5 %, c'est exceptionnel. En dessous de 1 %, cela signifie généralement que l'offre est trop générique ou que le déclencheur est mauvais.
Le natif fonctionne bien si vous êtes à l'aise avec le code de votre thème (ou si vous utilisez Fudge). Les applications sont utiles si vous voulez de la segmentation, de l'A/B testing et un tableau de bord analytique prêts à l'emploi. Les formulaires natifs de Klaviyo sont souvent le bon compromis.
Oui, s'il couvre le viewport mobile dès l'entrée sur le site. Google pénalise les interstitiels mobiles intrusifs. Utilisez plutôt un slide-up, une sticky bar ou un drawer au lieu d'un overlay en plein écran.
"10 à 15 % de réduction sur votre première commande" gagne sur la plupart des boutiques. La livraison gratuite arrive juste derrière pour les catégories à faible marge. Un classique "abonnez-vous à notre newsletter" ne marche presque jamais.
