À retenir
- Un bon pop-up de newsletter capture 2 à 5 % des sessions et booste la conversion. Un mauvais pop-up fait chuter ces deux métriques et habitue les visiteurs à chercher le bouton de fermeture.
- Le plus grand facteur d’impact d’un pop-up : le moment où il s’affiche. Les pop-ups de pré-engagement (moins de 5 secondes) nuisent presque toujours au taux de conversion. Les pop-ups de post-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 » surpasse largement un simple « Abonnez-vous à notre newsletter ».
- Sur mobile, un tiroir (drawer) natif au thème ou un formulaire intégré (inline) surperforme généralement un pop-up qui recouvre tout l’écran.
Ce guide vous explique comment ajouter correctement un pop-up de newsletter à une boutique Shopify : un pop-up qui récolte des e-mails sans vous coûter des ventes.
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
- Exit-intent sur ordinateur. Le client s’en va de toute façon ; le pop-up ne vous fait rien perdre. Consultez notre guide complet sur les pop-ups d’exit-intent.
- Profondeur de scroll (60-80 %). Le visiteur est engagé ; le pop-up constitue un point de sortie en douceur.
- Temps passé sur le site (30-60s). L’équivalent en termes d’engagement pour les boutiques sans signal de scroll fort.
- Deuxiè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 pour le SEO. Utilisez :
- Un slide-up ancré en bas (50 % de l’écran maximum)
- Une barre fixe en bas (sticky bar)
- Un tiroir déclenché par une icône
- Un formulaire intégré (inline) sur une section à fort engagement
Ne recouvrez pas entièrement l’écran mobile avec un 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, optimisé mobile) ne pose généralement aucun problème. Un mauvais pop-up (avant l'engagement, en plein écran sur mobile, avec une offre générique) oui. Le timing est la chose la plus importante.
Un taux de 2 à 5 % des sessions converties en inscription par e-mail est un très bon résultat. 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 clé en main. Les formulaires natifs de Klaviyo sont souvent le bon compromis.
Oui, s'il recouvre l'écran mobile dès l'arrivée. Google pénalise les interstitiels mobiles intrusifs. Utilisez plutôt un slide-up, une sticky bar ou un tiroir au lieu d'un overlay en plein écran.
"10 à 15 % de réduction sur votre première commande" est ce qui marche le mieux sur la plupart des boutiques. La livraison gratuite arrive juste derrière pour les catégories à faible marge. Un simple "abonnez-vous à notre newsletter" ne fonctionne presque jamais.
