Dernières nouvelles de SeedProd

Tutoriels, conseils et ressources WordPress pour développer votre activité

exit popup wordpress

Comment créer une fenêtre contextuelle de sortie dans WordPress 

Écrit par : avatar de l'auteur Stacey Corrin
avatar de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : avatar de l'évaluateur Turner John
avatar de l'évaluateur Turner John
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Voulez-vous ajouter un popup d'intention de sortie dans WordPress pour empêcher les visiteurs de quitter votre site sans prendre de mesures ? Avec le bon plugin WordPress exit popup, vous pouvez récupérer les visiteurs qui abandonnent, développer votre liste d'emails et augmenter vos ventes, sans écrire de code.

Dans ce guide, je vous montrerai exactement comment créer une popup d'intention de sortie à fort taux de conversion dans WordPress, je partagerai des exemples réels et je répondrai aux questions les plus courantes afin que vous puissiez commencer à transformer les sorties en conversions.

Etapes pour créer un popup d'intention de sortie dans WordPress :

Qu'est-ce qu'une fenêtre d'intention de sortie dans WordPress ?

Une popup d'intention de sortie dans WordPress est un message qui apparaît lorsque le mouvement de la souris ou le comportement d'un visiteur suggère qu'il est sur le point de quitter votre site. Ces popups vous donnent une dernière chance de capter leur attention avant qu'ils ne quittent votre site.

exemple de popup d'intention de sortie dans WordPress

La plupart des propriétaires de sites utilisent des popups d'intention de sortie pour offrir une réduction, des frais de port gratuits ou un aimant à prospects en échange d'une inscription par courriel. Elles sont particulièrement efficaces pour réduire les abandons de panier, stimuler la génération de leads et maintenir l'intérêt des visiteurs plus longtemps.

Contrairement aux popups instantanés qui apparaissent immédiatement, les popups d'intention de sortie ne se déclenchent que lorsque quelqu'un est sur le point de partir. Ce timing les rend moins dérangeantes et plus susceptibles de convertir.

Les popups d'intention de sortie fonctionnent-ils sur WordPress ?

Oui, les popups d'intention de sortie dans WordPress fonctionnent très bien pour réduire les taux de rebond et transformer les visiteurs qui abandonnent en abonnés ou en clients. Parce qu'elles n'apparaissent que lorsque quelqu'un est sur le point de partir, elles sont moins intrusives et ont plus de chances d'attirer l'attention au bon moment.

Voici quelques résultats prouvés par des études et des études de cas :

En bref, si vous souhaitez augmenter vos ventes, développer votre liste d'emails ou empêcher les gens de quitter votre site trop tôt, un popup d'intention de sortie est l'un des outils les plus efficaces que vous puissiez ajouter à WordPress.

Comment créer une fenêtre contextuelle de sortie dans WordPress

Pour ce tutoriel, j'utiliserai OptinMonster pour créer une popup d'intention de sortie dans WordPress.

Bien qu'il existe d'autres plugins de popups à intention de sortie, OptinMonster est le meilleur choix pour toutes les tailles d'entreprises. Il s'agit d'un formidable outil de marketing qui vous permet de développer votre liste d'emails, de générer plus de prospects et d'augmenter vos ventes de manière incroyablement simple. 

OptinMonster WordPress landing page plugin

OptinMonster propose un large éventail de types de campagnes. Ceux-ci incluent :

  • Fenêtres contextuelles réactives
  • Fenêtres contextuelles de sortie
  • Campagnes d'insertion
  • Barres d'accueil flottantes
  • Tapis de bienvenue plein écran
  • Widgets de la barre latérale
  • Formulaires de contact

Avec OptinMonster, les possibilités de créer différents popups pour votre page web sont infinies.

Chaque campagne comporte plusieurs modèles personnalisables et adaptés au référencement, que vous pouvez modifier à l'aide du générateur de fenêtres contextuelles par glisser-déposer. Par exemple, vous pouvez ajouter des comptes à rebours, des messages personnalisés, des partages sociaux, etc.

En outre, OptinMonster s'intègre à divers services de marketing par courriel et autorépondeurs, tels que Mailchimp, AWeber, Constant Contact, HubSpot, etc.

Vous pouvez en savoir plus sur ce puissant plugin popup WordPress dans notre revue détaillée d'OptinMonster.

Étape 1. S'inscrire à OptinMonster

Pour commencer, cliquez ici pour démarrer avec OptinMonster. La tarification d'OptinMonster n'offre pas de version ou de plan gratuit. Vous aurez besoin au minimum d'un plan Pro pour profiter de l'ensemble des fonctionnalités avancées.

