Plugins pop-up WordPress : le bon, le mauvais et le truand

Publié: 2021-10-12

Pop-ups, vous les avez certainement vus sur de nombreux sites Web. Ce sont des fenêtres qui s'affichent sur un site lorsque vous lisez un article ou essayez de le quitter. Leur objectif principal est de développer la liste de diffusion d'une entreprise (c'est-à-dire l'acquisition de prospects).

Certains spécialistes du marketing les adorent, d'autres non. Certains visiteurs du site Web pourraient se sentir ennuyés par eux. Mais pourtant, pourquoi sont-ils encore utilisés ?

Parce qu'ils sont un bon outil de génération de leads s'ils sont utilisés intelligemment.

Par exemple, les gens de Sleeknote ont analysé les données de plus d'un milliard de vues de popup, de leurs meilleurs clients. Ils ont constaté que les fenêtres contextuelles affichées après huit secondes se convertissent mieux que les fenêtres contextuelles affichées avant ou après. Statistiques contextuelles

Regardez ça : 3,62 % de taux de conversion pour un pop-up qui s'affiche après 8 secondes, contre 0 % (c'est-à-dire pas de pop-up). Cela signifie certainement quelque chose, non?

Maintenant, dans cet article, nous allons parler de :

Les meilleurs plugins contextuels WordPress disponibles ;
L'anatomie d'un pop-up ;
Meilleures pratiques de cas contextuels ;
Inspiration pop-up.

On y va?

Les meilleurs plugins contextuels WordPress

Maintenant, lorsque vous commencez à chercher un plugin WordPress contextuel pour répondre à vos besoins, voici quelques fonctionnalités qui peuvent s'avérer utiles :

Modèles préconçus disponibles, pour que vous n'ayez pas toujours besoin de repartir de zéro, ou si vous avez besoin d'inspiration ;
Générateur de fenêtres contextuelles par glisser-déposer, afin que vous puissiez tout concevoir rapidement et facilement, sans code ;
Intégrations de marketing par e-mail : assurez-vous que votre plugin WordPress pop-up s'intègre parfaitement à votre fournisseur de messagerie.
De nombreux déclencheurs disponibles pour votre pop-up : intention de sortie, basée sur le temps passé sur une page, la géographie, les visiteurs récurrents par rapport aux nouveaux visiteurs, etc. ;

Voyons maintenant 5 des meilleurs plugins pop-up WordPress de l'écosystème :

OptinMonster

Actuellement utilisé par plus de 1 213 400 sites Web, il s'agit d'un produit SaaS autonome. Ils ont également un plugin WordPress, avec plus de 1 000 000 d'installations actives.

Voici quelques-unes de ses fonctionnalités les plus précieuses :

