Dernières nouvelles de SeedProd

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

exit popup wordpress

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

Écrit par : image de l'auteur Stacey Corrin
image 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 : John Turner
image du réviseur John Turner
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 créer un popup d'intention de sortie dans WordPress ? Que vous organisiez un concours, que vous fassiez la promotion d'un nouveau produit eCommerce ou d'un coupon, ou que vous souhaitiez développer votre liste d'emails, l'utilisation d'un popup d'intention de sortie peut vous aider à augmenter le nombre de prospects et de conversions.

Dans cet article, nous allons vous montrer comment créer une popup d'intention de sortie dans WordPress afin d'augmenter le nombre de vos abonnés et le chiffre d'affaires de votre entreprise.

Table des matières

Mais tout d'abord, voyons ce qu'est une fenêtre contextuelle d'intention de sortie.

Qu'est-ce qu'une fenêtre contextuelle de sortie ?

Vous êtes-vous déjà interrogé sur ces fenêtres qui apparaissent soudainement lorsque vous êtes sur le point de quitter un site ? Il s'agit des "fenêtres contextuelles d'intention de sortie". Cet outil astucieux est conçu pour convertir les utilisateurs potentiels en utilisateurs engagés.

exemple de popup d'intention de sortie

Comme son nom l'indique, une fenêtre contextuelle d'intention de sortie se déclenche lorsque le mouvement du curseur d'un visiteur suggère qu'il est sur le point de quitter la page.

L'idée est d'attirer leur attention, en leur proposant généralement quelque chose d'attrayant comme une réduction, une ressource gratuite, ou en leur demandant de s'abonner. Ils constituent un outil formidable pour fidéliser les utilisateurs d'un site web, générer des leads et réduire les abandons de panier dans WordPress.

Pourquoi utiliser une fenêtre contextuelle de sortie plutôt qu'une fenêtre contextuelle immédiate classique ? Découvrons-le.

Popups d'intention de sortie et popups instantanés

Une fenêtre contextuelle d'intention de sortie est déclenchée lorsqu'un utilisateur tente de quitter votre site. Cette stratégie vise à inciter les utilisateurs à reconsidérer leur décision ou à leur offrir quelque chose de valeur avant qu'ils ne quittent le site.

En revanche, les popups instantanés apparaissent dès qu'un visiteur arrive sur votre site. Si les deux servent à engager votre public, ils le font à des étapes différentes du parcours de l'utilisateur.

Comprendre cette distinction vous permet de choisir stratégiquement l'option qui répond le mieux à vos besoins.

Les fenêtres contextuelles d'intention de sortie fonctionnent-elles ?

Vous vous demandez peut-être si les fenêtres contextuelles d'intention de sortie fonctionnent vraiment. Vous n'êtes pas le seul à vous poser cette question.

Lorsqu'il s'agit de stratégies de marketing en ligne, il est essentiel de séparer le bon grain de l'ivraie. Nous allons donc nous pencher sur les statistiques qui montrent l'efficacité réelle des fenêtres contextuelles d'intention de sortie :

Prêt à créer une fenêtre contextuelle d'intention de sortie ? Nous allons nous plonger dans l'action, une étape à la fois.

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

Pour ce tutoriel, nous utiliserons 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 popup lead generation 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 bénéficier 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, Appareil, 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 popup 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 lors de 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.

Tout ce que cela signifie, c'est 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

Ce faisant, vous 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

Dans cet exemple, le propriétaire du site web encourage les visiteurs à s'inscrire sur sa liste de diffusion avant de quitter le site. Le titre en gras, l'utilisation de power works et les puces faciles à lire permettent de comprendre l'intérêt de s'inscrire.

De plus, l'utilisation de logos de marque rend l'offre plus fiable et plus crédible.

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

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

La gratuité des frais de port est un moyen fantastique d'inciter les visiteurs à quitter votre site web. Elle peut faire la différence entre l'abandon de votre site et l'achat d'un produit.

Dans cet exemple, la marque peut également développer sa liste d'adresses électroniques en demandant aux utilisateurs de s'abonner pour bénéficier d'une réduction et de la gratuité des frais de port.

Démonstration gratuite d'un exemple de popup d'intention de sortie

Démonstration gratuite d'un exemple de popup d'intention de sortie

Cet exemple de fenêtre contextuelle d'intention de sortie est assez simple. Toutefois, cette simplicité est la clé de son succès. Des mots émotionnels tels que "protéger" et "plus sûr" incitent à s'arrêter. À partir de là, il suffit d'un clic pour demander une démonstration avant de passer à autre chose.

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

Les incitations sont un moyen efficace de convaincre les utilisateurs de vous communiquer leurs coordonnées, et la possibilité de gagner un prix peut suffire à conclure l'affaire.

En ajoutant leur adresse électronique, les utilisateurs qui verront cet exemple de popup auront la possibilité de gagner un chèque-restaurant de 50 dollars. Il s'agit là d'une incitation très forte qui ne demande que très peu d'efforts.

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

Comment quitter une fenêtre contextuelle ?
Vous pouvez généralement quitter une fenêtre contextuelle en cliquant sur l'icône "X" dans le coin supérieur droit de la fenêtre. Dans certains cas, vous pouvez également cliquer en dehors de la fenêtre contextuelle, qui se fermera alors automatiquement.
Quand une fenêtre contextuelle doit-elle apparaître sur un site web ?
Il est conseillé d'attendre entre 15 et 60 secondes avant d'afficher une fenêtre contextuelle sur un site web, afin de donner aux visiteurs le temps de comprendre ce qu'ils lisent. Si votre fenêtre contextuelle apparaît trop tôt, vous risquez de frustrer les visiteurs.
Les pop-ups affectent-ils le référencement ?
Les fenêtres contextuelles n'ont pas d'incidence directe sur le référencement de votre site web. Toutefois, si elles gênent les visiteurs ou ont un impact sur l'expérience de l'utilisateur, elles peuvent avoir un effet indirect.
Comment puis-je mesurer l'efficacité de ma fenêtre contextuelle d'intention de sortie ?
Pour mesurer votre popup de sortie, vous pouvez suivre les taux de conversion, les taux de rebond et d'autres mesures pertinentes en utilisant des outils comme Google Analytics ou les fonctions d'analyse intégrées dans OptinMonster. L'analyse de ces mesures vous aidera à comprendre les performances de votre popup et à déterminer si des ajustements sont nécessaires.

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

Nous espérons 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 pourriez aussi aimer les guides suivants, sans code :

Constructeurs de pages WordPress avec édition visuelle. Vous pouvez également apprendre à créer une page d'atterrissage ici.

Et n'hésitez pas à nous suivre sur Twitter et Facebook pour d'autres tutoriels WordPress.

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.