Ensuite, connectez-vous à votre compte OptinMonster, qui ressemblera à l'exemple ci-dessous.

créer une popup de sortie WordPress avec optinmonster

Étape 2. Créer une nouvelle campagne

L'étape suivante consiste à cliquer sur le bouton vert Créer une nouvelle campagne.

Créer une nouvelle campagne OptinMonster

Vous accédez alors à un écran permettant de sélectionner un nouveau type de campagne. Comme vous souhaitez créer une fenêtre contextuelle de sortie, choisissez le type de campagne Popup.

choisir le type de campagne OptinMonster Popup

Sélectionnez ensuite un modèle de fenêtre contextuelle pour commencer.

Modèles de popups de sortie OptinMonster

Les modèles de campagne d'OptinMonster disposent de plusieurs options de filtrage. Vous pouvez filtrer les modèles par Objectif, Dispositif, Catégorie, et même les plus récents.

Dans notre exemple, nous avons filtré les modèles pour afficher ceux qui conviennent le mieux pour cibler les visiteurs qui abandonnent, ce qui est l'un des principaux objectifs d'un formulaire d'opt-in popup de sortie.

Filtrer les modèles de popups de sortie pour cibler les visiteurs qui abandonnent.

Pour prévisualiser un modèle, passez votre souris sur celui qui vous plaît et cliquez sur Aperçu.

Si vous êtes satisfait de son aspect, cliquez sur Utiliser le modèle. Une fenêtre contextuelle s'ouvre alors pour donner un nom à votre campagne et ajouter un site web pour l'afficher.

Donnez un nom à votre modèle de fenêtre contextuelle de sortie et reliez-le à un site web.

Cliquez sur Commencer à construire pour créer votre campagne et accéder au générateur de campagnes et de formulaires opt-in d'OptinMonster. Vous verrez le modèle que vous avez choisi dans le générateur de popups et vous aurez accès à une suite presque illimitée d'outils pour personnaliser votre popup de sortie.

Vous pouvez maintenant commencer à personnaliser votre popup de sortie dans l'éditeur de campagne.

Étape 3. Personnalisez votre fenêtre contextuelle d'intention de sortie

La personnalisation de votre popup est facile.

Grâce à l'éditeur par glisser-déposer, vous pouvez modifier le style de police, la couleur, l'alignement, les éléments HTML, etc. en sélectionnant n'importe quel texte et en choisissant vos options de personnalisation.

Editez le texte de votre exit-popup avec l'éditeur de texte en ligne d'OptinMonster

Modifier votre bouton d'appel à l'action est tout aussi simple. Cliquez sur le bouton de votre modèle et sélectionnez vos modifications dans le panneau de gauche.

Personnalisez le bouton d'appel à l'action de votre popup de sortie

Vous pouvez même ajouter une image d'arrière-plan ou un dégradé de couleurs afin de l'adapter au style et à l'image de marque de votre site web. Cliquez n'importe où sur l'arrière-plan de votre popup et modifiez-le à l'aide des outils fournis dans le panneau de gauche.

Personnalisez l'arrière-plan de votre fenêtre contextuelle de sortie

Une fois que votre fenêtre contextuelle de sortie a l'aspect souhaité, vous êtes prêt à définir les règles d'affichage.

Étape 4. Choisissez vos règles d'affichage de la fenêtre contextuelle d'intention de sortie

Les règles d'affichage d'OptinMonster utilisent des modales Javascript pour contrôler quand votre popup s'affiche sur votre site web et qui peut le voir.

Cliquez sur le bouton Règles d'affichage en haut de votre écran pour voir les paramètres disponibles. Par défaut, votre campagne est affichée à tous les visiteurs du site web 5 secondes après leur arrivée sur votre page.

Cliquez sur le bouton d'affichage des règles

Pour créer une fenêtre contextuelle de sortie, remplacez la condition "si" par "sortie détectée".

Choisissez la condition de détection de sortie pour votre fenêtre contextuelle de sortie

Pour ce faire, cliquez sur la liste déroulante, recherchez "exit" dans le champ de recherche et cliquez sur l'option Exit-Intent. Votre fenêtre contextuelle ne s'affichera que si quelqu'un indique qu'il est sur le point de quitter votre site web.

Cliquez sur le bouton de l'étape suivante

Cliquez ensuite sur le bouton Étape suivante pour choisir une action pour votre fenêtre contextuelle.

C'est ici que vous pouvez sélectionner la vue de la campagne que vous voulez que les gens voient. Dans notre cas, nous voulons que les personnes voient notre fenêtre contextuelle de sortie lorsque le jeu de règles est validé.

Choisissez la vue de la campagne Optin pour votre popup d'intention de sortie.

