Trouvez les 27 meilleurs exemples de pop-up sur lesquels vous inspirer afin d’augmenter le taux de conversion de votre site web et capturer des adresses emails à tous les jours!
Vous contemplez l’idée d’installer un pop-up sur votre site web, mais ne savez pas exactement comment le faire ou le designer?
Vous aimeriez créer quelque chose de professionnel qui ne fera pas fuir vos visiteurs, mais au contraire, leur donnera envie de considérer l’offre que vous présentez?
Si vous êtes ici, alors vous êtes exactement au bon endroit pour vous inspirer afin de créer des popups monstrueusement efficaces!
Un pop-up bien présenté et bien paramétré peut rapidement devenir une véritable machine à générer des leads passivement!
Dans cet article, nous avons regroupé pour vous, les meilleurs exemples de pop-ups pour que vous puissiez trouver une mine d’or d’inspiration pour vos prochains pop-ups. Armé d’un bon pop-up votre tunnel de vente roulera sur les chapeaux de roues et vous aurez une machine bien huilé pour générer des ventes.
Si vous avez besoin d’un peu plus d’inspiration, consultez notre article sur les exemples de Lead magnets pour créer un pop-up monstrueusement efficace.
Puis, à la fin de l’article, vous trouverez un topo des 6 conseils pour créer un excellent pop-up.
Pourquoi utiliser un pop-up?
Le popup est sans contredit l’un des meilleurs outils pour capturer plus d’adresses emails sur son site web. Jumelé avec une bonne stratégie SEO vous avez une machine extrêmement puissante pour rapidement faire croître votre entreprise (et vos ventes).
Un bon pop-up permet de capturer en moyenne entre 5-10% des visiteurs de votre site web, un montant très considérable dans la croissance de votre newsletter.
Imaginez, si vous avez 500 visites par mois, on parle de 25 à 50 adresses email qui s’ajoutent passivement à votre newsletter, à tous les mois! Et ça, c’est sans prendre en considération la croissance de votre trafic, car au fil du temps votre entreprise gagnera en popularité et ainsi, il y aura de plus en plus de visiteurs sur votre site.
Le pop-up figure parmi une des meilleures méthodes de marketing organique pour augmenter sa visibilité sur le web.
(Source de l’image : Bdow)
On peut rapidement penser qu’un pop-up peut être désagréable pour les visiteurs de son site web et que ça peut même les faire fuir.
Il peut effectivement y avoir des situations où, lorsqu’il est mal paramétré, le pop-up fait plus de dommages que de bienfaits, c’est pour cette raison qu’on vous recommande fortement de consulter l’article Comment bien créer un pop-up et continuellement capturer des adresses email.
Et si vous êtes prêt à sauter dans le train et créer votre propre pop-up, alors vous pouvez consulter notre article qui répertorie les meilleurs logiciels pour créer un pop-up.
Donc, pour vous inspirer à créer vos propres pop-ups et commencer à drastiquement augmenter votre liste d’adresses email pour déclencher plus de ventes…
On vous a regroupé 27 exemples de pop-ups extrêmement efficaces accompagnés d’une petite analyse pour comprendre ce qu’il y a d’intéressant à comprendre dans l’exemple de pop-up.
Ainsi, vous pourrez avoir de l’inspiration et aussi comprendre quels sont les points qui font qu’un pop-up fonctionne bien!
Voici donc…
Voici les 27 meilleurs exemples de pop-up sur lesquels vous inspirer!
Exemple de pop-up #1 : 2XeCommerce
Ici, j’adore ce pop-up pour ses couleurs et sa headline très puissante! Rapidement, en un coup d’oeil, on sait exactement de quoi il s’agit et comment ça peut nous aider. Les couleurs contrastantes attirent l’oeil et nous attirent directement sur la headline. Ici rien de vraiment très compliqué, le pop-up nous demande «Cherchez-vous à croître rapidement?» et le texte mentionne «Inscrivez-vous gratuitement à la newsletter de 2XeCommerce pour recevoir des stratégies de croissance…», donc nul besoin d’élaborer un Lead Magnet complexe.
Exemple de pop-up #2 : Grab Green
Quel bel exemple d’un excellent pop-up! Ici l’image vient attirer notre attention sur le pop-up, l’image d’un chien et d’une dame qui se mouche, pour adresser directement le problème qu’une personne puisse vivre : «Est-ce que votre chien vous fait éternuer?» et l’offre est simplement un guide qui partage des conseils et des stratégies pour gérer les allergies dues aux animaux! Une excellente offre qui touche en plein coeur, surtout lorsqu’on vit des problèmes récurrents avec un animal.
Exemple de pop-up #3 : BetFront
Voici pourquoi ce pop-up est un excellent exemple de pop-up efficace : car en un clin d’oeil on sait exactement de quoi il s’agit, ce qu’on bénéficie et comment en profiter! La grosse headline mentionne exactement ce que vous allez bénéficier «Des conseils de paris sportifs gratuits à tous les semaines». J’adore l’idée de mettre 2 gros boutons pour faire son choix : OUI ou NON. C’est simple, clair et vraiment puissant. Vous pourrez faire exactement la même chose avec votre offre et regardez le nombre de gens qui cliquent sur oui!
D’ailleurs, tout au long de cet article, vous constaterez que les headlines jouent un rôle crucial dans les performances d’un pop-up. Consultez notre article sur les meilleurs exemples de headlines pour trouver des headlines qui punchent!
Exemple de pop-up #4 : CertaPet
Un bel exemple d’utilisation créative d’un pop-up pour savoir exactement pour quelle raison le visiteur est sur le site et ainsi pouvoir lui envoyer des communications adaptées à ses intérêts! La couleur des boutons est contrastante et attire instantanément l’oeil.
Exemple de pop-up #5 : Guest List
Remarquez bien une chose, jusqu’ici les pop-up ont toujours utilisés des couleurs bien contrastantes pour attirer l’oeil et faire ressortir le pop-up! Le fond est d’un beau bleu très clair et les boutons sont de couleur jaune pour bien ressortir et attirer l’oeil.
Ici, on sait exactement à quoi s’attendre : Recevoir des conseils et des astuces de design intérieur. Pour quelqu’un qui cherche à refaire la déco à la maison, c’est une excellente occasion d’apprendre des trucs et pouvoir rendre sa maison plus belle.
Exemple de pop-up #6 : ProModo
J’adore cet exemple de pop-up, puisqu’on voit directement la headline et le produit qu’on offre : une checklist SEO. Pour les gens qui s’intéressent à augmenter dans les résultats des moteurs de recherche, ça peut être une offre très alléchante.
Remarquez comment la headline est beaucoup plus grosse que le reste du texte. Le but est de mettre l’emphase sur cette partie de texte. Ensuite, on a un bouton rouge voyant pour attirer l’oeil sur le call-to-action. Remarquez aussi la mention « Free Guide » (guide gratuit) en rouge. On tient vraiment à mettre cette partie de l’avant pour influencer le visiteur à demander le guide!
Exemple de pop-up #7 : Gym In The Muscle
Ce qu’on aime bien de ce pop-up est sa simplicité, mais surtout la manière dont ont fait référence qu’on rejoint une équipe lorsqu’on s’abonne à la newsletter de Gym In The Muscle. Ils ne mentionnent pas uniquement de rejoindre la newsletter, mais de rejoindre «L’équipe des esprits d’acier», ça renforcit le désir d’appartenance à un groupe et attire les gens qui cadrent dans le persona.
Exemple de pop-up #8 : Jon Morrow
Voici un excellent exemple ici, si vous offrez un ebook gratuit, on vous recommande fortement de vous inspirer de ce genre de pop-up! Le guide est bien mis en valeur avec un visuel qui ressemble à un livre physique.
De plus, la headline vient vraiment amplifier le désir «Une feuille de route pour écrire des articles de blog viraux». Juste avec la headline, on a envie de savoir ce qui se cache dans ce guide. Notez encore une fois l’appel à l’action orange pour bien contraster avec le reste du design!
Exemple de pop-up #9 : Cindy Joseph
La beauté de ce pop-up est directement dans les couleurs et le design. Franchement tout est magnifique dans ce pop-up. La headline qui est bien grosse et qui donne envie d’en savoir plus. Le design du ebook, qui lui ajoute de la valeur et le beau gros Call to Action rose qui est très gros. Ce genre de pop-up est bien designé, donne un look professionnel et on sait exactement à quoi s’attendre lorsqu’il apparaît.
Exemple de pop-up #10 : BetFront
On aime beaucoup les pop-up colorés avec de gros boutons. Ici, on dirait un mélange du pop-up #9 et #3, puisqu’on a deux gros boutons pour prendre la décision et en savoir plus. En plus d’avoir une belle headline qui montre clairement ce qui nous attend en cliquant sur oui. Un guide de 80+ pages pour obtenir des ressources Excel, quelque chose de concret qui donne envie. Remarquez la grosse des boutons, ils couvrent quasiment 50% de la grosseur du pop-up.
Exemple de pop-up #11 : 2XeCommerce
J’adore ce pop-up de 2XeCommerce, car il montre à quel point la headline joue un rôle primordial dans la performance du pop-up. À un tel point qu’on pourrait simplement mettre une headline et aucun autre texte et l’outil pourrait très bien fonctionner!
Le tout jumelé à un call-to-action bien claire, de couleur. Puis, dans cette situation, on rappelle que l’ebook est gratuit en le mentionnant dans l’appel à l’action «Obtenir l’ebook gratuit maintenant». On voit ici à quel point un pop-up n’a pas besoin d’être compliqué, mais simplement très visuel et très séduisant.
Exemple de pop-up #12 : America’s Test Kitchen
Ici on a un exemples de pop-up extrêmement simple qui fonctionne super bien à cause de 2 éléments simples :
- L’offre qui est d’une grande valeur (tous les épisodes et les recettes gratuitement).
- Des images qui provoquent l’imagination et qui donnent envie.
Le pop-up n’a pas besoin d’être très complexe, comme vous pouvez le constater, il y a très peu de texte, simplement une offre d’une grande valeur perçue et des images séduisantes.
Exemple de pop-up #13 : BLK & BOLD
Ici, on a une certaine subtilité, le pop-up offre simplement un rabais de 15% sur la première commande. Ce genre de fonctionnement est assez difficile à faire fonctionner, mais quand on le fait bien, il peut réellement être un outil puissant!
Ce qu’on trouve bien piloté dans ce pop-up est le fait qu’on a mis le produit bien de l’avant, le produit est la vedette du pop-up. De plus, on a mis la headline «Obtenez 15% de réduction sur votre première commande» et surtout, une mention «le code apparaîtra sur la prochaine fenêtre». C’est très ingénieux, car on le sais tout de suite qu’on aura le code rabais immédiatement, sans attendre et sans devoir quitter la fenêtre et ouvrir ses emails.
Exemple de pop-up #14 : Blue Apron
Une technique marketing assez puissante et extrêmement simple est de tout simplement montrer des photos du produit en réelle. Surtout dans le cas des recettes, c’est beaucoup plus alléchant de montrer les plats montés. On s’imagine tout de suite être capable de créer le même genre de plats. Ici Blue Apron propose un foule de recettes gratuitement envoyés par email dans leur Newsletter, c’est un bon incitatif à s’inscrire puisqu’on envois du contenu intéressant et concret à tous les semaines.
Exemple de pop-up #15 : Country Living
J’adore la headline bien solide de ce pop-up qui dit «Ces recettes faciles pour le souper sont là pour sauver vos soirées!», c’est une manière tellement intéressantes de mettre de l’avant sa liste de recettes faciles à faire et qui parle au consommateur moyen qui ne sait jamais quoi cuisiner la semaine.
En plus, on peut rapidement le voir, mais juste au-dessus du formulaire, on nous mentionne qu’il y a plus de 70 recettes qui prennent moins de 30 minutes à cuisiner. C’est une véritable mine d’or pour la personne qui cherche des idées de souper à faire!
L’offre séduisante est vraiment la pierre angulaire de ce pop-up!
Exemple de pop-up #16 : This Just Works
J’adore cet exemple de pop-up, car il est simple, court et vraiment impactant, car on parle de «45 Méthodes pour transformer les résultats de votre marketing digital dès maintenant», puis le call to action mentionne qu’on peut s’inscrire gratuitement dès maintenant.
En quelques lignes, on sait exactement à quoi s’attendre et comment en profiter. Bien sûr, sans oublier les couleurs contrastantes qui attirent véritablement l’oeil! On commence à voir un pattern n’est-ce pas?
Exemple de pop-up #17 : Ecommerce Growth Stories
J’adore le pop-up de Ecommerce Growth Stories, car parfois un bon pop-up n’a pas besoin d’être hyper gros ou intrusif pour bien fonctionner. Il peut seulement être une barre pleine largeur dans le bas de l’écran pour annoncer un événement, pour bien fonctionner.
C’est le cas de cet événement dans lequel on met de l’avant les figures d’autorités présentes lors de l’évènement, avec une date et un simple bouton contrastant pour en savoir plus sur l’événement. Si vous organisez un concours, un webinaire ou un événement, ça peut être une bonne méthode pour attirer du trafic sur votre page d’inscription.
Exemple de pop-up #18 : MailerLite
Ce pop-up est un excellent exemple de pop-up par sa simplicité et son efficacité. L’offre qui est mise de l’avant ici est simplement de s’abonner à leur liste d’emails. Mais la manière dont MailerLite le font est très fluide, ils mentionnent qu’à l’intérieur de leur newsletter hebdomadaire, ils partagent leur meilleur contenu, conseils et astuces pour aider les entrepreneurs à faire croître leur entreprise.
On ne le voit pas dans l’image malheureusement, mais ce qui attire l’oeil et qui est bien intéressant est que le mot «Email» surligné est vert est, en fait, un GIF qui change pour «Landing Page», «Pop-up», «Sales», etc. Pour sous-entendre plusieurs sujets sur lesquels on peut apprendre grâce à leur newsletter.
Exemple de pop-up #19 : Marketing Examples
Ce qui est particulièrement efficace dans l’exemple de pop-up de Marketing Examples est l’abondance de preuves sociales qui vient crédibiliser la qualité de la newsletter de Marketing Examples. On mentionne que la newsletter est votée comme étant #1, qu’il y a plus de 130 000 personnes abonnées et en plus, on peut voir une foule de commentaires positifs sous le formulaire.
Pour ceux qui auront un oeil fin, vous remarquerez qu’on s’est grandement inspiré du pop-up de Marketing Examples pour faire le notre! J’adore comment Harry a mis de l’avant l’abondance de preuves sociales et comment il liste les conseils qu’il partage dans sa newsletter (qui est franchement très intéressante).
Exemple de pop-up #20 : Neil Patel
La headline est claire et précise : «Voulez-vous plus de trafic SEO?», un visiteur qui visite un site qui se spécialise dans le SEO veut bien évidemment avoir plus de trafic SEO, donc la réponses est invariablement «Oui»! Alors l’offre qu’il fait a beaucoup plus de chance d’être bien reçue.
Ce qui est offert est un simple quizz pour obtenir un plan d’action personnalisé qui se déroule sur 7 semaines, clairement un plan d’une grande qualité si ça se déroule sur autant de temps. Si c’est autant élaboré, c’est qu’il doit y avoir beaucoup de conseils! Ce qu’on aime bien est la petite citation de Neil en bas qui dit «On analyse votre site web pour identifier les erreurs SEO, les opportunités de mots-clés ainsi que la compétition», très intéressant pour quelqu’un qui chercher à améliorer son SEO.
Exemple de pop-up #21 : Optimonk
Ici, on a un magnifique pop-up, très professionnel et très calme pour présenter un guide qui semble très puissant. Du moins selon la headline qui punch avec un bénéfice clair présenté dans un temps donné. D’ailleurs, c’est une des formules de titres qui fonctionnent le mieux dans les headlines qui punchent le plus en général.
Exemple de pop-up #22 : Optimonk
Voici un autre excellent pop-up de la part d’Optimonk, spécialistes en pop-ups. Ce qui est extrêmement astucieux de leur part et l’utilisation professionnelle des preuves sociales pour crédibiliser leur offre. Ici on parle principalement d’ouvrir un essai gratuit de leur plateforme en montrant que même les plus grandes marques utilisent leur outil.
Exemple de pop-up #23 : Optimonk
Vous comprendrez que quand nous avons été sur le site d’Optimonk, nous avons tombé sur une mine d’or de pop-ups. Ici, on a un excellent exemple d’un bon pop-up pour présenter un ebook très intéressant sur l’utilisation des pop-ups. Le guide est présenté comme un livre, sur un fond mauve très contrastant, encore une fois l’utilisation des couleurs contrastantes joue un très grand rôle dans les performances d’un pop-up. Ensuite, la headline est très séductrice pour donner envie d’obtenir le guide : «Le guide ultime des pop-ups performants.», la sous-headline est tout aussi intéressante, pour clouer le dernier clou dans le cercueil, on mentionne «Téléchargez ce guide pour apprendre comment créer des pop-ups qui vont augmenter vos revenus jusqu’à 10 fois.»
Un excellent pop-up sur lequel s’inspirer.
Exemple de pop-up #24 : Panier abandonné
J’adore ce pop-up simple, mais efficace. Ici, c’est clair, on propose une réduction sur les frais d’expédition si la personne commande dans les 8 prochaines minutes. C’est un excellent pop-up à afficher sur la page de confirmation de la commande, si on voit que la personne hésite et tente de quitter le site web. On vient sauver la commande en offrant une réduction. C’est le genre de pop-up très précis qui sera présenté sur une seule page : la page de commande. Pour s’assurer de ne pas perdre de précieuse ventes. En obtenant l’adresse email du visiteur, on peut ensuite le relancer par email pour confirmer sa commande s’il ne l’a toujours pas passé.
Exemple de pop-up #25 : Bounce Exchange
Constatez la simplicité de ce pop-up. On a affaire à un pop-up hyper simple, mais à la fois hyper efficace. Comme quoi, l’efficacité est dans la simplicité. On propose simplement un guide «Guide des 7 étapes pour faire des tests A/B» un guide qui va intéresser toutes personnes qui veut faire des tests A/B efficace. On a deux options : le prendre ou le laisser.
Exemple de pop-up #26 : Social Trigger
Un excellent exemple de pop-up, tout simplement phénoménal ici puisqu’on a la plupart des ingrédient pour un excellent pop-up;
- Une headline percutante et séduisante
- Le contraste des couleurs
La puissance de cette fenêtre réside amplement dans sa headline puissante qui met bien en évidence le gain que la personne veut faire : Obtenir 5000 abonnés, gratuitement.
Exemple de pop-up #27 : SkinCare
Encore un magnifique exemple de pop-up efficace, mais cette fois-ci J’ADORE comment on utilise le pop-up pour segmenter les problèmes du visiteur. Chaque option permet de mettre l’abonné dans une liste spécifique à son besoin. Ainsi, on est en mesure d’envoyer des emails personnalisés à tous les abonnés qui vivent un problème d’acné ou un problème de peau sèche. C’est une méthode vraiment astucieuse pour segmenter ses abonnés et être encore plus efficace dans ses emails.
6 Conseils pour créer les meilleurs pop-ups
Maintenant que vous êtes bien inspirés pour créer vos propres pop-up et capturer continuellement de nouvelles adresses email, voici certaines bonnes pratiques à garder en tête dans la création de voter pop-up. Dans la création de votre pop-up osez vous inspirer des exemples de pop-up partagés ci-dessus pour créer le votre!
En suivant ces bonnes pratiques, vous vous assurerez de maximiser vos chances de créer un excellent pop-up, le genre de pop-up qui vous aide à capturer un maximum d’abonnés.
Heureusement, la liste est assez courte et facile à suivre, donc vous n’aurez aucune difficulté à suivre les conseils suivants :
Utilisez des couleurs contrastantes
Le but ici est de rapidement capturer l’oeil du visiteur pour lui permettre de rapidement remarquer votre offre.
Donc n’hésitez pas à utiliser des couleurs contrastantes et des couleurs qui attirent l’oeil pour attirer l’attention du visiteur.
Pensez toujours à l’offre
L’offre est le point le plus important de la performance d’un pop-up, tout, absolument tout dépend de la qualité de l’offre. Quand on parle de l’offre, on fais référence au Lead Magnet que vous allez proposer en échange de l’adresse email du visiteur.
Plus cette offre est intéressante, plus ce sera facile de capturer de nouveaux emails. Pour vous inspirer à créer un lead magnet irrésistible, nous vous partageons 29 exemples de Lead Magnet, ainsi, vous pourrez être certain de trouver la bonne offre à partager!
Contextualiser l’offre selon la page
C’est toujours bon de présenter le pop-up sur une page qui est cohérente avec l’offre que vous offrez. C’est-à-dire que vous maximisez vos chances que votre pop-up soit apprécié s’il est présenté sur une page qui a rapport avec l’offre.
Comme par exemple, disons que nous sommes sur un article de blog qui parle de 12 trucs pour améliorer son SEO, ça serait cohérent d’afficher un pop-up pour offrir une analyse SEO gratuite!
Mais si sur ce même article de blog, vous offrez une formation gratuite sur la publicité Instagram… C’est moins cohérent avec le contenu et ça va impacter les performances de votre pop-up et par conséquence, l’expérience de votre visiteur.
La headline est le 2e point le plus important
Pensez toujours au titre qui sera présent sur votre pop-up, car c’est celui-là qui va donner envie à votre visiteur de considérer l’offre. Le design contrastant va attirer l’oeil, la headline va donner envie de lire le pop-up et l’offre va donner envie d’obtenir l’offre!
Que ce soit pour votre pop-up, votre landing page, vos pages de vente ou même vos emails, la headline est toujours une pièce importante à ne pas négliger, c’est elle qui aspire le visiteur dans votre texte.
Mettre des bénéfices clairs
Les bénéfices sont toujours un élément bénéfique à inclure, peu importe la pièce d’écriture que vous faites. C’est ce qui fait passer un texte de « peu convaincant » à « très convaincant », car il fait directement comprendre à l’internaute ce qu’il a à gagner à consommer ce que vous lui offrez.
Les bénéfices doivent être clairs comme de l’eau de roche pour que vous puissiez donner envie de s’inscrire sur votre pop-up. Est-ce que votre offre fait gagner du temps? De l’argent? Avoir une meilleure santé? Être plus beau? Souffrir moins ou dépenser moins d’énergie?
Mettre de la preuve sociale (si possible)
Les preuves sociales sont les avis clients positifs qui corroborent la qualité de votre offre. Ils ajoutent une touche de popularité, mais surtout de crédibilité à ce que vous offrez. Imaginez offrir un produit, mais que personne ne dit s’il est bon ou non… Ça semble être risqué. Mais imaginez ensuite vendre un produit qui possèdent 284 avis positifs 5 étoiles qui disent «Vraiment un excellent produit, ça marche réellement!»
Ça peut être une simple mention du nombre d’abonnés à votre infolettre, quelques commentaires positifs ou des logos d’entreprises à haute notoriété. Tout ce qui est de la preuve extérieure que votre offre est bonne!
Les questions fréquemment posées en lien avec les pop-ups!
Est-ce qu'un pop-up ça fonctionne réellement?
Oui! Absolument! Un bon pop-up permet de capturer entre 5% et 10% des visiteurs d'un site web. Ce sont de précieuses victoires faciles à obtenir simplement en ajoutant une fenêtre contextuelle pour ajouter plus de ressources à celle que l'utilisateur consulte déjà.
Est-ce que les pop-ups font fuir les visiteurs d’un site web ?
Un pop-up mal paramétré qui arrive trop tôt et entre en compétition avec le contenu de la page peut faire fuir les visiteurs.
Pour savoir si votre pop-up fait fuir vos visiteurs, comparez le taux de rebond sur vos pages et le taux de conversion de vos pop-ups. Si, après avoir installé un pop-up, votre taux de rebond monte en flèche et que votre taux de conversion est bas, votre pop-up est probablement mal paramétré et fait fuir vos visiteurs.
À quelle fréquence devrais-je afficher un pop-up pour ne pas déranger mes visiteurs ?
Une fois, par visiteur, par jour. Donc le même visiteur ne verra pas deux fois le même pop-up s'il n'a pas converti. Le pop-up lui sera présenté une nouvelle fois après 24h pour lui permettre de continuer sa navigation sans être trop dérangé.
Est-ce que les pop-ups respectent le RGPD/Loi 25 ?
Absolument. Il est tout à fait légal d'utiliser un pop-up sur votre site web. Il faut simplement s'assurer d'avoir le consentement exprès de l'utilisateur pour capturer son adresse email et lui envoyer des emails. Donc, vous devrez avoir une case à cocher sur votre pop-up pour que le visiteur accepte de recevoir des emails commerciaux de votre part et un email de double optin pour s'assurer qu'il accepte bel et bien. Consultez notre article spécifique pour tout savoir sur la Loi 25 au Québec.
