Comment créer un popup dans WordPress (étape par étape)

Souhaitez-vous utiliser des popups pour améliorer l'engagement, les prospects et les ventes sur votre site WordPress ?

Les popups peuvent vous aider à attirer l'attention d'un visiteur pour l'inciter à agir, comme s'inscrire à une newsletter, acheter quelque chose, visiter une vente flash, et plus encore.

Il y a tellement de possibilités avec les popups ! Dans ce tutoriel, nous vous montrerons la meilleure façon de créer un popup dans WordPress.

Ce qu'il faut savoir avant de créer un popup dans WordPress

Il n'y a pas si longtemps, les popups avaient une mauvaise réputation : intrusifs, insistants et tout simplement agaçants. Et pour cause. Les sites web abusaient des popups et les affichaient partout où ils le pouvaient.

Ce type de stratégie n'augmentera pas les taux de conversion, mais pourrait faire fuir vos visiteurs de votre site.

Au lieu de cela, vous voudrez cibler vos clients au bon moment et au bon endroit, là où ils sont les plus susceptibles de convertir. En leur montrant une offre pertinente ou un appel à l'action, vous avez une plus grande chance de les convertir en abonnés et en clients.

Pour créer de beaux popups qui fonctionnent réellement et apportent des résultats, nous vous recommandons d'utiliser un outil puissant comme OptinMonster.

OptinMonster est sans aucun doute le meilleur plugin de création de popups pour WordPress. Il vous permet de créer tout type de campagne de génération de prospects ou de conversion sur votre site. Cela signifie que vous ne serez pas limité aux popups. Vous pouvez également créer des barres flottantes, des slide-ins, des boîtes de défilement, des formulaires intégrés, des tapis plein écran, et plus encore.

OptinMonster fonctionne avec tous les sites web, y compris Shopify, BigCommerce et les sites HTML. Pour les sites WordPress et WooCommerce, il existe un plugin dédié disponible dans le répertoire WordPress. Cela vous permet d'accéder au constructeur de popups OptinMonster directement depuis le panneau d'administration de votre site web.

OptinMonster est conçu pour être facile à utiliser par n'importe qui afin de créer des campagnes époustouflantes sans aucune compétence en design ou en codage.

Il existe de magnifiques modèles réactifs et prêts à l'emploi. Vous trouverez un modèle pour presque tous les objectifs marketing et les fêtes comme Noël et le Black Friday !

Une fois que vous avez choisi un modèle, vous pouvez le personnaliser à l'aide du constructeur de campagnes facile par glisser-déposer.

La raison principale pour laquelle nous recommandons OptinMonster est qu'il est doté de règles de ciblage et de déclencheurs de campagne puissants. Certains d'entre eux incluent :

• Au clic : Affichez une fenêtre contextuelle lorsqu'un utilisateur clique sur un bouton, un lien ou une image
• Profondeur de défilement : Interagissez avec les visiteurs intéressés par votre contenu
• Géolocalisation : Engagez-vous avec les visiteurs en fonction de leur région
• Heure et date : Planifiez l'apparition des campagnes à des dates et heures définies
• Intention de sortie : Récupérez les visiteurs qui abandonnent
• Niveau de page : Adaptez les campagnes pour qu'elles correspondent à l'intention de la page

Et ce ne sont là que quelques règles populaires. Dans OptinMonster, vous aurez un contrôle total sur où, quand et à qui votre fenêtre contextuelle apparaît.

En plus de toutes ces fonctionnalités, OptinMonster s'intègre parfaitement avec les fournisseurs d'e-mails et d'autres outils marketing.

Une fois que votre fenêtre contextuelle a suscité un certain engagement, OptinMonster suit ses performances et vous donne des informations précieuses pour voir combien de personnes l'ont vue et combien ont converti.

Prêt à apprendre comment créer une fenêtre contextuelle à forte conversion pour votre site WordPress ? Plongeons directement dans le tutoriel.

La bonne façon de créer une fenêtre contextuelle dans WordPress

Pour suivre ce tutoriel, vous devrez vous inscrire à un compte OptinMonster.

OptinMonster n'a pas de version gratuite, mais ses plans sont abordables et valent chaque centime. Vous pouvez commencer pour aussi peu que 9 $ par mois avec une garantie de remboursement de 14 jours.

Après votre inscription, rendez-vous sur votre site WordPress et installez le plugin OptinMonster.

Il s'agit d'un plugin connecteur WordPress disponible gratuitement dans le répertoire WordPress.

Lorsque vous activez le plugin WordPress, un assistant de configuration automatisé vous aidera à connecter votre site à votre compte OptinMonster.

Si vous avez besoin d'aide supplémentaire, suivez ce tutoriel : Comment connecter OptinMonster à WordPress.

