Comment ouvrir un formulaire WordPress surgissant au clic d’un lien ou d’une image ?

Vous souhaitez créer une fenêtre surgissante qui apparaît lorsque les internautes cliquent sur un lien ou une image de votre site ?

Il s’agit d’un moyen éprouvé d’augmenter votre liste d’e-mails. Elle est d’autant plus efficace qu’elle part d’une action réalisée par un utilisateur/utilisatrice. Les sites populaires l’utilisent souvent pour offrir une incitation à l’optin afin d’obtenir encore plus d’abonnés/abonnées.

Dans cet article, nous allons afficher comment ouvrir une fenêtre surgissante WordPress au clic d’un lien ou d’une image, étape par étape.

Qu’est-ce qu’un formulaire de fenêtres surgissantes « au clic » ?

Les formulaires popup sur clic sont des fenêtres surgissantes qui s’ouvrent lorsqu’un utilisateur clique sur un lien, un bouton ou une image sur votre site WordPress.

Normalement, les fenêtres surgissantes apparaissent sur les sites lorsqu’un compte arrive ou lorsqu’il est sur le point de partir. Les formulaires de fenêtres surgissantes au clic sont déclenchés par l’interaction de l’utilisateur.

Nous utilisons également des fenêtres surgissantes sur WPBeginner pour développer notre liste d’e-mails. Par exemple, une fenêtre surgissante apparaîtra lorsqu’un utilisateur cliquera sur l’icône e-mail dans la colonne latérale à côté de toutes les icônes sociales.

Pourquoi les formulaires de fenêtres surgissantes au clic sont-ils si efficaces ?

Le formulaire de fenêtre surgissante sur clic est efficace parce qu’il utilise le puissant effet Zeigarnik. Il s’agit d’un principe psychologique selon lequel les utilisateurs/utilisatrices qui commencent eux-mêmes une action sont plus susceptibles de la terminer.

Lorsque quelqu’un clique sur un lien ou un bouton pour déclencher votre fenêtre surgissante, il a déjà affiché son intérêt. Lorsque la fenêtre surgissante du formulaire apparaît, il sera plus enclin à l’utiliser.

Par exemple, vous pouvez utiliser une fenêtre surgissante pour proposer un prospect. Il peut s’agir d’une ressource téléchargeable gratuite, comme un livre électronique ou un fichier PDF, que les utilisateurs/utilisatrices peuvent obtenir en échange de leur adresse e-mail.

Cependant, il existe d’autres façons d’utiliser les fenêtres surgissantes sur votre site. Par exemple, vous pouvez demander aux utilisateurs/utilisatrices de réclamer un code promo, d’en savoir plus sur un produit, de répondre à une enquête, etc.

Ceci étant dit, voyons comment réaliser facilement une fenêtre surgissante de type lightbox au clic pour votre site.

Créer une fenêtre surgissante sur WordPress

La façon la plus simple de créer une fenêtre surgissante est d’utiliser OptinMonster. Il s’agit d’une extension de fenêtre surgissante pour WordPress et d’un logiciel de génération de prospects.

En savoir plus, consultez notre Avis complet sur OptinMonster.

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 fenêtres surgissantes.

Il vous suffit de vous rendre sur le site d’OptinMonster et de cliquer sur le bouton « Premiers pas » pour commencer.

Ensuite, vous devez installer et activer l’extension OptinMonster sur votre site WordPress. Pour obtenir de l’aide, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Cela vous permet de connecter votre compte OptinMonster à votre site WordPress.

Une fois l’extension activée, vous devrez connecter votre compte. Vous devriez être dirigé automatiquement vers la page de bienvenue dans votre Tableau de bord WordPress.

Cliquez sur le bouton « Connecter votre compte existant ».

Une nouvelle fenêtre s’ouvre alors.

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 fenêtre surgissante.

Il vous suffit de vous rendre dans 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. D’autre part, l’option  » Playbooks  » vous permet de choisir des campagnes prêtes à l’emploi inspirées de grandes marques prospectées.

Pour ce tutoriel, nous utiliserons l’option « Modèles ».

Vous devez ensuite sélectionner un type de campagne et un modèle.

Le type de campagne doit déjà être défini sur Fenêtres surgissantes. Si ce n’est pas le cas, cliquez sur Popup pour le sélectionner. Ensuite, vous devez choisir un modèle de campagne.

Vous pourrez modifier le Modèle exactement comme cela ultérieurement. Nous allons utiliser le Modèle « Basic » pour ce tutoriel.

Il suffit de passer le curseur sur le modèle et de cliquer sur le bouton « Utiliser le modèle ».

