Sélectionner une page


Voulez-vous créer une fenêtre contextuelle qui apparaît lorsque vos visiteurs cliquent sur un lien ou une image de votre site Web?

Il s’agit d’une bonne pratique pour l’ajout à votre liste de diffusion. Il est souvent utilisé par les sites Web populaires pour inciter à s’inscrire.

Dans cet article, nous allons vous montrer étape par étape comment ouvrir une popup WordPress en cliquant sur un lien ou une image.

Déclencher un formulaire contextuel WordPress lorsque vous cliquez est loin d’être aussi compliqué que vous pourriez le penser. Dans cet article, nous allons vous montrer comment.

Ajouter un formulaire contextuel en un clic à votre site Web

Qu’est-ce qu’un formulaire contextuel «au clic»?

Les formulaires contextuels au clic sont des fenêtres contextuelles Lightbox qui s’ouvrent lorsqu’un utilisateur clique sur un lien, un bouton ou une image de votre site Web.

En règle générale, les fenêtres contextuelles apparaissent sur les sites Web lorsqu’un utilisateur arrive ou est sur le point de partir. Lorsque vous cliquez dessus, les formulaires contextuels sont déclenchés par l’interaction de l’utilisateur.

Exemple de formulaire contextuel au clic

Nous avons deux fenêtres contextuelles au clic sur le site Web de WPBeginner que nous utilisons pour développer notre liste de diffusion: d’abord, sur l’icône de courrier électronique dans la barre latérale à côté de toutes les icônes sociales, et deuxièmement, sous chaque publication pour télécharger notre boîte à outils.

Le moyen le plus simple de créer une fenêtre contextuelle au clic est d’utiliser un Plugin Popup pour WordPress. Nous utiliserons OptinMonster pour ce tutoriel.

Pourquoi les formulaires contextuels sur clic sont-ils si efficaces?

Le formulaire contextuel de clic est efficace car il utilise le puissant effet Zeigarnik. Il s’agit d’un principe psychologique qui dit que les utilisateurs qui lancent une action sont plus susceptibles de la terminer.

Au moment où quelqu’un clique sur un lien ou un bouton pour déclencher votre popup, il a déjà manifesté son intérêt. Si la fenêtre contextuelle du formulaire s’affiche, elle est plus susceptible d’être utilisée.

Dans ce didacticiel, nous utiliserons une fenêtre contextuelle au clic pour en proposer une Aimant en plomb.

Cependant, il existe également d’autres façons d’utiliser les fenêtres contextuelles au clic sur votre site Web. Par exemple, vous pouvez demander aux utilisateurs de demander un code de coupon, d’en savoir plus sur un produit, de répondre à des enquêtes, etc.

Voyons comment vous pouvez facilement créer une fenêtre contextuelle lightbox en un clic pour votre site Web.

Installez et activez OptinMonster

Vous devez d’abord vous inscrire pour un OptinMonster Compte. Vous avez besoin du compte Pro (ou supérieur). Cela vous donne la fonction MonsterLinks ™ qui vous permet de créer des popups avec des clics.

Ensuite, vous devrez installer et activer cela Plug-in OptinMonster sur votre site Web WordPress. C’est ainsi que vous pouvez connecter votre compte OptinMonster à votre site WordPress.

Vous pouvez trouver de l’aide dans nos instructions étape par étape à l’adresse Comment installer un plugin WordPress?.

Une fois que vous avez activé le plugin, vous devrez connecter votre compte. Vous devriez être automatiquement redirigé vers la page d’accueil. Sinon, cliquez simplement sur le lien OptinMonster sur votre tableau de bord WordPress.

Cliquez sur «Connecter votre compte» et suivez les instructions à l’écran.

Connectez votre compte OptinMonster à votre site WordPress

Créez votre première fenêtre contextuelle au clic

Une fois que vous avez lié votre compte OptinMonster à votre site WordPress, vous pouvez commencer à créer votre popup au clic. Cliquez sur le bouton « Créer une nouvelle campagne » en haut de l’écran:

Créer une nouvelle campagne dans OptinMonster

Vous serez redirigé directement vers le site Web d’OptinMonster.

Le type de campagne doit déjà être défini sur Popup. Sinon, cliquez simplement sur Popup pour le sélectionner.

Laisser

Ensuite, choisissez un modèle de campagne. Vous pouvez changer exactement à quoi cela ressemble plus tard. Nous utiliserons le modèle de base pour ce didacticiel.

Sélectionnez le modèle de base pour votre popup au clic

Survolez le modèle et cliquez sur le bouton « Utiliser le modèle ».

Cliquez ici pour utiliser le modèle de base pour votre popup au clic

Il vous sera maintenant demandé de saisir un nom pour votre campagne. Si vous utilisez OptinMonster sur plusieurs sites, assurez-vous de choisir le bon. Entrez un nouveau site Web si nécessaire. Cliquez ensuite sur « Démarrer la construction » pour créer votre popup.

Nommez votre campagne et cliquez pour commencer à créer

OptinMonster charge automatiquement le modèle que vous avez sélectionné.

Vous pouvez modifier le texte par défaut et ajouter ou supprimer des éléments de votre modèle. Cliquez simplement sur ce que vous souhaitez modifier.

Modifiez l'en-tête de votre popup dans OptinMonster

Par exemple, nous allons supprimer le champ Nom du formulaire. Cliquez simplement sur le champ pour le sélectionner et vous verrez les options de champ dans la colonne de gauche, y compris l’option de suppression.

