Comment créer un popup d'intention de sortie sur WordPress 

La plupart des visiteurs quittent votre site sans rien faire. Un popup d'intention de sortie WordPress vous donne un moment ciblé pour changer cela. Il ne se déclenche que lorsque quelqu'un est sur le point de partir, il est donc beaucoup moins perturbateur qu'un popup qui apparaît dès l'arrivée de quelqu'un.

Dans ce guide, je vais vous montrer comment créer un popup de sortie dans WordPress en utilisant OptinMonster. Il fait partie de la famille de produits WPBeginner, et c'est l'outil le plus fiable que j'ai trouvé pour le ciblage par intention de sortie WordPress sans écrire une seule ligne de code.

Qu'est-ce qu'un popup d'intention de sortie sur WordPress ?

Un popup d'intention de sortie sur 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 partent.

La plupart des propriétaires de sites utilisent des popups d'intention de sortie pour offrir une réduction, la livraison gratuite ou un lead magnet en échange d'une inscription par e-mail. Ils sont particulièrement efficaces pour réduire l'abandon de panier, stimuler la génération de prospects et maintenir l'engagement 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 perturbateurs et plus susceptibles de convertir.

Comment créer une fenêtre pop-up d'intention de sortie dans WordPress

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

Bien que d'autres plugins de popup d'intention de sortie soient disponibles, OptinMonster est le meilleur choix pour toutes les tailles d'entreprises. C'est un outil marketing formidable qui rend la croissance de votre liste d'e-mails, la génération de plus de prospects et l'augmentation des ventes incroyablement simples. 

OptinMonster propose de nombreux types de campagnes. Ceux-ci incluent :

• Des popups lightbox réactifs
• Des popups d'intention de sortie
• Des campagnes Slide-in
• Barres flottantes de bonjour
• Tapis de bienvenue plein écran
• Widgets de barre latérale
• Formulaires de contact

Avec OptinMonster, les possibilités de création de divers pop-ups pour votre page Web sont infinies.

Chaque campagne dispose de divers modèles personnalisables et optimisés pour le référencement que vous pouvez modifier à l'aide du constructeur de pop-ups par glisser-déposer. Par exemple, vous pouvez ajouter des comptes à rebours, des messages personnalisés, le partage social, et plus encore.

De plus, OptinMonster s'intègre à divers services de marketing par e-mail et répondeurs automatiques, tels que Mailchimp, AWeber, Constant Contact, HubSpot, et plus encore.

Vous pouvez en apprendre davantage sur ce puissant plugin de pop-up WordPress dans notre avis détaillé sur OptinMonster.

Étape 1. Inscrivez-vous à OptinMonster

Pour commencer, cliquez ici pour démarrer avec OptinMonster.

La tarification d'OptinMonster n'offre pas de version gratuite ni de plan gratuit. Vous aurez besoin au minimum d'un plan Pro pour bénéficier de toutes les fonctionnalités avancées. Consultez la page de tarification d'OptinMonster pour connaître les coûts actuels des plans avant de vous inscrire.

Connectez-vous ensuite à votre espace compte OptinMonster, qui ressemblera à l'exemple ci-dessous.

Étape 2. Créez une nouvelle campagne

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

Cela vous mènera à un écran pour sélectionner un nouveau type de campagne. Puisque vous souhaitez créer un pop-up de sortie, choisissez le type de campagne Pop-up.

Ensuite, sélectionnez un modèle de pop-up pour commencer.

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 par les plus récents.

Dans notre exemple, nous avons filtré les modèles pour afficher ceux qui sont les plus adaptés au ciblage des visiteurs abandonnants, ce qui est l'un des principaux objectifs d'un formulaire d'opt-in de pop-up de sortie.

Pour prévisualiser un modèle, survolez celui que vous aimez avec votre souris et cliquez sur Aperçu.

Si vous êtes satisfait de son apparence, cliquez sur Utiliser le modèle. Cela ouvrira une fenêtre pop-up pour donner un nom à votre campagne et ajouter un site Web pour l'afficher.

Cliquez sur Commencer la création pour créer votre campagne et accéder au constructeur de campagnes et de formulaires d'opt-in d'OptinMonster. Vous verrez le modèle choisi dans le constructeur de pop-ups et accéderez à une suite d'outils quasi illimitée pour personnaliser votre pop-up de sortie.

Étape 3. Personnalisez votre popup d'intention de sortie

La personnalisation de votre pop-up est facile.