Assurez-vous donc que le paramètre Optin est sélectionné dans le menu déroulant et cliquez sur Étape suivante.

Affichez le récapitulatif de votre campagne popup de sortie et cliquez sur "Enregistrer".

Un résumé de vos règles d'affichage s'affiche alors. À ce stade, cliquez sur le bouton vert Enregistrer pour conserver vos paramètres avant de continuer.

Étape 5. Intégrer votre fournisseur de services de messagerie

Il est maintenant temps d'intégrer votre popup de sortie à votre fournisseur de services de marketing par courriel pour gérer votre liste de diffusion. Cliquez donc sur le bouton Intégrations en haut de l'écran.

Choisissez une intégration d'email pour votre popup de sortie

Ensuite, vous verrez un aperçu de votre fenêtre contextuelle et un panneau d'intégration sur le côté gauche. Cliquez sur le bouton Ajouter une intégration et choisissez votre fournisseur de messagerie préféré dans le menu déroulant.

Choisissez une option d'intégration dans le menu déroulant

Nous intégrons Constant Contact, qui offre une plateforme légère et conviviale adaptée à toutes les tailles d'entreprises.

Vous devrez suivre les instructions à l'écran pour connecter votre service de messagerie à OptinMonster.

permettre à optinmonster d'avoir accès à votre liste d'emails

Vous pouvez ensuite choisir une liste d'adresses électroniques pour enregistrer les nouveaux abonnés lorsqu'ils s'inscrivent via votre fenêtre contextuelle de sortie.

Choisissez une liste d'adresses électroniques dans laquelle enregistrer les nouveaux abonnés

N'oubliez pas de cliquer sur Enregistrer avant de passer à l'étape suivante.

Étape 6. Choisissez comment publier votre fenêtre contextuelle d'intention de sortie

Pour publier votre popup de sortie, cliquez sur le bouton Publier en haut de votre écran. Vous pouvez le faire maintenant si vous n'avez pas ajouté de site web à votre compte pendant la procédure d'installation.

Ajouter un nouveau site web à votre compte OptinMonster

Il suffit de cliquer sur le bouton Ajouter un nouveau site web, de saisir l'URL du nom de votre site et de cliquer sur Enregistrer le site web.

Entrez les détails de votre site web

Dans la section Aperçu, vous verrez un avis similaire à celui ci-dessous.

avis de site non connecté

Vous pouvez également utiliser les shortcodes d'OptinMonster pour ajouter des popups à votre site web.

Cela signifie que vous n'avez pas encore connecté votre site à OptinMonster. Mais ne vous inquiétez pas. Nous allons maintenant vous montrer comment le faire en utilisant le plugin WordPress OptinMonster.

Étape 7. Installer le plugin OptinMonster

Sur la même page, faites défiler vers le bas jusqu'à ce que vous voyiez les paramètres de la plate-forme. Pour publier facilement votre popup de sortie dans WordPress, cliquez sur l'option WordPress.

Choisissez l'option WordPress pour publier votre popup de sortie

Vous y trouverez des instructions pour télécharger et installer le plugin WordPress OptinMonster. Celui-ci vous permet de connecter votre compte sans avoir à intégrer le code manuellement dans WordPress.

Cliquez donc sur le bouton Download pour télécharger le plugin sur votre ordinateur et suivez ces instructions pour installer et activer un plugin WordPress sur votre site web.

Si vous préférez ajouter le code d'intégration WordPress manuellement, vous pouvez consulter les instructions dans la documentation pour intégrer OptinMonster sur votre site.

Étape 8. Vérifier et connecter votre compte OptinMonster

Lors de l'activation du plugin WordPress OptinMonster, vous verrez un écran de bienvenue vous invitant à connecter votre compte à WordPress.

Cliquez sur le bouton "Connecter votre compte" pour connecter OptinMonster à WordPress.

Cliquez sur le bouton Connecter votre compte, qui ouvre une fenêtre contextuelle d'OptinMonster. Cliquez ensuite sur le bouton Connect to WordPress pour relier votre compte.

Cliquez sur le bouton Connecter à WordPress

Après cela, vous devriez voir une liste de vos campagnes OptinMonster dans WordPress.

Assurez-vous que le statut de votre popup de sortie est défini sur En direct.

Si vous ne voyez aucune campagne, assurez-vous que le statut de la campagne est défini sur Live dans le tableau de bord de votre compte OptinMonster.

Rafraîchir la liste des campagnes OptinMonster

Retournez ensuite à votre liste de campagnes dans WordPress et cliquez sur le bouton Actualiser les campagnes.

liste des campagnes optinmonster dans WordPress

