X

Comment ouvrir une fenêtre popup Lightbox WordPress au clic

Comment ouvrir une fenêtre popup lightbox au clic

Vous souhaitez ouvrir une fenêtre pop-up Lightbox au clic d'un bouton sur votre site ? Les pop-ups Lightbox peuvent vous aider à générer des prospects plus ciblés et à développer votre liste d'e-mails.

Si vous faites apparaître la pop-up lorsque l'utilisateur clique sur un bouton, vous pouvez l'inciter à s'inscrire à votre newsletter, à télécharger un e-book ou un rapport, et à obtenir des coupons ou des réductions.

Dans ce tutoriel, nous vous montrerons comment créer facilement des pop-ups Lightbox qui s'ouvrent au clic pour augmenter vos abonnés et obtenir plus de prospects.

Créer des pop-ups Lightbox WordPress au clic de la bonne manière

Les pop-ups peuvent être un excellent moyen de générer des conversions et d'aider les entreprises à croître plus rapidement que de nombreuses autres méthodes.

L'une des façons les plus efficaces d'afficher votre pop-up est de laisser le comportement de votre utilisateur la déclencher. Par exemple, vous pouvez créer une pop-up qui s'ouvre au clic d'un bouton, comme dans l'exemple ci-dessous :

Popup OptinMonster au clic dans le menu WordPress

De cette façon, l'utilisateur n'est pas bombardé par une pop-up, mais la voit uniquement lorsqu'il montre de l'intérêt.

Ces pop-ups fonctionnent bien si elles sont utilisées correctement. Vous pourriez vouloir voir comment CodeinWP a augmenté les conversions de 1000% en utilisant des pop-ups qui apparaissent au clic.

Ils ont pu le faire parce qu'ils ont conçu une excellente campagne qui apparaissait là où les utilisateurs étaient les plus susceptibles d'être intéressés par leur pop-up.

Ils ont personnalisé leurs pop-ups, utilisé des tests A/B pour vérifier ce qui fonctionne et ce qui ne fonctionne pas, et pris des décisions basées sur les données. En conséquence, ils ont obtenu un succès massif.

Le mieux, c'est que créer une pop-up qui s'ouvre au clic est plus facile que vous ne le pensez. Cela ne nécessite même aucune compétence en codage ni aucune connaissance technique !

La vérité est que n'importe qui peut facilement créer une campagne de popup réussie en quelques minutes en utilisant OptinMonster :

optinmonster homepage-min

OptinMonster est de loin le meilleur plugin de génération de prospects sur le marché qui facilite la création de campagnes de popup puissantes. Et c'est le moyen le plus simple de créer une popup qui apparaît au clic d'un bouton.

En bref, OptinMonster est votre meilleure option pour développer votre liste d'e-mails, réduire l'abandon de panier et améliorer les conversions de votre site web.

Tout comme CodeinWP, il existe de nombreuses autres histoires de réussite OptinMonster que vous pouvez consulter.

Maintenant, regardons exactement comment vous pouvez créer votre propre popup lightbox qui s'ouvre au clic en utilisant OptinMonster.

Comment ouvrir une popup lightbox au clic

Nous allons vous montrer comment créer une popup visuellement époustouflante et la faire s'ouvrir au clic.

La première chose que vous devez faire est de créer un compte OptinMonster sans risque. Une fois que vous vous êtes inscrit, vous pouvez installer le plugin OptinMonster sur votre site pour commencer.

Ensuite, il vous suffira de suivre les quelques étapes suivantes.

1. Créez votre campagne de popup

Il existe deux façons d'accéder au tableau de bord OptinMonster pour créer des campagnes. Vous pouvez vous connecter à votre compte sur le site web OptinMonster et créer une nouvelle campagne ici :

créer une nouvelle campagne depuis le tableau de bord OptinMonster

Vous pouvez également visiter votre panneau d'administration WordPress et sélectionner OptinMonster » Tableau de bord pour accéder au même tableau de bord.

Lorsque vous ouvrez le tableau de bord, vous verrez des options pour créer de nouvelles popups, des barres flottantes, des slide-ins, et plus encore.