Avec l'éditeur par glisser-déposer, vous pouvez modifier la police, la couleur, l'alignement, les éléments HTML, et plus encore en sélectionnant n'importe quel texte et en choisissant vos options de personnalisation.

Changer 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 couleur pour correspondre au style et à la marque de votre site Web. Cliquez n'importe où sur l'arrière-plan de votre pop-up et modifiez-le à l'aide des outils fournis dans le panneau de gauche.

Une fois que votre pop-up de sortie a l'apparence souhaitée, vous êtes prêt à définir les règles d'affichage.

Étape 4. Choisissez les règles d'affichage de votre popup d'intention de sortie

Les règles d'affichage dans OptinMonster utilisent des modales Javascript pour contrôler quand votre pop-up 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. Votre campagne est configurée par défaut pour s'afficher à tous les visiteurs du site Web après 5 secondes de connexion sur votre page.

Pour créer une popup de sortie, changez la condition « si » en « sortie détectée ».

Vous pouvez le faire en cliquant dans la boîte déroulante, en recherchant « sortie » dans la boîte de recherche et en cliquant sur l'option Intention de sortie. Votre popup ne s'affichera que si quelqu'un indique qu'il est sur le point de quitter votre site Web.

Cliquez maintenant sur le bouton Étape suivante pour choisir une action pour votre popup.

C'est ici que vous pouvez sélectionner la vue de campagne que vous souhaitez que les gens voient. Dans notre cas, nous voulons que les gens voient notre popup de sortie lorsque l'ensemble de règles est satisfait.

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

Vous verrez maintenant un résumé de vos règles d'affichage. À ce stade, cliquez sur le bouton vert Enregistrer pour conserver vos paramètres avant de continuer.

Une chose que je recommanderais de changer avant d'enregistrer :

Le paramètre par défaut affiche votre popup à chaque visite. Cela agacera rapidement les visiteurs récurrents. Changez-le à une fois par session ou une fois tous les 30 jours pour maintenir les conversions sans frustrer les personnes qui reviennent.

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

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

Étape 5. Intégrez avec votre fournisseur d'e-mails

Il est maintenant temps d'intégrer votre popup de sortie avec votre fournisseur de services de marketing par e-mail 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 popup et un panneau d'intégrations 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 nous intégrons avec Constant Contact car il offre une plateforme légère et conviviale adaptée à toutes les tailles d'entreprise.

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

Vous pourrez ensuite choisir une liste d'e-mails pour enregistrer les nouveaux abonnés lorsqu'ils s'inscrivent via votre popup de sortie.

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

Étape 6. Choisissez comment publier votre popup d'intention de sortie

Pour publier votre popup de sortie, cliquez sur le bouton Publier en haut de votre écran. Vous pourriez le faire maintenant si vous n'avez pas ajouté de site Web à votre compte pendant le processus de configuration.

Cliquez simplement sur le bouton Ajouter un nouveau site Web, entrez l'URL du nom de votre site et cliquez sur Enregistrer le site Web.

Dans la section Aperçu, vous verrez une notification similaire à celle ci-dessous.

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

Tout cela signifie simplement que vous n’avez pas encore connecté votre site à OptinMonster. Mais ne vous inquiétez pas. Ensuite, nous vous montrerons comment le faire en utilisant le plugin WordPress OptinMonster.

Étape 7. Installez le plugin OptinMonster

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

Cela révèle des instructions pour télécharger et installer le plugin WordPress OptinMonster. Cela vous permet de connecter votre compte sans intégrer le code manuellement dans WordPress.

Cliquez donc sur le bouton Télécharger 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érifiez et connectez votre compte OptinMonster

Après avoir activé le 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 maintenant sur le bouton Se connecter à WordPress pour lier 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 En direct dans le tableau de bord de votre compte OptinMonster.

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

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

Félicitations !

Construisez la page derrière l'offre avec SeedProd

Votre popup OptinMonster capture l’e-mail ou le clic. Ce qui se passe ensuite est tout aussi important. Si votre popup offre une réduction, un lead magnet, ou une ressource gratuite, la page de destination ou la page de remerciement vers laquelle elle mène doit renforcer cette offre.

C’est là qu’intervient SeedProd. C’est un constructeur de sites web visuel pour WordPress qui vous permet de créer des pages de destination et des pages de remerciement à forte conversion sans toucher au code.

Je l’utilise sur mon propre site pour créer des pages qui correspondent à l’offre du popup, afin que les visiteurs n’aient pas l’impression d’atterrir quelque part au hasard après s’être inscrits.

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

