Comment créer un popup dans WordPress (le moyen le plus simple)

Publié: 2022-09-22

Une fenêtre contextuelle est un excellent moyen d'attirer l'attention des visiteurs de votre site Web et de leur donner la possibilité de s'inscrire à votre newsletter, d'en savoir plus sur votre dernier produit ou de profiter d'une offre spéciale. Il existe plusieurs façons de créer un popup dans WordPress, mais le moyen le plus simple consiste à utiliser un plugin. Il existe de nombreux plugins popup disponibles pour WordPress, mais nous vous recommandons d'utiliser Popup by OptinMonster. Une fois que vous avez installé et activé le plugin, vous devrez créer un nouveau popup. Pour cela, rendez-vous dans Popups » Ajouter nouveau dans votre espace d'administration WordPress. Sur l'écran suivant, vous devrez entrer un nom pour votre popup et sélectionner un type de popup. OptinMonster propose plusieurs types de fenêtres contextuelles, notamment des fenêtres contextuelles lightbox, des fenêtres contextuelles coulissantes et des fenêtres contextuelles en plein écran. Pour cet exemple, nous choisirons une fenêtre contextuelle lightbox. Une fois que vous avez sélectionné un type de popup, vous pourrez choisir un modèle pour votre popup. OptinMonster propose plus de 50 modèles de popup conçus par des professionnels que vous pouvez utiliser. Après avoir sélectionné un modèle, vous pourrez personnaliser votre popup. Vous pouvez modifier les couleurs, le texte, les images, etc. Une fois que vous êtes satisfait de votre popup, cliquez sur le bouton "Enregistrer" pour enregistrer vos modifications. Maintenant que vous avez créé votre popup, il est temps de l'ajouter à votre site WordPress. Pour ce faire, allez dans Popups » Gérer les Popups et cliquez sur l'onglet 'Intégrer'. Sur l'écran suivant, vous verrez du code que vous devez ajouter à votre site Web. Vous pouvez ajouter ce code manuellement à votre site Web ou vous pouvez utiliser un plug-in tel que Insérer des en-têtes et des pieds de page pour ajouter le code automatiquement. Une fois que vous avez ajouté le code à votre site Web, cliquez sur le bouton "Enregistrer" et vous avez terminé. Votre popup sera désormais visible sur votre site web.

Comment puis-je ajouter du code popup à mon site WordPress ? Les étapes ci-dessous ne prennent que 5 minutes environ. L'outil Popupsmart, qui vous permet de créer des popups sur votre site Web avec une seule ligne de code, est un excellent choix pour créer des popups. Lorsque vous vous inscrivez, cliquez sur Créer une nouvelle fenêtre contextuelle dans votre tableau de bord. Veuillez d'abord insérer votre code d'intégration, suivi de votre balise body. Le placement du code est critique. Pour terminer la balise body, insérez une pâte. Il est maintenant possible de sauvegarder et de publier à nouveau votre popup.

Sélectionnez Modifier le site Web dans le menu de gauche pour accéder à l'éditeur de votre site Web. Sélectionnez Popup à partir des modules complémentaires du site Web dans l'onglet Site Web en haut de votre éditeur. Votre pop-up box peut être personnalisée pour répondre à vos besoins spécifiques. En cliquant sur le bouton Activer la fenêtre contextuelle, vous pouvez activer ou désactiver votre fenêtre contextuelle.

Le formulaire contextuel peut être créé en cliquant sur Formulaires dans le menu du haut, puis en sélectionnant l'onglet Pop-ups, puis en cliquant sur Créer un pop-up. Le formulaire sera enregistré et vous pourrez continuer une fois que vous lui aurez donné un nom et l'aurez enregistré. Ensuite, choisissez votre groupe d'abonnés, un modèle et personnalisez le formulaire et la page de réussite jusqu'à ce que vous aimiez leur apparence.

Comment créer une popup personnalisée dans WordPress ?

Crédit : WPForms

Accédez au tableau de bord WordPress et cliquez sur Popup Maker . L'écran d'édition de popup apparaît après avoir activé Popup. Lorsque vous cliquez ici, la première chose que vous devez faire est d'entrer un nom pour votre popup. Nous avons utilisé cet exemple pour démontrer que vous pouvez également entrer un titre d'affichage facultatif. Les visiteurs pourront voir ce titre d'affichage facultatif s'il est disponible.

Dans ce guide étape par étape, vous apprendrez à créer des fenêtres contextuelles de formulaire de contact dans WordPress. OptinMonster, un plugin, est l'un des plugins popup les plus populaires, avec plus d'un million d'utilisateurs. Les formulaires à remplir, en particulier ceux fournis par MailerLite ou Mailchimp, fonctionnent bien avec les formulaires contextuels . Les taux de conversion et les adresses e-mail augmenteront si vous utilisez correctement un formulaire contextuel. À l'étape 1, créez un formulaire de contact à l'aide de Formidable Forms et à l'étape 2, créez une fenêtre contextuelle WordPress à l'aide d'OptinMonster. En installant ces plugins dans votre administrateur WordPress, vous pouvez commencer à les tester sur une toile vierge. Dans les étapes suivantes, nous passerons à l'étape suivante après leur installation et leur activation.

Le produit final de votre formulaire sera affiché lorsqu'il sera publié ou prévisualisé. Pour configurer nos déclencheurs, accédez à l'onglet Règles d'affichage en haut de la page et sélectionnez l'option appropriée. Les visiteurs peuvent choisir si la fenêtre contextuelle s'affiche ou non à leur arrivée. Le temps sur le site peut être choisi en cliquant sur l'onglet Déclencher (Quand) dans le menu contextuel. Un formulaire contextuel est un excellent moyen de rendre votre site Web plus soigné. Pourquoi votre pied de page ou votre barre latérale doit-il être un formulaire contextuel alors que vous pouvez facilement créer des formulaires contextuels avec WordPress ? Notre styleur de formulaire visuel peut être utilisé pour faire correspondre l'apparence de vos formulaires à votre site Web.

Lien WordPress vers la fenêtre contextuelle

WordPress est un système de gestion de contenu (CMS) qui vous permet de créer un site Web ou un blog à partir de zéro, ou d'améliorer un site Web existant. L'une des fonctionnalités les plus utiles de WordPress est son lien vers la capacité de popup. Cela vous permet de créer des liens qui s'ouvrent dans une nouvelle fenêtre, ce qui permet de garder facilement vos lecteurs sur votre site tout en leur fournissant des informations supplémentaires.

Vous pouvez afficher votre fonctionnalité WordPress Popup de différentes manières, en fonction de la vitesse de chargement de la page, du temps de défilement de la page et de la façon dont vous quittez le site. Une fois le code nécessaire ajouté, tout est fait. Comment faire apparaître une popup après avoir cliqué sur mon lien de contenu ? En HTML, vous pouvez utiliser l'attribut onclick de popup pour n'importe quel élément de votre site si vous savez comment le faire. Les popups ne seront pas chargés sur le serveur si vous utilisez l'attribut onclick dans le thème ou n'importe où ailleurs sur le contenu du site. Remplissez le code nécessaire pour afficher les popups sur votre site. Dans un premier temps, chargez PopUp depuis le côté serveur (base de données), et dans un deuxième temps, liez-le au lien sur lequel vous avez cliqué.

Comment créer une fenêtre contextuelle personnalisée dans WordPress à l'aide de Javascript

Il existe de nombreuses façons de créer des popups personnalisés dans WordPress en utilisant JavaScript. Une façon consiste à utiliser le plugin Popup Maker. Ce plugin vous permet de créer des popups personnalisés et de les ajouter à votre site WordPress. Une autre façon consiste à utiliser le plugin WP Popup.

PenguinArts a créé un guide étape par étape pour créer des popups personnalisés sur une plateforme WordPress à partir de zéro. Dans ce didacticiel, nous allons vous montrer comment le faire vous-même avec PHP, jQuery et quelques lignes de CSS. Tout le contenu de la fenêtre contextuelle sera géré par l'administrateur et vous pourrez sélectionner votre propre design. Ce tutoriel sera réalisé à l'aide d'une magnifique popup et d'un ACF. Pour que la popup apparaisse sur notre page, nous aurons besoin de quelques lignes de code. Si vous rencontrez des problèmes avec cette mise en œuvre, veuillez me le faire savoir et je ferai tout mon possible pour vous aider.

Plugin de pop-up modal WordPress

Il existe de nombreux plugins contextuels modaux WordPress disponibles. Certains des plus populaires sont : Popup Maker, Modal Popups de WPForms et Ninja Popups. Ces plugins vous permettent de créer des fenêtres contextuelles qui peuvent être utilisées à diverses fins, telles que l'affichage d'un formulaire d'abonnement, la diffusion d'une vidéo ou la fourniture d'informations supplémentaires sur un produit ou un service.

Le Snitcher comprend une variété de fonctionnalités qui vous permettent d'ajouter des popups sur n'importe quelle page, quel que soit le type de contenu. Vous pouvez l'utiliser pour piquer l'intérêt des utilisateurs pour vos promotions, offres et annonces de fonctionnalités, ainsi que pour fournir des informations importantes via des messages contextuels lumineux. Chacune des fenêtres a son propre ensemble de préférences de style pour chaque élément, vous permettant de créer un look unique pour votre site. Le plugin est conforme à la norme WCAG niveau AA et permet un haut niveau d'accessibilité au contenu dans la fenêtre contextuelle. Il est simple d'afficher la fenêtre contextuelle en cliquant, en faisant défiler, en survolant, en fonction du moment de l'activité ou de l'inactivité, ou en changeant d'onglet ou de sortie, et elle s'ouvrira immédiatement après le chargement de la page. Cet outil est pris en charge par Chrome, Firefox, Opera, Safari et autres, quel que soit le navigateur utilisé par les utilisateurs pour consulter votre site.

Comment supprimer une fenêtre contextuelle dans WordPress

Il existe plusieurs façons de supprimer les popups dans WordPress. Une façon consiste simplement à désactiver le plugin qui provoque l'apparition de la fenêtre contextuelle. Une autre façon est de modifier le code du plugin pour supprimer le popup. Enfin, vous pouvez également utiliser un plugin WordPress de blocage des popups pour bloquer tous les popups sur votre site.

J'utilisais auparavant un plugin Popup Builder sur ma page, mais il n'était plus pertinent, alors je voulais le supprimer. Cette fenêtre contextuelle semble être difficilement codée dans la page. Je ne parviens pas à le modifier ou à le supprimer de mon ordinateur. Comment procéder avec ma candidature ? Pouvez-vous s'il vous plaît essayer de vider le cache et de vérifier à nouveau ?

Comment puis-je me débarrasser du formulaire contextuel Mailchimp dans WordPress ?

Si vous avez plusieurs sites liés, cliquez sur le lien Modifier pour sélectionner ceux sur lesquels vous souhaitez que votre formulaire contextuel apparaisse. Pour désactiver le formulaire contextuel sur votre site Web, cliquez sur le bouton de désactivation.

Comment ouvrir une fenêtre contextuelle modale en cliquant sur un bouton dans WordPress

Afin d'ouvrir une popup modale au clic d'un bouton dans WordPress, vous devrez créer un élément de bouton et y ajouter la classe suivante : « popmake-trigger ». Ensuite, vous devrez créer une popup modale et y ajouter la classe suivante : « popmake-modal ».

Comment ajouter un popup dans WordPress en trois étapes faciles - WPMPet C'est le moyen le plus simple d'ajouter un popup à un site WordPress. Les popups sont un excellent moyen d'augmenter le nombre d'abonnés à la newsletter tout en améliorant l'expérience utilisateur de votre site Web. Sur la base de 2 milliards de fenêtres contextuelles modales, les 10 % des sites Web les plus performants ont enregistré un taux de conversion moyen de 9,28 %. Les modaux contextuels sont connus pour avoir un taux de réussite élevé parmi les campagnes de génération de leads. En moins de deux ans, Sumo affirme avoir collecté plus de 23 millions d'adresses e-mail à l'aide d'un modal contextuel. Lorsque vous demandez aux visiteurs du site Web d'agir ou de remarquer un message important, l'utilisation de modaux est un moyen très efficace d'y parvenir. Le framework ElementsKit vous permet de modifier la disposition, le typeggler, la position du popup et l'affichage de votre fenêtre modale.

En plus d'une image ou d'une vidéo personnalisée, vous pouvez la faire apparaître comme une page en la faisant apparaître. L'icône de fermeture, l'en-tête et le pied de page peuvent également être masqués. Le plugin ElementsKit WordPress est un créateur de popups tout-en-un qui peut être utilisé pour créer des sites Web. Le formulaire de contact 7 peut être ajouté au fichier modal avec ElementsKit. Utilisez les widgets intégrés dans ElementsKit pour créer des modaux attrayants. Les méthodes vous permettent d'atteindre plus d'abonnés et de collecter des données sur les utilisateurs.