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

La plupart des visiteurs quittent votre site sans rien faire. Une fenêtre contextuelle WordPress détectant l'intention de sortie vous offre une occasion précise de changer cela. Elle ne s'affiche que lorsqu'un visiteur est sur le point de quitter le site, ce qui la rend bien moins gênante qu'une fenêtre contextuelle qui apparaît dès l'arrivée d'un visiteur.

Dans ce guide, je vais vous montrer comment créer une fenêtre contextuelle de sortie dans WordPress à l'aide d'OptinMonster. Cet outil fait partie de la gamme de produits WPBeginner, et c'est le plus fiable que j'ai trouvé pour le ciblage par intention de sortie dans WordPress sans avoir à écrire une seule ligne de code.

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.

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.

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 propose de nombreux types de campagnes. Parmi celles-ci, on trouve :

• 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 vous lancer avec OptinMonster.

OptinMonster ne propose ni version gratuite ni forfait gratuit. Il vous faudra au minimum un forfait Pro pour bénéficier de l'ensemble des fonctionnalités avancées. Consultez la page des tarifs d'OptinMonster pour connaître les coûts actuels des forfaits avant de vous inscrire.

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

Étape 2. Créer une nouvelle campagne

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

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.

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

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.

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.

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.

É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.

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.

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.

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.

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

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 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é.

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

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.

Une chose que je vous conseille de modifier avant d'enregistrer :

Par défaut, votre fenêtre contextuelle s'affiche à chaque visite. Cela risque rapidement d'agacer les visiteurs réguliers. Réglez-la pour qu'elle s'affiche une fois par session ou une fois tous les 30 jours afin de maintenir un bon taux de conversion sans frustrer les visiteurs qui reviennent.

Il faut également savoir que la détection de l'intention de sortie fonctionne différemment sur mobile. Sur ordinateur, ce système surveille le déplacement de la souris vers la barre d'adresse du navigateur. Sur les écrans tactiles, il n'y a pas de curseur, ce signal n'existe donc pas.

Pour le trafic mobile, OptinMonster utilise plutôt des déclencheurs basés sur le défilement ou sur le temps. Si la plupart de vos visiteurs utilisent un appareil mobile, ajoutez une règle de délai en plus de votre règle d'intention de sortie afin de les atteindre également.

É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.

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.

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.

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.

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.

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.

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

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.

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, qui ouvre une fenêtre contextuelle d'OptinMonster. Cliquez ensuite sur le bouton Connect to WordPress pour relier votre compte.

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

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.

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

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

Félicitations !

Créez la page associée à l'offre avec SeedProd

Votre fenêtre contextuelle OptinMonster recueille l'adresse e-mail ou le clic. Ce qui se passe ensuite est tout aussi important. Si votre fenêtre contextuelle propose une réduction, un aimant à prospects ou une ressource gratuite, la page de destination ou la page de remerciement vers laquelle elle redirige doit mettre en avant cette offre.

C'est là que SeedProd entre en jeu. Il s'agit d'un constructeur de sites web visuel pour WordPress qui vous permet de créer des pages d'atterrissage et des pages de remerciement à fort taux de conversion sans avoir à toucher au code.

Je l'utilise sur mon propre site pour créer des pages en lien avec l'offre de la fenêtre contextuelle, afin que les visiteurs n'aient pas l'impression d'avoir atterri sur une page au hasard après s'être inscrits.

Pour vous aider à démarrer, voici quelques guides :

• Comment créer une page de remerciement sur WordPress
• Comment créer une page de vente à fort taux de conversion dans WordPress

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.

Avant de finaliser votre conception, pensez à effectuer un test A/B. OptinMonster intègre une fonctionnalité de test A/B, ce qui vous permet de tester différents titres, offres ou couleurs de boutons sans avoir recours à un outil tiers.

Créez deux versions de votre fenêtre contextuelle et laissez OptinMonster répartir le trafic entre les deux. Une fois qu'il aura recueilli suffisamment de données, vous verrez quelle version génère le plus de conversions. C'est l'un des meilleurs moyens d'améliorer vos résultats sans augmenter le trafic.

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

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

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

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

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 ?

OptinMonster est le meilleur choix pour la plupart des sites. Il intègre la technologie exclusive Exit-Intent®, des règles d'affichage avancées et s'intègre aux principaux services de marketing par e-mail. Il fait partie de la gamme de produits WPBeginner, ce qui signifie qu'il fonctionne parfaitement avec des outils tels que AIOSEO et WPForms. Si votre budget est limité, Popup Maker est une option gratuite offrant des fonctionnalités de ciblage plus restreintes.

Les popups de sortie ralentissent-ils WordPress ?

Pas si le plugin est bien conçu. OptinMonster se charge de manière asynchrone, ce qui signifie que le script de la fenêtre contextuelle n'empêche pas l'affichage de votre page. Les problèmes de performances sont plus fréquents avec les plugins gratuits mal codés qui chargent les scripts dans l'en-tête de la page. Si la vitesse vous préoccupe, effectuez un test GTmetrix avant et après l'installation pour constater l'impact réel.

Les popups d'intention de sortie sont-ils mauvais pour le référencement ?

Les fenêtres contextuelles de détection d'intention de sortie n'ont pas d'impact négatif direct sur le référencement naturel (SEO). Les directives de Google visent les fenêtres contextuelles qui s'affichent dès le chargement de la page et qui sont difficiles à fermer, en particulier sur mobile. Les fenêtres contextuelles de détection d'intention de sortie ne s'activent que lorsqu'un utilisateur est sur le point de quitter la page, ce qui évite ces deux problèmes. Veillez à ce qu'elles soient faciles à fermer et tout ira bien.

La détection d'intention de sortie fonctionne-t-elle sur mobile ?

La détection standard de l'intention de sortie (détection du déplacement de la souris) ne fonctionne pas sur les écrans tactiles mobiles, car il n'y a pas de curseur. Sur mobile, OptinMonster utilise plutôt des déclencheurs basés sur la profondeur de défilement ou le temps. Si la majeure partie de votre trafic provient de l'environnement mobile, configurez une règle de délai ou de profondeur de défilement en plus de votre règle d'intention de sortie afin que votre fenêtre contextuelle atteigne ces visiteurs.

Existe-t-il un plugin gratuit de fenêtre contextuelle « exit intent » pour WordPress ?

Oui. Popup Maker est une solution gratuite très appréciée qui prend en charge les fonctionnalités de base liées à l'intention de sortie. Elle offre moins de règles de ciblage et d'options d'affichage qu'OptinMonster, mais elle convient parfaitement aux cas d'utilisation simples. Si vous avez besoin de tests A/B, d'un ciblage avancé ou d'analyses détaillées, vous devrez opter pour une formule payante.

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 :

• Comment créer une page d'atterrissage sur WordPress
• 12+ Exemples de conception de pages d'inscription pour des formulaires à fort taux de conversion
• La page d'atterrissage ne convertit pas ? 9 conseils pour y remédier rapidement
• Comment créer des pages d'atterrissage personnalisées pour augmenter les conversions ?

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à participer à la conversation sur YouTube, X et Facebook pour obtenir d'autres conseils et contenus utiles pour développer votre entreprise.