Campagne de popup OptinMonster

Pour créer une fenêtre contextuelle de type lightbox, sélectionnez Popup, et OptinMonster générera une liste de modèles prêts à l'emploi pour créer votre campagne.

OptinMonster propose plus de 100 modèles préconçus parmi lesquels vous pouvez choisir, tous étant superbes sur les appareils mobiles, de bureau et les tablettes.

Ces modèles vous font gagner des heures dans le processus de conception. Mais vous avez également la possibilité de créer une campagne à partir de zéro avec le modèle Canvas.

Aujourd'hui, nous utiliserons le modèle Magnet pour ce tutoriel. Lorsque vous sélectionnez le modèle, une invite apparaîtra où vous pourrez entrer un nom pour votre campagne.

Modèle Magnet dans OptinMonster

Ensuite, vous serez dirigé vers l'éditeur de campagne OptinMonster où vous pourrez personnaliser le modèle.

2. Concevez votre campagne popup

OptinMonster dispose d'un éditeur visuel, ce qui signifie que vous pouvez modifier la popup telle qu'elle apparaîtrait sur votre site Web.

Vous pouvez commencer par modifier le titre. Sélectionnez simplement le titre et les options d'édition de texte apparaîtront automatiquement au-dessus.

Modifier le texte d'une popup OptinMonster

Maintenant, vous pouvez remplacer le contenu par votre propre texte, changer la couleur, le type et la taille de la police, ainsi que l'alignement. Dans le panneau de gauche, vous verrez également un éditeur de texte qui vous permet de modifier le style et la couleur de l'arrière-plan, d'ajouter une ombre portée, et plus encore.

De la même manière, vous pouvez également modifier le texte du corps de la popup.

Ensuite, cliquez sur l'image dans la campagne. L'éditeur d'images apparaît à gauche où vous pouvez remplacer l'image par la vôtre. Vous pouvez choisir une image dans votre bibliothèque de médias ou en télécharger une nouvelle depuis votre ordinateur.

De même, vous pouvez choisir la bannière violette et changer sa couleur, la supprimer ou la remplacer par une autre image.

Changer l'image dans une popup OptinMonster

Dans l'éditeur d'images, vous verrez des options pour modifier l'opacité, la largeur, la bordure de l'image, et plus encore.

Après avoir modifié l'image, vous pouvez modifier le bouton qui dit « Télécharger mon eBook ». Vous pouvez commencer par sélectionner le bouton et l'éditeur de bouton s'ouvrira dans le panneau de gauche. Ici, vous pourrez changer la couleur, le texte et le style du bouton :

Modifier le bouton OptinMonster

Enfin, allez dans l'onglet « Succès » pour modifier le message à afficher aux utilisateurs qui s'inscrivent. Vous pourrez remplacer le texte et l'image de la même manière que vous l'avez fait dans l'éditeur de popup :

Message de succès dans OptinMonster

Ce ne sont là que quelques exemples de la façon dont vous pouvez modifier vos campagnes OptinMonster, bien qu'il en existe de nombreuses autres. Pour plus d'aide, vous voudrez peut-être consulter cette ressource : Comment créer et concevoir votre première campagne OptinMonster.

Une fois que vous avez personnalisé le popup, il est conseillé de sauvegarder votre campagne en cliquant sur le bouton ‘Sauvegarder’ en haut.

3. Définir les Règles d'Affichage sur ‘Au Clic’

Maintenant que votre campagne de popup est prête, vous pouvez définir une règle pour qu'elle apparaisse au clic sur votre site. Pour ce faire, basculez vers l'onglet ‘Règles d'Affichage’.

Sélectionnez MonsterLink™ (Au Clic) et cela créera une règle qui dit ‘Si le visiteur a cliqué sur un MonsterLink™’.

Règles d'affichage MonsterLink au clic

Si vous ne voyez pas cette option immédiatement, vous pouvez utiliser la barre de recherche dans le menu des règles d'affichage :

clic monsterlink dans les règles d'affichage-min