Une fois que tout est configuré, vous pouvez accéder au tableau de bord OptinMonster directement depuis votre panneau d'administration WordPress et commencer à créer des campagnes.

Voici un exemple du type de popup que nous allons créer aujourd'hui. Il est conçu pour inciter les visiteurs du site web à s'inscrire aux newsletters en leur offrant un aimant à prospects.

Gardez à l'esprit qu'OptinMonster propose une multitude de modèles afin que vous puissiez choisir un design qui corresponde à vos objectifs marketing. Vous pouvez créer tout type de popup, y compris des popups de réduction, de promotion, de notification, de formulaire de contact, et bien plus encore.

Étape 1 : Créer une campagne de popup

Dans votre tableau de bord WordPress, ouvrez la page du plugin OptinMonster. Ici, vous verrez les différents types de campagnes disponibles. Allons-y et sélectionnons une campagne de type 'popup'.

Cela ouvrira la bibliothèque de modèles où vous pourrez parcourir, prévisualiser et sélectionner le modèle que vous aimez. Pour ce tutoriel, nous choisirons le modèle Magnet qui est prérempli avec un formulaire d'inscription, un CTA (appel à l'action) et une image magnifique.

N'hésitez pas à choisir n'importe quel modèle que vous aimez. Pour tous les thèmes de popup, les étapes ci-dessous resteront les mêmes.

Lorsque vous choisissez un modèle, OptinMonster vous demandera d'ajouter un nom afin que vous puissiez identifier la nouvelle popup plus tard dans la liste des campagnes que vous créez. Ensuite, cliquez sur le bouton 'Commencer la création'.

Vous serez maintenant dans le constructeur de campagnes OptinMonster où vous pourrez personnaliser le design de votre popup.

Étape 2 : Personnaliser la popup

OptinMonster dispose d'un constructeur visuel par glisser-déposer qui est incroyablement facile à utiliser. Vous verrez un aperçu de votre campagne sur lequel vous pourrez apporter des modifications directement.

Si c'est la première fois que vous utilisez OptinMonster, lorsque vous ouvrirez le constructeur, vous verrez un tutoriel à l'écran qui vous montrera rapidement comment utiliser le constructeur et naviguer dans le menu des paramètres.

Gardez à l'esprit que les modèles sont superbes tels quels, vous n'aurez donc pas besoin de changer grand-chose. Nous vous montrerons comment personnaliser le modèle de popup pour qu'il corresponde à votre objectif ou à votre but.

Tout d'abord, lorsque vous sélectionnez la zone de texte, elle devient instantanément modifiable. Vous pouvez simplement supprimer le contenu existant et taper le vôtre.

Si vous souhaitez ajouter de nouveaux blocs, sélectionnez simplement celui que vous désirez dans le menu de gauche et faites-le glisser dans la conception de votre popup.

Ainsi, vous pouvez ajouter, supprimer et modifier chaque élément du modèle de popup. Vous pouvez également changer les couleurs, les polices, la taille, et plus encore.

Ensuite, pour mettre à jour l'image, sélectionnez-la simplement et téléchargez la vôtre dans le menu de gauche.

Dans l'onglet des paramètres Avancés, vous pouvez modifier la couleur d'arrière-plan, la bordure, l'espacement et le style des coins. Vous verrez même des options pour personnaliser chaque colonne dans cette section.

Une fois qu'un visiteur remplit et soumet le formulaire d'inscription, vous pouvez afficher un message de succès pour le remercier de son inscription.

Pour personnaliser le message de soumission du formulaire, ouvrez l'onglet Succès. Vous verrez la même conception de modèle avec un message de confirmation.

Vous pouvez personnaliser le message de la même manière que vous avez personnalisé la conception de la popup.

Le constructeur d'OptinMonster est conçu pour être facile à utiliser par tout le monde. Vous pouvez explorer d'autres paramètres par vous-même pour concevoir votre campagne exactement comme vous le souhaitez.

Votre conception de popup est maintenant prête. Nous vous recommandons de sauvegarder votre conception pour stocker vos personnalisations. Ensuite, nous vous montrerons comment modifier les paramètres de votre popup et ajouter des règles de ciblage.

Étape 3 : Ajouter des règles de ciblage de popup

Pour contrôler où et quand votre popup apparaît sur votre site, accédez à l'onglet Règles d'affichage.

Ici, vous verrez que par défaut, OptinMonster affiche la popup aux visiteurs du site qui passent au moins 5 secondes sur n'importe quelle page de votre site.

Vous pouvez commencer par modifier les règles existantes pour ajouter les vôtres. Lorsque vous ouvrez le menu déroulant réglé sur 'temps sur la page', la liste des règles apparaîtra.