Différents formats de pop-up disponibles : lightbox, barres flottantes, slide-ins, roues gamifiées, compte à rebours, et bien d'autres ;
Faites glisser et déposez le générateur de pop-up WordPress ;
Modèles de pop-up prédéfinis ;
Personnalisations multiples basées sur le comportement : intention de sortie, géolocalisation, reciblage, etc. ;
Test A/B contextuel ;
Animations et effets sonores ;
Intégration avec les plugins de formulaire WordPress les plus populaires ;
Intégrations de marketing par e-mail (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo et bien d'autres) ;

Tarification : À partir de 9 $ / mois, facturé annuellement pour le forfait Basic.

PopupMaker

Utilisé sur plus de 600 000 sites, ce plugin pop-up WordPress est très populaire. Voici quelques-unes de ses fonctionnalités les plus précieuses :

Intégration avec les plugins de formulaire WordPress les plus populaires (Ninja Forms, Gravity Forms, Contact Form 7, etc) ;
Intégrations de marketing par e-mail (Mailchimp, GetResponse, Hubspot et bien d'autres) ;
Ciblez tout contenu WordPress tel que les publications, les pages et 26 autres ;
Programmation des pop-ups ;

Tarification : À partir de 87$/an pour le forfait Start.

Agitation

Utilisé sur plus de 100 000 sites, ce plugin pop-up WordPress est créé par WPMU DEV. Ils sont derrière de nombreux plugins WordPress populaires.

Voici quelques-unes des fonctionnalités les plus précieuses de Hustle :

Modèles pour différents cas d'utilisation (par exemple, Black Friday, cadeau, avis COVID, inscription à la newsletter) ;
Pop-ups entièrement réactifs ;
De nombreuses options de style disponibles, des bordures, des ombres, de l'espacement, de la typographie, de la couleur, au CSS personnalisé ;
De nombreux déclencheurs de comportement tels que le temps passé sur la page, le défilement, l'intention de sortie, etc.
Intégrations de marketing par e-mail (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo et bien d'autres) ;

Tarification : 5 $ / mois, facturé annuellement pour le plan Hustle Pro. Essai gratuit disponible.

Sumo

Sumo est un plugin WordPress qui aide plus de 60 000 sites Web à développer leur liste de diffusion avec des pop-ups chronométrés. Identique à OptinMonster, il fonctionne également comme un produit autonome. En dehors de WordPress, il alimente encore plus de sites Web.

Voici quelques-unes de ses caractéristiques les plus importantes :

Planifiez des e-mails marketing ponctuels ou des e-mails pour communiquer avec vos abonnés ;
Formulaires d'inscription ;
Contrôle total de la conception sur les pop-ups ;
Modèles préconçus ;

Prix : les gens de Sumo se vantent que vous pouvez utiliser Sumo GRATUITEMENT et ne payez que lorsque vous obtenez plus de clients.

Le forfait PRO commence à 39 $ / mois facturé annuellement.

ConvertPro

Convert Pro est notre choix pour créer des pop-ups WordPress. Il est vraiment flexible et offre de nombreuses options de conception et de déclenchement.

Voici les fonctionnalités que nous aimons :

Éditeur glisser-déposer ;
Réactivité mobile ;
Pop-ups en plusieurs étapes ;
Beaucoup d'options de déclenchement ;
Énorme bibliothèque de modèles ;
De nombreux formats de pop-up sont disponibles : intention de sortie, clic, barres d'informations, diapositives, CTA en ligne, CTA en plein écran, tapis de conversion, etc.
Test A/B facile ;
Intégrations de marketing par e-mail (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo et bien d'autres) ;

Tarification : À partir de 79 $ / an.

Comment créer une pop-up WordPress avec ConvertPro

Il est temps de passer à une démo, vous ne pensez pas ?

Parce que nous sommes des utilisateurs de Convert Pro, je vais vous montrer comment nous utilisons l'outil, ici chez Colibri.

Voici les étapes pour créer un pop-up WordPress avec Convert Pro :

Après avoir acheté le plugin, rendez-vous sur la boutique BrainStormForce (les créateurs du plugin) et téléchargez un fichier zip avec Convert Pro . Maintenant, rendez-vous sur votre tableau de bord WordPress -> Plugins -> Ajouter un nouveau. Téléchargez ici votre fichier zip, puis activez le plugin.
Accédez à Tableau de bord WordPress -> Convert Pro -> Créer un nouveau.
Sélectionnez le type de pop-up WordPress que vous souhaitez .
Sélectionnez un modèle et un objectif.
Nommez votre pop-up puis cliquez sur "Créer".
Commencez à concevoir votre pop-up . Ajoutez-y des titres, des paragraphes, des visuels. Vous pouvez choisir parmi plusieurs formes et formats de boutons dans le menu de gauche. Vous pouvez même ajouter un compte à rebours si vous organisez une promotion, par exemple. Dans l'option "Panneau", vous pouvez ajuster la taille de votre fenêtre contextuelle, ajouter une animation, des arrière-plans, etc. Vous pouvez également styliser votre formulaire comme bon vous semble. Vous pouvez également créer des fenêtres contextuelles en plusieurs étapes dans les options avancées. Vous pouvez prévisualiser la version mobile de votre pop-up lorsque vous cliquez sur l'icône mobile en haut de votre tableau de bord.
Configurez votre formulaire . A ce niveau, vous pouvez choisir parmi une multitude de déclencheurs. Dans le menu "Cible", vous pouvez ajuster vos paramètres en fonction de la géolocalisation, de l'appareil et d'autres comportements de l'utilisateur. Par exemple, j'aime créer des fenêtres contextuelles distinctes pour les mobiles et les ordinateurs de bureau. Sur les appareils mobiles, je déclenche les pop-ups WordPress après 5 secondes, tandis que sur le bureau, j'utilise l'intention de sortie.
Connectez Convert Pro à des outils tiers , tels que des formulaires et des logiciels de marketing par e-mail.
N'oubliez pas de sauvegarder et de "rendre public" votre pop-up WordPress une fois que vous avez terminé.

Et c'est tout. Vous avez votre premier pop-up WordPress !

Maintenant que vous savez comment concevoir une fenêtre contextuelle, examinons ses éléments indispensables.

L'anatomie d'un pop-up

Comme mentionné précédemment, une fenêtre contextuelle est utilisée pour convertir les visiteurs en prospects ou les prospects en clients.

Comment un pop-up peut-il vous aider à atteindre cet objectif ? Lorsqu'elles sont utilisées correctement, les pop-ups peuvent apparaître devant la bonne personne, au bon moment, avec le bon message, afin de maximiser les chances de conversion.

Donc, voici les éléments d'un pop-up :

Un formulaire . Ces formulaires peuvent être très basiques, avec seulement un bouton d'appel à l'action, ou peuvent avoir des champs personnalisés supplémentaires.
Un déclencheur . Ces pop-ups peuvent apparaître en fonction du comportement de certains sites Web ou utilisateurs, par exemple : après 8 secondes sur la page, après un défilement de 70 %, lorsque l'utilisateur a l'intention de quitter le site Web, etc.
Ciblage . Vous pouvez déclencher l'affichage de ces pop-ups en fonction de la géolocalisation du visiteur, ou du type de page sur lequel il se trouve, etc. Peut-être que le visiteur lit un article sur les régimes alimentaires sains. Vous pourriez lui montrer un pop-up faisant la promotion de votre ebook avec des recettes de smoothies énergisantes. La personnalisation est essentielle ici si vous souhaitez maximiser vos taux de conversion.
Des éléments de design personnalisés pour vous aider à faire passer votre message ou à le rendre plus attractif : images, vidéos, etc.

Maintenant, votre travail ne s'est pas terminé avec la conception du pop-up. Vous devez déterminer les prochaines étapes. Habituellement, vous devrez entretenir vos prospects via des campagnes de marketing par e-mail. Cela signifie que vous aurez besoin d'un logiciel de messagerie pour vous connecter à votre plugin WordPress pop-up.

Voyons maintenant quelques bonnes pratiques pour concevoir des pop-ups hautement convertissants.

Meilleures pratiques de cas contextuels

Je vais garder ce court et doux. Nous y voilà:

Ne soyez pas intrusif avec vos pop-ups. Soyez sage avec vos déclencheurs. J'opte toujours pour l'intention de sortie, de sorte que je n'interfère pas beaucoup avec l'expérience utilisateur.
N'affichez pas de pop-ups sur toutes vos pages. Réfléchissez à l'objectif de votre page. Voulez-vous vraiment afficher une fenêtre contextuelle sur les pages de tarification ou de contact ? Soyez sage à ce sujet.
Assurez-vous que votre pop-up s'affiche bien sur tous les appareils.
Facilitez la fermeture de la fenêtre contextuelle pour les visiteurs du site Web.
Utilisez des images dans vos pop-ups. L'analyse Sleeknote a montré qu'ils convertissent mieux que ceux sans images.
Induisez FOMO (peur de manquer quelque chose) dans votre copie pop-up. Par exemple, vous pouvez le faire en insérant un compte à rebours indiquant aux gens combien de jours il reste avant la fin de votre promotion.
Plus vous avez de champs dans votre formulaire, moins il y a de conversions. Faites attention à la façon dont vous équilibrez ces choses. D'une part, plusieurs champs de formulaire peuvent vous aider à mieux segmenter vos prospects.
Déterminez les objectifs et le but de l'utilisation d'un pop-up particulier.
Mettez en place des pop-ups chronométrés pour un meilleur engagement.
Essayez de segmenter les pop-ups pour les nouveaux visiteurs et les visiteurs récurrents.
Lorsque les utilisateurs font défiler votre contenu ou passent plus de temps sur un article, cela signifie que vous avez capté leur attention. Que diriez-vous d'utiliser un déclencheur de défilement pour leur montrer une fenêtre contextuelle vers une mise à niveau de contenu ou une invitation à un webinaire ?

7 exemples de Pop-up pour vous inspirer

Maintenant, assez avec la théorie, regardons quelques vrais pop-ups.

Exemple de pop-up 1 : Sleeknote

Cette pop-up Sleeknote utilise la preuve sociale pour essayer de convaincre les gens de s'abonner à leur newsletter. Lorsque vous vous inscrivez, vous rejoignez 70 000 autres spécialistes du marketing.

Et parce que certaines personnes peuvent être fatiguées des newsletters, elles utilisent le terme « inspiration marketing hebdomadaire ». Sleeknotes « soudoie » également ses visiteurs avec un accès à vie aux ressources client en échange d'un abonnement. Ils utilisent également un gif et une émoticône pour rendre la fenêtre contextuelle plus attrayante visuellement.

Exemple de pop-up Sleeknote

Exemple de pop-up 2 : Hubspot

Dans l'exemple ci-dessous, nous avons une fenêtre contextuelle d'intention de sortie de Hubspot (logiciel de marketing et de vente) qui tente de convaincre les visiteurs de leur site Web de s'abonner à leur newsletter. Ils utilisent également la preuve sociale pour être plus convaincants : plus de 600 000 spécialistes du marketing l'ont déjà rejoint.

Ils pourraient utiliser des images pour avoir l'air plus accrocheur. Exemple de pop-up Hubspot

Exemple de pop-up 3 : Haute Hijab

Cette boutique de commerce électronique de plusieurs millions de dollars utilise un pop-up qui offre 15% de réduction aux visiteurs qui s'abonnent à la newsletter.

Exemple de pop-up Haute Hijab

Exemple de pop-up 4 : Backlinko

Brian Dean, le célèbre expert SEO, a du contenu verrouillé sur le blog. C'est une étude de cas vraiment précieuse qu'il est prêt à partager avec son lecteur en échange de son e-mail.

Lorsque vous cliquez sur le bouton "Déverrouiller maintenant", vous déclenchez une fenêtre contextuelle.

Backlinko pop-up en un clic

Exemple de pop-up 5 : Mailpoet

Mailpoet (logiciel de marketing par e-mail) et la plupart des sites Web utilisent une fenêtre contextuelle pour informer les visiteurs sur les cookies du site Web. Mailpoet le fait avec un design pop-up épuré, pas le vieux, gris et terne auquel nous sommes habitués.

Pop-up d'avis de cookie

Exemple de pop-up 6 : Virgin Atlantic

Virgin Atlantic utilise une barre d'informations contextuelle pour informer les passagers sur les mesures de sécurité liées au COVID-194.

D'autres sites Web utilisent cette tactique pour promouvoir des ventes spéciales, et combinent même cela avec un compte à rebours.

Exemple de pop-up 7 : Dedoles

Essayez d'attirer les visiteurs du site Web avec des bonus secrets. Les gens de Dedoles utilisent une roue de prix pour cela. En échange de votre email, vous recevrez une réduction ou un cadeau.

exemple de pop-up de site web

Emballer

Cligne des yeux deux fois si tu es toujours avec moi

Voyons maintenant ce que nous avons appris aujourd'hui :

Quels sont les 5 meilleurs plugins contextuels WordPress de l'écosystème ;
Comment utiliser ConvertPro pour créer des pop-ups WordPress ;
Quels sont les éléments d'un pop-up ;
Quelles sont les meilleures pratiques de cas que vous pouvez voler pour créer des pop-ups WordPress qui convertissent ;

C'est tout !

Si vous avez aimé cet article et que vous souhaitez en savoir plus sur la conception d'un site Web WordPress , assurez-vous de vous abonner à la chaîne Youtube de Colibri et suivez-nous sur Twitter et Facebook !