N'oubliez pas de sauvegarder vos modifications. Cette règle vous permettra d'afficher votre popup lorsqu'un utilisateur clique sur un lien, un bouton ou une image spécifique sur votre site.

4. Ajouter un Fournisseur d'Email

Votre popup vous aide à collecter les adresses e-mail de vos visiteurs afin que vous puissiez promouvoir votre marque ou votre produit, ou communiquer avec eux par e-mail.

Par défaut, OptinMonster utilise Monster Leads pour capturer les entrées du formulaire de popup. Cela signifie que lorsque quelqu'un saisit son nom et son adresse e-mail dans votre popup, cela sera automatiquement enregistré sous Monster Leads.

Vous pourrez voir toutes ces entrées sur votre tableau de bord WordPress et nous vous montrerons comment faire une fois votre campagne en ligne.

Vous pouvez également intégrer la campagne de popup avec votre propre fournisseur d'e-mail tel que Constant Contact et SendInBlue.

En l'intégrant à votre fournisseur d'e-mail, vous pouvez envoyer des e-mails automatisés à ceux qui s'inscrivent à votre newsletter ou à des remises, ou qui téléchargent votre eBook, etc.

Pour intégrer votre fournisseur d'e-mail, sélectionnez l'onglet ‘Intégrations’ depuis le tableau de bord OptinMonster. Ensuite, cliquez sur le bouton ‘Ajouter une nouvelle intégration’ :

ajouter une nouvelle intégration avec optinmonster

Ensuite, sous ‘Fournisseur d’Email’, vous pouvez explorer la liste des intégrations d'e-mail disponibles dans le menu déroulant :

Intégration e-mail OptinMonster

Une fois que vous avez sélectionné votre fournisseur de messagerie, faites défiler vers le bas pour ajouter des notifications et des étiquettes à vos entrées de formulaire contextuel afin de mieux organiser vos campagnes.

N'oubliez pas d'enregistrer vos intégrations une fois que vous avez terminé.

5. Publiez votre campagne

La prochaine étape consiste à rendre votre campagne de popup active sur votre site.

Tout d'abord, assurez-vous d'enregistrer votre campagne, puis cliquez sur l'onglet « Publier ». Ici, vous pouvez changer le statut de votre campagne de « Brouillon » à « Publié ». Si vous n'êtes pas prêt à lancer votre campagne, vous pouvez également planifier une date et une heure pour sa mise en ligne.

Publier une campagne dans OptinMonster

Vous pouvez prévisualiser l'apparence de la campagne sur votre site en sélectionnant le bouton « Aperçu ». Une fois que vous êtes satisfait de toutes les modifications, enregistrez vos modifications pour rendre la campagne active.

Pour vous assurer que votre campagne a été publiée, visitez l'onglet OptinMonster » Campagnes depuis votre tableau de bord WordPress. Si vous voyez que le statut est « En attente », cliquez dessus pour obtenir un menu déroulant, puis sélectionnez « Publier » pour rendre votre campagne active.

Statut de publication dans OptinMonster

Il ne vous reste plus qu'à ajouter l'URL de votre popup à un lien cliquable sur votre site web.

6. Ajouter un popup au clic sur votre site WordPress

OptinMonster vous permet d'ajouter le popup au clic sur n'importe quel texte, bouton ou votre menu principal.

Tout d'abord, vous devez copier le MonsterLink™ que vous avez créé précédemment. Dans le tableau de bord OptinMonster, allez dans l'onglet Publié. Sous « Plateformes », vous verrez une option pour obtenir un lien partageable.

Copier MonsterLink

Copiez ce lien et gardez-le prêt pour la prochaine étape.

Maintenant, nous allons vous montrer comment utiliser ce lien pour ajouter le popup au clic à un texte, un bouton, ou même au menu principal de votre site web.

1. Ajouter MonsterLink™ à un bouton et à un texte

Vous pouvez facilement ajouter le MonsterLink™ à n'importe quel texte ou bouton dans WordPress. Pour ce faire, modifiez la page ou l'article où vous souhaitez ajouter le lien.