Comme il y a tellement de règles, elles sont soigneusement catégorisées pour que vous puissiez trouver rapidement ce dont vous avez besoin. Les filtres incluent :

• Populaire
• Déclencheur
• Ciblage
• Personnalisation
• eCommerce

Nous allons vous montrer comment ajouter 2 règles ici pour afficher le pop-up aux visiteurs qui se trouvent sur une page spécifique et qui sont sur le point de quitter votre site web.

Pour cibler les visiteurs sur une page spécifique, choisissez la règle Ciblage de page.

Ensuite, vous pouvez choisir un filtre pour déterminer quelle page ou quelles pages vous souhaitez. Vous pouvez choisir de l'afficher uniquement sur la page d'accueil, des pages de destination spécifiques, des pages correspondant à un mot-clé, et bien plus encore. Enfin, dans la dernière colonne, vous pouvez entrer l'URL de la page ou le mot-clé où vous souhaitez afficher le pop-up.

Ensuite, modifiez la deuxième règle et choisissez la règle Intention de sortie®. Cela détectera automatiquement quand un visiteur est sur le point de quitter votre site et affichera le pop-up pour l'inciter à s'inscrire à la newsletter.

Voyez comme il est facile d'ajouter des déclencheurs de campagne et des règles de ciblage d'audience ? OptinMonster rend cela aussi simple qu'un clic.

Maintenant que vous avez appris à ajouter des règles d'affichage, vous pouvez intégrer le pop-up à votre compte e-mail.

Étape 4 : Synchronisez votre compte e-mail

OptinMonster se connecte à tous les services d'e-mail populaires, y compris Constant Contact, Mailchimp, AWeber et Drip.

En synchronisant votre pop-up avec votre compte de marketing par e-mail, tous les nouveaux prospects seront automatiquement ajoutés à votre liste de contacts e-mail.

Pour ce faire, dans le constructeur OptinMonster, ouvrez l'onglet Intégrations. Cliquez ensuite sur le bouton « Ajouter une nouvelle intégration ».

Vous verrez maintenant un menu déroulant avec les intégrations disponibles. Sélectionnez votre fournisseur de services d'e-mail et suivez les instructions à l'écran pour connecter votre compte.

Une fois terminé, vous pourrez également segmenter vos prospects et ajouter des balises pour organiser votre liste d'e-mails. Ainsi, vous pourrez envoyer des e-mails ciblant votre audience en fonction de ce à quoi ils se sont inscrits.

C'est tout ! Votre pop-up est conçu et correctement configuré ! Il ne vous reste plus qu'à rendre le pop-up visible sur votre site WordPress.

Étape 5 : Publiez votre pop-up WordPress

Pour publier votre popup sur votre site WordPress, accédez à l'onglet Publication. Ici, vous pouvez prévisualiser un exemple de votre popup tel qu'il apparaîtrait sur votre site WordPress en direct.

Ensuite, définissez le statut sur « Publier » et votre popup sera mis en ligne.

Ensuite, rendez-vous dans votre panneau d'administration WordPress. Ouvrez la page OptinMonster » Campagnes. Assurez-vous que le statut de votre campagne est également défini sur Publié ici.

Vous pouvez maintenant visiter votre site et vous verrez votre fenêtre popup apparaître selon les règles d'affichage que vous avez définies.

C'est vraiment aussi simple que ça. Vous n'aurez pas besoin de concevoir avec CSS et HTML ni d'intégrer de shortcodes de popup sur votre site.

Si vous utilisez OptinMonster pour créer des formulaires intégrés, vous trouverez des widgets prêts à l'emploi dans WordPress pour ajouter facilement le formulaire aux pages, articles et barres latérales.

Cela fait vraiment d'OptinMonster le meilleur plugin de popup WordPress du marché.

Sur ce, vous avez appris à créer une superbe popup à forte conversion dans WordPress. Vous pouvez continuer à utiliser OptinMonster pour créer d'autres campagnes comme des barres flottantes, des slide-ins et des boîtes de défilement !

Vous pourriez également être intéressé par la création de notifications d'activité récentes pour votre site afin d'augmenter les conversions et les inscriptions. En savoir plus à ce sujet ici : Comment développer votre liste d'e-mails avec des notifications de preuve sociale.

Nous espérons que ce tutoriel sur la création d'un formulaire popup WordPress vous a été utile. Vous serez également intéressé par la lecture de ces ressources :

• Comment créer une page de capture de prospects dans WordPress
• How to Make a High-Converting Squeeze Page in WordPress
• 11 puissants plugins de génération de leads WordPress comparés

Ces tutoriels et critiques de plugins WordPress vous aideront à générer plus de prospects à partir de votre site Web afin que vous puissiez élargir votre audience et développer votre marque.