Supprimez le champ Nom de la fenêtre contextuelle

Une fois que vous avez conçu la fenêtre contextuelle, l’étape suivante consiste à concevoir la vue de réussite que les utilisateurs verront après avoir rempli le formulaire. Accédez simplement à la vue Succès en haut de l’écran.

La vue

Vous pouvez modifier la vue de réussite de la même manière que la vue d’activation. Par exemple, vous pouvez demander à l’utilisateur de télécharger immédiatement l’aimant principal. Vous pouvez insérer un lien ici.

Pour ajouter un lien vers une image, cliquez sur l’image et faites défiler jusqu’à « Ajouter un lien vers l’image? ». à gauche.

Vous pouvez basculer pour activer le lien d’image et entrer le lien vers votre aimant principal dans le champ « URL ».

Ajouter un lien vers l'image popup dans OptinMonster

Connectez votre popup à votre liste de diffusion

Lorsque vous êtes satisfait de votre popup, cliquez sur l’onglet Intégrations en haut de l’écran. Vous devez associer OptinMonster au vôtre Service de marketing par e-mail Cela vous permet d’ajouter des personnes à votre liste de diffusion.

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

Ajout d'une nouvelle intégration de messagerie à OptinMonster

Ensuite, sélectionnez votre fournisseur de messagerie dans la liste déroulante et suivez les instructions pour vous connecter à OptinMonster.

Sélectionnez votre fournisseur de services de messagerie dans la liste déroulante

Noter: Les instructions d’intégration sont différentes pour chaque service de marketing par e-mail. Si vous êtes bloqué, OptinMonster a une liste de instructions détaillées pour l’intégration de la messagerie électronique.

Configurez votre popup pour qu’il apparaisse lorsque vous cliquez

Vous devez maintenant configurer votre popup pour qu’il apparaisse lorsque l’utilisateur clique sur un lien. Cliquez sur l’onglet Règles d’affichage en haut de l’écran.

Les règles d'affichage standard dans OptinMonster

Par défaut, la règle d’affichage utilise l’heure sur la page. Cliquez sur la liste déroulante et sélectionnez « Visiteur a cliqué sur MonsterLink ™ » à la place.

Modifiez les règles d'affichage pour que votre popup utilise la fonction MonsterLink

Cliquez sur le bouton pour copier votre code MonsterLink ™. Tu vas en avoir besoin dans un instant

Faites vivre votre popup on-click

Passez maintenant à l’onglet « Publier » et définissez le statut de votre campagne sur « En direct ». Vous pouvez également vérifier ou modifier le site Web auquel votre campagne est liée.

Si vous activez le statut de la campagne de votre popup en un clic, il sera activé

Cliquez ensuite sur le bouton Enregistrer en haut de l’écran.

Ensuite, vous devez mettre en ligne votre campagne sur votre site WordPress vous-même.

Accédez à votre tableau de bord WordPress et cliquez sur le lien OptinMonster. Cliquez sur le bouton Mettre à jour les campagnes.

Mettez à jour la liste des campagnes dans votre tableau de bord OptinMonster

Vous devez voir votre campagne en direct. Si à tout moment vous souhaitez le désactiver, cliquez simplement sur le lien « Désactiver » sous le nom de votre campagne.

La liste des campagnes OptinMonster dans le tableau de bord WordPress

Ajouter votre MonsterLink à votre site Web

Vous devez maintenant ajouter le MonsterLink ™ spécial à votre site. Si vous ne l’avez pas déjà copié, vous pouvez l’obtenir en revenant au paramètre « Règles d’affichage » de votre campagne sur le site Web MonsterInsights.

Créer un nouveau Message ou pageou modifiez le lien auquel vous souhaitez ajouter votre lien.

Le MonsterLink est du code HTML, vous devrez donc le mettre dans un bloc HTML personnalisé.

Cliquez sur le bouton (+) pour ajouter un nouveau bloc. Le bloc HTML personnalisé se trouve dans la section Mise en forme ou vous pouvez le trouver à l’aide de la barre de recherche. Cliquez dessus pour créer le bloc.

Ajouter un bloc HTML personnalisé dans WordPress

Copiez maintenant votre MonsterLink dans ce bloc. Ça devrait ressembler a quelque chose comme ca:

Le MonsterLink dans un bloc HTML

Vous pouvez utiliser les mots « Click Me! » Changer. quel que soit le texte que vous souhaitez utiliser pour votre lien. Nous allons « Cliquez pour obtenir les 10 conseils BONUS! » Utiliser.

Le MonsterLink avec texte personnalisé

Une fois que vous avez placé le lien, vous pouvez prévisualiser votre page ou votre publication pour vous assurer que cela fonctionne.

Voici notre lien en action. Notez que nous avons un peu stylisé le texte pour créer une boîte avec un texte plus grand pour promouvoir l’aimant principal:

Le formulaire contextuel au clic en action

Conseil: Vous n’êtes pas limité aux liens textuels avec MonsterLinks. Vous pouvez également utiliser MonsterLink avec Appeler les boutons d’action, Images, bannières ou menus de navigation sur votre site Web.

Nous espérons que ce tutoriel vous a aidé à apprendre comment déclencher un formulaire contextuel WordPress lorsque vous cliquez. Vous pouvez également consulter notre tutoriel ci-dessus Comment accélérer votre site WordPress, et notre guide ultime de référencement WordPress.

Si vous avez apprécié cet article, veuillez vous abonner au nôtre chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.





Source link

Recent Posts