Voulez-vous créer une fenêtre pop-up qui apparaît lorsque les visiteurs cliquent sur un lien ou une image sur votre site ?
C’est une méthode éprouvée pour développer votre liste d’emails. Elle est plus efficace car elle commence par une action effectuée par un utilisateur. Les sites populaires l’utilisent souvent pour offrir une incitation à l’inscription afin d’obtenir encore plus d’abonnés.
Dans cet article, nous vous montrerons comment ouvrir une fenêtre pop-up WordPress en cliquant sur un lien ou une image, étape par étape.
Qu’est-ce qu’un formulaire pop-up “Au clic” ?
Les formulaires pop-up “au clic” sont des fenêtres pop-up qui s’ouvrent lorsque l’utilisateur clique sur un lien, un bouton ou une image sur votre site WordPress.
Normalement, les pop-up apparaissent sur les sites lorsque l’utilisateur arrive ou lorsqu’il est sur le point de partir. Les formulaires pop-up “au clic” sont déclenchés par l’interaction de l’utilisateur.
Nous utilisons également des pop-up “au clic” sur WPBeginner pour développer notre liste d’emails. Par exemple, un pop-up apparaîtra lorsque l’utilisateur clique sur l’icône de messagerie électronique dans la barre latérale à côté de toutes les icônes de médias sociaux.
Pourquoi les formulaires pop-up “au clic” sont-ils si efficaces ?
Les formulaires pop-up “au clic” sont efficaces car ils utilisent le puissant effet Zeigarnik. Il s’agit d’un principe psychologique qui stipule que les utilisateurs qui commencent une action sont plus susceptibles de la terminer.
Lorsque quelqu’un clique sur un lien ou un bouton pour déclencher votre pop-up, il a déjà montré de l’intérêt. Lorsque la fenêtre pop-up apparaît, il sera plus enclin à l’utiliser.
Par exemple, vous pouvez utiliser un pop-up “au clic” pour offrir un aimant à leads. Il peut s’agir d’une ressource téléchargeable gratuite telle qu’un livre électronique ou un fichier PDF que les utilisateurs peuvent obtenir en échange de leur adresse e-mail.
Cependant, il existe d’autres façons d’utiliser des pop-up “au clic” sur votre site web. Par exemple, vous pouvez demander aux utilisateurs de réclamer un code de réduction, d’en savoir plus sur un produit, de remplir des sondages, etc.
Cela étant dit, voyons comment créer facilement une fenêtre pop-up “au clic” pour votre site web.
Créer un pop-up “au clic” dans WordPress
La manière la plus facile de créer un pop-up “au clic” est d’utiliser OptinMonster. Il s’agit du plugin de pop-up pour WordPress et du logiciel de génération de leads.
Tout d’abord, vous devez vous inscrire à un compte OptinMonster. Vous aurez besoin du compte Pro (ou supérieur) car il inclut la fonctionnalité MonsterLinks™ qui vous permet de créer des pop-up “au clic”.
Rendez-vous simplement sur le site web d’OptinMonster et cliquez sur le bouton “Obtenir OptinMonster maintenant” pour commencer.
Ensuite, vous devez installer et activer le plugin OptinMonster sur votre site WordPress. Pour obtenir de l’aide, consultez notre guide étape par étape sur l’installation d’un plugin WordPress.
Cela vous permet de connecter votre compte OptinMonster à votre site WordPress.
Une fois le plugin activé, vous devrez connecter votre compte. Vous devriez être redirigé automatiquement vers la page de bienvenue de votre tableau de bord WordPress.
Allez-y et cliquez sur le bouton “Connecter votre compte existant”.
Ensuite, une nouvelle fenêtre s’ouvrira.
Vous pouvez cliquer sur le bouton “Connecter à WordPress” pour ajouter votre site à OptinMonster.
Une fois que vous avez connecté votre compte OptinMonster à votre site WordPress, vous pouvez créer votre pop-up “au clic”.
Il suffit de vous rendre à “OptinMonster » Campagnes” depuis votre tableau de bord WordPress et de cliquer sur le bouton “Créer votre première campagne”.
Ensuite, OptinMonster vous demandera de sélectionner des modèles ou des playbooks.
Vous pouvez choisir l’option “Modèles” et sélectionner un modèle de campagne préconstruit à personnaliser. En revanche, l’option “Playbooks” vous permet de choisir des campagnes prêtes à l’emploi inspirées des grandes marques.
Pour ce tutoriel, nous allons utiliser l’option “Modèles”.
Ensuite, vous devrez sélectionner un type de campagne et un modèle.
Le type de campagne devrait déjà être réglé sur “Pop-up”. Sinon, cliquez simplement sur “Pop-up” pour le sélectionner. Ensuite, vous devrez choisir un modèle de campagne.
Vous pourrez modifier exactement l’apparence du modèle plus tard. Nous allons utiliser le modèle “Basique” pour ce tutoriel.
Il vous suffit de passer votre curseur sur le modèle et de cliquer sur le bouton “Utiliser le modèle”.
Maintenant, vous serez invité à entrer un nom pour votre campagne. C’est juste pour vous. Ne vous inquiétez pas, les utilisateurs ne le verront pas.
Il vous suffit d’entrer un nom et de cliquer sur le bouton “Commencer la création” pour créer votre pop-up.
OptinMonster chargera automatiquement le modèle dans l’éditeur de campagne par glisser-déposer.
Vous pouvez modifier le texte par défaut et ajouter ou supprimer des éléments de votre modèle. Il vous suffit de faire glisser des blocs du menu à gauche et de les déposer sur le modèle.
Vous pouvez également supprimer n’importe quel élément du formulaire en cliquant dessus et en utilisant les options du menu à gauche. Par exemple, nous allons supprimer le champ “Nom” du formulaire.
D’abord, vous devez cliquer sur l’onglet “Optin” en bas de l’écran. Ensuite, cliquez sur le champ pour le sélectionner, et vous verrez les options disponibles dans la colonne de gauche, y compris l’option pour le supprimer.
Une fois que vous avez conçu le pop-up, la prochaine étape consiste à concevoir la vue “Succès”, que les personnes voient après avoir rempli le formulaire.
Il vous suffit de passer à la vue “Succès” en haut de l’écran.
Vous pouvez modifier la vue de succès comme vous avez modifié la vue de l’inscription. Par exemple, vous pouvez modifier le texte ou inclure un lien pour télécharger un aimant à leads.
Connecter votre pop-up à votre liste d’emails
Une fois satisfait de votre pop-up, cliquez sur l’onglet “Intégrations” en haut de l’écran. Vous devrez lier OptinMonster à votre service de marketing par courriel afin de pouvoir ajouter des personnes à votre liste d’emails.
À partir de là, cliquez sur le bouton “+ Ajouter une nouvelle intégration” à gauche de l’écran.
Ensuite, vous pouvez sélectionner votre fournisseur de courrier électronique dans la liste déroulante.
À partir de là, suivez simplement les instructions pour le connecter à OptinMonster.
Configurer votre pop-up pour apparaître au clic
Maintenant, vous devez configurer votre pop-up pour qu’il apparaisse lorsque l’utilisateur clique sur un lien.
Allez-y et cliquez sur l’onglet “Règles d’affichage” en haut de l’écran.
La règle d’affichage par défaut définie par OptinMonster est “temps passé sur la page”. Cela signifie que la pop-up par défaut apparaîtra après que l’utilisateur ait regardé cette page pendant un certain laps de temps.
Cependant, vous pouvez cliquer sur le menu déroulant et sélectionner l’option “MonsterLink™ (Au clic)” à la place.
Après cela, vous devriez voir votre MonsterLink™ dans les règles d’affichage.
Vous pouvez cliquer sur le bouton pour copier votre code MonsterLink™. Vous en aurez besoin dans un instant.
Rendre votre pop-up “au clic” actif
Ensuite, rendez-vous à l’onglet “Publié” en haut de la page et changez le statut de votre campagne de “Brouillon” à “Publié”.
Une fois que vous avez fait cela, cliquez sur le bouton “Enregistrer” en haut de l’écran et fermez l’éditeur de campagne.
Ensuite, vous verrez les “Paramètres de sortie WordPress” de votre campagne. Vous pouvez cliquer sur le menu déroulant “Statut” et le changer de “En attente” à “Publié”. Une fois que cela est fait, cliquez sur le bouton “Enregistrer les modifications”.
Ajouter votre MonsterLink à votre site WordPress
Maintenant, vous devez ajouter le MonsterLink™ spécial à votre site. Si vous ne l’avez pas copié plus tôt, vous pouvez l’obtenir en revenant aux “Règles d’affichage” de votre campagne.
D’abord, vous devez créer un nouvel article ou une nouvelle page, ou modifier celui où vous voulez ajouter votre lien.
Le MonsterLink™ est du code HTML, vous devez donc le coller dans un bloc HTML personnalisé.
Lorsque vous êtes dans l’éditeur de contenu WordPress, cliquez sur le bouton (+) pour ajouter un bloc HTML personnalisé.
Maintenant, copiez votre MonsterLink™ dans ce bloc. Il devrait ressembler à ceci :
<a class="monster-link" href="http://yourwebsite.com">Votre lien</a>
Vous pouvez changer les mots “S’abonner maintenant !” par le texte que vous souhaitez utiliser pour votre lien.
Une fois que vous avez placé le lien, vous pouvez prévisualiser votre page ou votre article pour vous assurer qu’il fonctionne.
Voici notre lien en action. Notez que nous avons appliqué une certaine mise en forme au texte pour créer une boîte avec un texte plus grand pour promouvoir l’aimant à leads :
Nous espérons que ce tutoriel vous a permis d’apprendre comment déclencher un formulaire pop-up WordPress au clic. Vous voudrez peut-être aussi consulter notre tutoriel sur la façon d’accélérer votre site WordPress et notre guide ultime du référencement WordPress.
Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.