Dans l'éditeur de blocs, ajoutez un bouton à votre page ou article en cliquant sur le signe (+) et en sélectionnant le bloc bouton. Une fois que vous avez ajouté un bouton, sélectionnez-le pour ouvrir le menu des paramètres du bloc. Maintenant, cliquez sur l'icône de lien pour ouvrir le champ de lien, et vous pouvez coller le MonsterLink™ à l'intérieur.

Ajouter MonsterLink à un bouton

De même, vous pouvez sélectionner n'importe quel texte sur votre site, sélectionner l'icône de lien et coller le lien pour intégrer la fenêtre contextuelle. Une fois que vous avez terminé, enregistrez ou publiez votre article, puis prévisualisez-le pour voir comment votre fenêtre contextuelle fonctionne.

Popup OptinMonster au clic

2. Ajouter MonsterLink™ à un menu WordPress

Si vous souhaitez ajouter votre lien à votre menu WordPress, vous pouvez le faire en visitant l'onglet Apparence » Menus sur votre tableau de bord WordPress.

Dans cette page, vous pouvez sélectionner « Liens personnalisés » et vous verrez apparaître une liste déroulante qui vous permet d'entrer une URL et un texte de lien.

Collez le MonsterLink™ ici et ajoutez le texte du lien en fonction du contenu de votre campagne de fenêtre contextuelle.

Ajouter MonsterLink™ dans le menu du site web

Une fois que vous avez rempli les champs, sélectionnez le bouton « Ajouter au menu », puis enregistrez votre menu.

Après cela, rendez-vous sur votre site WordPress et vous verrez que le lien vers votre campagne de fenêtre contextuelle au clic apparaît dans votre menu.

Popup OptinMonster au clic dans le menu WordPress

Désormais, votre fenêtre contextuelle apparaîtra lorsqu'un utilisateur cliquera sur le texte, le bouton ou l'élément de menu où vous avez ajouté le MonsterLink™.

Suivez les prospects de votre campagne de fenêtre contextuelle et optimisez pour le succès

OptinMonster vous permet de créer de belles fenêtres contextuelles pour augmenter vos prospects et développer votre entreprise, mais ce n'est pas tout. Il vous aide également à suivre le succès de vos campagnes pour voir leur performance.

OptinMoster utilise Monster Leads pour enregistrer toutes les entrées de votre formulaire de fenêtre contextuelle. Vous pouvez trouver la liste des entrées sous l'onglet OptinMonster » Abonnés. Vous serez dirigé vers l'onglet Prospects sur le tableau de bord OptinMonster.

Liste des abonnés avec MonsterLeads

Ici, vous pouvez voir le nom de l'abonné, son adresse e-mail et la date. Vous pouvez utiliser le menu d'actions pour voir plus de détails, lui envoyer un e-mail ou supprimer son entrée.

Ensuite, vous pouvez consulter les données de votre campagne pour voir son succès. Pour cela, vous devez ouvrir l'onglet OptinMonster » Campagnes et vous verrez une liste des campagnes que vous avez créées.

Pour afficher les données et les statistiques de n'importe quelle campagne, sélectionnez l'icône d'analyse sous le menu Actions :

Analyses dans OptinMonster

Ici, vous pouvez voir un graphique du nombre de personnes ayant consulté votre campagne de popup et du nombre de personnes s'étant abonnées. Vous pouvez également vérifier quelles pages ou quels liens mènent aux conversions les plus élevées.

De cette façon, vous pouvez déterminer où l'utilisateur est le plus intéressé par votre popup.

OptinMonster vous donne également la possibilité d'intégrer la campagne à votre compte Google Analytics.

Avec des informations exploitables, vous pouvez apporter des modifications à votre campagne pour augmenter votre taux de réussite de conversions.

C'est tout ! Nous espérons que vous avez trouvé cet article utile. Si vous avez aimé cet article, vous pourriez également être intéressé par :

Ces articles regorgent d'informations pour vous aider à générer de nouveaux prospects, augmenter vos profits et développer votre entreprise.

Commentaires   Laisser une réponse

Ajouter un commentaire

Nous sommes ravis que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !