Les points clés
- Une bonne pop-up de newsletter capture 2 à 5 % des sessions et booste la conversion. Une mauvaise fait plonger ces deux métriques et habitue les visiteurs à chercher le bouton fermer.
- Le facteur principal de l’impact d’une pop-up : le moment où elle s’affiche. Les pop-ups très précoces (moins de 5 secondes) plombent presque toujours le taux de conversion. Celles qui s’affichent plus tard (après 30-60s, au scroll, sur un exit intent) posent rarement problème.
- L’offre compte plus que le design. “10 % de réduction sur votre première commande” fonctionne largement mieux que “Abonnez-vous à notre newsletter”.
- Sur mobile, un tiroir (drawer) natif au thème ou un formulaire inline performe généralement mieux qu’une pop-up qui vient recouvrir l’écran.
Ce guide vous montre comment ajouter correctement une pop-up de newsletter à une boutique Shopify : une pop-up qui récolte des emails sans vous faire perdre 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
- 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
Une pop-up de newsletter va-t-elle plomber mon taux de conversion sur Shopify ?
Une bonne pop-up (exit intent, déclenchée au scroll, adaptée au mobile) fait rarement de dégâts. Une mauvaise pop-up (ouverte trop tôt, en plein écran sur un téléphone, ou avec une offre banale) affectera négativement votre taux de conversion. Le timing d’apparition est le facteur clé.
Quel taux de conversion dois-je attendre d’une pop-up ?
On considère souvent qu’entre 2 et 5 % des sessions convertissant à une inscription est très bon. Au-delà de 5 %, c’est exceptionnel. En dessous de 1 %, cela signifie généralement que l’offre est générique ou que le trigger n’est pas le bon.
Dois-je utiliser une app de pop-up ou la construire de façon native ?
Si vous savez toucher au code du thème (ou utilisez Fudge), la construire en natif fera l’affaire. Une app sera indispensable si vous cherchez des fonctionnalités de segmentation, de l’A/B testing, et un tableau de bord analytique intégré. Les formulaires natifs de Klaviyo restent souvent un excellent compromis.
Une pop-up sur mobile va-t-elle pénaliser mon SEO ?
Oui, si cette dernière bloque l’écran (viewport) lors de l’arrivée du visiteur. Google inflige des pénalités SEO pour les interstitiels mobiles intrusifs sur les sites web. Privilégiez un slide-up, une barre sticky ou un menu latéral (drawer) à la place d’une modale qui superpose le plein écran.
Quelle est la meilleure offre proposée pour une pop-up ?
L’offre “10 à 15 % sur votre 1re commande” l’emporte sur pratiquement chacune des autres boutiques en ligne. Mais la livraison gratuite est aussi de rigueur pour les autres secteurs où les marges y sont faibles. À l’inverse, l’inscription classique ou basique de la newsletter marche à un ratio extrêmement faible.