Vous êtes maintenant invité à saisir un nom pour votre campagne. Ce nom n’est destiné qu’à vous. Ne vous inquiétez pas, les utilisateurs/utilisatrices ne le verront pas.

Il vous suffit de saisir un nom et de cliquer sur « Version » pour créer votre fenêtre surgissante.

OptinMonster chargera automatiquement le Modèle dans le constructeur de campagne par glisser-déposer.

Vous pouvez modifier le texte par défaut et ajouter ou retirer des éléments de votre modèle. Il vous suffit de faire glisser des blocs depuis le menu situé à votre gauche et de les déposer sur le modèle.

Vous pouvez également retirer n’importe quel élément du formulaire en cliquant dessus et en utilisant les options de menu situées à gauche. Par exemple, nous allons retirer le champ « Nom » du formulaire.

Tout 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 de le supprimer.

Une fois la fenêtre surgissante conçue, l’étape suivante consiste à concevoir la vue Succès, que les personnes voient après avoir rempli le formulaire.

Il suffit de passer à la vue « Succès » en haut de l’écran.

Vous pouvez modifier la vue du succès de la même manière que vous avez modifié la vue de l’optin. Par exemple, vous pouvez modifier le texte ou inclure un lien pour télécharger un prospect.

Connecter votre fenêtre surgissante à votre liste d’e-mails

Une fois que vous êtes satisfait de votre fenêtre surgissante, cliquez sur l’onglet Intégrations en haut de l’écran. Vous devrez lier OptinMonster à votre service de marketing e-mail afin de pouvoir ajouter des personnes à votre liste d’e-mails.

Cliquez ensuite sur le bouton « + Ajouter une nouvelle intégration » sur le côté gauche de l’écran.

Sélectionné, vous pouvez sélectionner votre fournisseur d’e-mail dans la liste déroulante.

À partir de là, il suffit de suivre les instructions pour le connecter à OptinMonster.

Réglages de votre fenêtre surgissante pour qu’elle apparaisse au clic

Vous devez maintenant configurer votre fenêtre surgissante pour qu’elle apparaisse lorsque l’utilisateur clique sur un lien.

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 le « temps sur la page ». Cela signifie que la fenêtre contextuelle par défaut apparaîtra après que l’utilisateur ait regardé la page pendant un certain temps.

Toutefois, vous pouvez cliquer sur la liste déroulante et sélectionner l’option ‘MonsterLink™’ (On Click)’ à la place.

Ensuite, vous devriez voir votre MonsterLink™ dans les règles d’affichage.

Vous pouvez cliquer sur le lien pour copier votre MonsterLink™ Code. Vous en aurez besoin dans un instant.

Rendre votre fenêtre surgissante directe

Ensuite, vous pouvez aller dans l’onglet « Modifié » en haut de la page et modifier l’état de votre campagne de « Brouillon » à « Publier ».

Une fois que vous avez fait cela, cliquez sur le bouton « Enregistrer » en haut de l’écran et fermez le Constructeur de campagne.

Ensuite, vous verrez les « Réglages de sortie WordPress » pour votre campagne. Vous pouvez cliquer sur le menu déroulant « État » et le modifier de « En attente » à « Publié ». Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer les modifications ».

Ajouté votre MonsterLink à votre site WordPress

Vous devez maintenant ajouter le MonsterLink™ spécial à votre site. Si vous ne l’avez pas copié plus tôt, vous pouvez l’obtenir en revenant au réglage des  » Réglages d’affichage  » de votre campagne.

Tout d’abord, vous devez créer une nouvelle publication ou page, ou modifier celle où vous souhaitez ajouter votre lien.

Le MonsterLink™ est un 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 href="https://app.monstercampaigns.com/c/mcqdabfqzia6zdiosiz0/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>

Vous pouvez modifier les mots « Subscribe Now ! » (abonnez-vous maintenant) et les remplacer par le texte de votre choix pour votre lien.

Une fois le lien placé, vous pouvez prévisualiser votre page ou votre publication pour vous assurer qu’il fonctionne.

Voici notre Link en action. Note : nous avons appliqué un certain style au texte pour créer une boîte avec un texte plus grand afin d’aider à promouvoir le prospect :

Astuce : l’utilisation de MonsterLinks™ ne se limite pas aux liens de texte. Vous pouvez également utiliser MonsterLink avec des boutons d’appel à l’action, des images, des bannières ou des menus de navigation sur votre site.

Nous espérons que ce tutoriel vous a aidé à apprendre comment déclencher un formulaire popup WordPress au clic. Vous pouvez également consulter notre tutoriel sur la façon d’accélérer votre site WordPress et notre guide ultime de référencement WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.