• Comment configurer une page de remerciement dans WordPress
• Comment créer une page de vente à forte conversion dans WordPress

Exemples de popups 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, envisagez d’effectuer un test A/B. OptinMonster dispose de tests A/B intégrés, vous pouvez donc tester différents titres, offres ou couleurs de boutons sans aucun outil tiers.

Créez deux versions de votre popup et laissez OptinMonster répartir le trafic entre elles. Une fois qu’il aura suffisamment de données, vous verrez quelle version convertit le mieux. C’est l’un des meilleurs moyens d’améliorer les résultats sans augmenter le trafic.

Exemple de popup d’intention de sortie pour la création de communauté

Ce popup encourage les visiteurs à rejoindre une communauté avant de partir. Le titre audacieux, la liste à puces et les logos de confiance rendent la valeur claire.

Points à retenir :

• Gardez les avantages courts et faciles à lire
• Utilisez la preuve sociale (logos, témoignages)

Exemple de popup de sortie avec livraison gratuite

Offrir la livraison gratuite est une forte incitation à finaliser un achat. Cet exemple combine une réduction avec un formulaire d'inscription par e-mail.

Points à retenir :

• Collectez des e-mails tout en sauvegardant les paniers abandonnés
• Associez une réduction à la livraison gratuite

Exemple de popup de sortie avec démo gratuite

Une copie simple et des mots émotionnels (« protéger », « plus sûr ») rendent ce popup de démo persuasif. Le design épuré concentre l'attention sur le CTA.

Points à retenir :

• Utilisez des déclencheurs émotionnels dans les titres
• Gardez un design minimal

Exemple de popup de sortie avec concours

Un concours peut suffire à empêcher quelqu'un de partir. Ici, une chance de gagner un bon de 50 $ encourage les inscriptions rapides.

Points à retenir :

• Mettez en valeur la valeur du prix dans le titre
• Offrez une forte incitation avec peu d'effort

Questions fréquemment posées sur les popups de sortie (FAQ)

Quel est le meilleur plugin de popup de sortie pour WordPress ?

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

Les popups de sortie ralentissent-ils WordPress ?

Pas si le plugin est bien conçu. OptinMonster se charge de manière asynchrone, de sorte que le script du popup ne bloque pas le rendu de votre page. Les problèmes de performance sont plus courants avec des plugins gratuits mal codés qui chargent des scripts dans l'en-tête de la page. Si vous vous souciez de la vitesse, exécutez un test GTmetrix avant et après l'installation pour voir l'impact réel.

Les popups d'intention de sortie sont-ils mauvais pour le SEO ?

Les popups d'intention de sortie ne nuisent pas directement au SEO. Les directives de Google ciblent les popups qui apparaissent immédiatement au chargement de la page et qui sont difficiles à fermer, en particulier sur mobile. Les popups d'intention de sortie se déclenchent uniquement lorsqu'une personne est sur le point de partir, ce qui évite ces deux problèmes. Gardez-les faciles à ignorer et tout ira bien.

L'intention de sortie fonctionne-t-elle sur mobile ?

L'intention de sortie standard (détection de sortie de souris) ne fonctionne pas sur les écrans tactiles mobiles car il n'y a pas de curseur. Sur mobile, OptinMonster utilise plutôt la profondeur de défilement ou des déclencheurs basés sur le temps. Si la majorité de votre trafic provient du mobile, définissez 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 popup atteigne ces visiteurs.

Existe-t-il un plugin de popup de sortie gratuit pour WordPress ?

Oui. Popup Maker est une option gratuite populaire qui prend en charge l'intention de sortie de base. Il a moins de règles de ciblage et d'options d'affichage qu'OptinMonster, mais il fonctionne pour des cas d'utilisation simples. Si vous avez besoin de tests A/B, d'un ciblage avancé ou d'analyses détaillées, vous aurez besoin d'un plan payant.

Créez votre premier popup de sortie dans WordPress

J'espère que cet article vous a aidé à apprendre comment créer un popup de sortie dans WordPress. Vous pouvez maintenant commencer à récupérer les visiteurs abandonnés 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 également aimer les guides sans code suivants :

• Comment créer une page de destination dans WordPress
• 12+ exemples de conception de pages d'inscription pour des formulaires à forte conversion
• Page de destination ne convertit pas ? 9 astuces pour la corriger rapidement
• Comment créer des pages de destination personnalisées pour augmenter les conversions

Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.