Lorsque vous naviguez sur votre site web, votre popup se déclenchera si vous ou vos visiteurs tentez de quitter le site.

OptinMonster exit popup WordPress

Félicitations !

Exemples de fenêtres contextuelles d'intention de sortie

Si vous avez besoin d'un peu plus d'inspiration, nous avons rassemblé ci-dessous une liste d'exemples fantastiques de popups d'intention de sortie.

Exemple de fenêtre contextuelle d'intention de sortie pour la construction d'une communauté

liste des communautés intention de sortie exemple de popup

Cette fenêtre contextuelle encourage les visiteurs à rejoindre une communauté avant de la quitter. Le titre en gras, la liste à puces et les logos de confiance font ressortir clairement la valeur de l'offre.

À retenir :

  • Les avantages doivent être brefs et faciles à lire
  • Utiliser la preuve sociale (logos, témoignages)

Exemple de fenêtre contextuelle d'intention de sortie sur la livraison gratuite

Exemple de popup d'intention de sortie sur la livraison gratuite

L'offre d'une livraison gratuite est une forte incitation à effectuer un achat. Cet exemple associe une remise à un formulaire d'inscription par courrier électronique.

À retenir :

  • Recueillir des courriels tout en sauvegardant les paniers abandonnés
  • Associer une réduction à une livraison gratuite

Démonstration gratuite d'un exemple de fenêtre contextuelle d'intention de sortie

Démonstration gratuite d'un exemple de fenêtre contextuelle d'intention de sortie

Un texte simple et des mots émotionnels ("protéger", "plus sûr") rendent cette fenêtre contextuelle de démonstration convaincante. Le design épuré attire l'attention sur l'accord de transfert de propriété.

À retenir :

  • Utiliser des déclencheurs émotionnels dans les titres
  • Un design minimal

Exemple de fenêtre contextuelle d'intention de sortie d'un cadeau publicitaire

Exemple de fenêtre contextuelle d'intention de sortie d'un cadeau publicitaire

Un cadeau peut suffire à empêcher quelqu'un de partir. Ici, la possibilité de gagner un bon d'achat de 50 $ encourage les inscriptions rapides.

À retenir :

  • Mettre en évidence la valeur du prix dans le titre
  • Offrir une forte incitation avec peu d'efforts

Questions fréquemment posées sur l'intention de sortie (FAQ)

Quel est le meilleur plugin de popup d'intention de sortie pour WordPress ?
Le meilleur choix pour la plupart des sites est OptinMonster, car il inclut le ciblage Exit-Intent®, des règles d'affichage avancées et s'intègre aux services d'email marketing les plus courants. Il existe des plugins gratuits comme Popup Maker, mais ils offrent moins d'options de ciblage.
Les popups de sortie ralentissent-ils WordPress ?
Un plugin de popups bien conçu ne ralentira pas sensiblement votre site. OptinMonster, par exemple, se charge de manière asynchrone, de sorte que les popups ne ralentissent pas la vitesse de la page. Les performances ne deviennent généralement un problème qu'avec les plugins gratuits mal codés.
Puis-je ajouter une fenêtre contextuelle d'intention de sortie dans WordPress sans plugin ?
Oui, mais vous devrez ajouter un JavaScript personnalisé pour détecter les mouvements du curseur et coder manuellement l'affichage de la fenêtre contextuelle. Pour la plupart des propriétaires de sites, l'utilisation d'un plugin est plus rapide, plus facile et plus fiable.
Comment mesurer le succès de mon popup d'intention de sortie ?
Suivez les taux de conversion, les taux de rebond et le chiffre d'affaires des campagnes de popups. Vous pouvez utiliser Google Analytics ou les rapports intégrés dans OptinMonster pour voir les impressions, les conversions et les variations de test.
Les popups d'intention de sortie sont-ils mauvais pour le référencement ?
Les popups d'intention de sortie ne nuisent pas directement au référencement. Toutefois, si une fenêtre contextuelle est difficile à fermer ou si elle perturbe les utilisateurs mobiles, elle peut nuire à l'expérience de l'utilisateur, ce que Google peut prendre en compte dans le classement. L'essentiel est de faire en sorte qu'elles soient utiles et non gênantes.

Créez votre première fenêtre contextuelle d'intention de sortie sur WordPress

J'espère que cet article vous a aidé à apprendre comment créer une popup d'intention de sortie dans WordPress. Maintenant, vous pouvez commencer à récupérer les visiteurs qui abandonnent et générer plus de prospects et de ventes pour votre entreprise.

Si vous avez apprécié la fonctionnalité "glisser-déposer" d'OptinMonster, vous aimerez peut-être aussi les guides sans code suivants :

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.