{"id":58437,"date":"2022-06-13T07:45:17","date_gmt":"2022-06-13T06:45:17","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=58437&#038;preview=true&#038;preview_id=58437"},"modified":"2024-10-03T14:48:17","modified_gmt":"2024-10-03T13:48:17","slug":"popup-elementor","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/","title":{"rendered":"Un guide complet des popups Elementor (et comment les cr\u00e9er)"},"content":{"rendered":"<p>Les formulaires en popup peuvent \u00eatre des outils marketing essentiels, vous permettant de <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-construire-liste-emails\/\">capturer des adresses e-mail<\/a>, de promouvoir des ventes, et plus encore. Cependant, il n&rsquo;est pas toujours facile de cr\u00e9er des popups attrayantes et personnalis\u00e9es dans WordPress.<\/p>\n<p>Heureusement, <a href=\"https:\/\/kinsta.com\/fr\/blog\/divi-vs-elementor\/\">l&rsquo;extension de construction de pages Elementor<\/a> facilite la cr\u00e9ation et la personnalisation des popups sur votre site web. Vous pouvez les adapter au <a href=\"https:\/\/kinsta.com\/fr\/blog\/logiciel-de-creation-de-sites-web\/\">design de votre site<\/a> et ajouter des d\u00e9clencheurs bas\u00e9s sur le comportement ou les origines des utilisateurs.<\/p>\n<p>Ce guide donnera un aper\u00e7u des diff\u00e9rents types de popups Elementor et des raisons pour lesquelles vous pourriez vouloir les utiliser. Ensuite, nous vous expliquerons comment cr\u00e9er ces popups avec les outils gratuits et <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pro d&rsquo;Elementor<\/a>. C&rsquo;est parti !<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Une vue globale des popups Elementor<\/h2>\n<p>Elementor est l&rsquo;une des <a href=\"https:\/\/kinsta.com\/fr\/blog\/constructeurs-pages-wordpress\/\">extensions de construction de pages les plus populaires<\/a> pour les sites web WordPress. Elle vous permet de glisser et d\u00e9poser des \u00e9l\u00e9ments en place pour concevoir des pages magnifiques et conviviales :<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-homepage.png\" alt=\"Constructeur de pages Elementor\" width=\"1600\" height=\"664\"><figcaption class=\"wp-caption-text\">Constructeur de pages Elementor<\/figcaption><\/figure>\n<p>En outre, Elementor vous permet de cr\u00e9er une vari\u00e9t\u00e9 de popups. Il s&rsquo;agit de formulaires personnalis\u00e9s qui apparaissent sur votre site apr\u00e8s un temps pr\u00e9d\u00e9termin\u00e9, ou apr\u00e8s qu&rsquo;un utilisateur ait effectu\u00e9 une action particuli\u00e8re.<\/p>\n<p>Les popups peuvent \u00eatre des outils essentiels pour diverses raisons. Vous pouvez les utiliser pour collecter des prospects et \u00e9largir votre liste de <a href=\"https:\/\/kinsta.com\/fr\/blog\/statistiques-email-marketing\/\">marketing par e-mail<\/a>. Les popups d&rsquo;Elementor <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/outils-mykinsta\/e-mail\/\">s&rsquo;int\u00e8grent aux logiciels de marketing par e-mail<\/a>, envoyant les adresses des clients directement \u00e0 la plateforme de votre choix.<\/p>\n<p>Vous pouvez m\u00eame les utiliser pour promouvoir des ventes, des remises et des \u00e9v\u00e9nements li\u00e9s \u00e0 votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/plateformes-ecommerce\/\">boutique de commerce \u00e9lectronique<\/a>. En tant que tels, les popups peuvent faire partie int\u00e9grante de votre strat\u00e9gie marketing globale.<\/p>\n<p>De plus, les popups peuvent vous aider \u00e0 vous connecter avec vos clients. Vous pouvez int\u00e9grer des enqu\u00eates pour demander l&rsquo;avis des consommateurs et am\u00e9liorer vos produits et services.<\/p>\n<p>Cependant, les popups peuvent sembler intrusives si vous ne les concevez pas bien et ne choisissez pas les d\u00e9clencheurs ad\u00e9quats pour votre public. Par cons\u00e9quent, vous devrez vous assurer que vous les utilisez efficacement. C&rsquo;est l\u00e0 qu&rsquo;intervient Elementor.<\/p>\n\n<h3>Types de popups Elementor<\/h3>\n<p>Elementor est livr\u00e9 avec plus de 100 mod\u00e8les de popups que vous pouvez personnaliser selon vos besoins. Ces mod\u00e8les comprennent :<\/p>\n<ul>\n<li>Formulaires de capture de prospects<\/li>\n<li>Popups <a href=\"https:\/\/kinsta.com\/fr\/blog\/fournisseurs-demail-securises\/\">d&rsquo;inscription par e-mail<\/a><\/li>\n<li>Popups promotionnelles<\/li>\n<li>Formulaires de connexion et de bienvenue<\/li>\n<li>Popups \u00e0 contenu restreint<\/li>\n<li>Formulaires de vente incitative et de vente crois\u00e9e<\/li>\n<\/ul>\n<p>Ces mod\u00e8les de popups sont int\u00e9gr\u00e9s aux <a href=\"https:\/\/elementor.com\/library\/\" target=\"_blank\" rel=\"noopener noreferrer\">kits Elementor<\/a>, qui comprennent diverses fonctionnalit\u00e9s de conception pour diff\u00e9rents types de sites web :<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-kits.png\" alt=\"Mod\u00e8les de popup dans ElementorKits\" width=\"1600\" height=\"657\"><figcaption class=\"wp-caption-text\">Mod\u00e8les de popup dans ElementorKits<\/figcaption><\/figure>\n<p>En outre, vous pouvez choisir parmi diff\u00e9rents placements de popups et conceptions visuelles, notamment :<\/p>\n<ul>\n<li>Modale<\/li>\n<li>Slide-in<\/li>\n<li>Plein \u00e9cran<\/li>\n<li>Barre sup\u00e9rieure ou inf\u00e9rieure<\/li>\n<\/ul>\n<p>Enfin, vous pouvez utiliser l&rsquo;\u00e9diteur Elementor pour personnaliser rapidement n&rsquo;importe quel mod\u00e8le de popup en fonction de vos besoins. Nous allons maintenant vous expliquer comment vous pouvez le faire avec Elementor en version gratuite et Elementor Pro.<\/p>\n<h2>Comment cr\u00e9er une popup avec Elementor (gratuit)<\/h2>\n<p>Auparavant, l&rsquo;extension <a href=\"https:\/\/wordpress.org\/plugins\/essential-addons-for-elementor-lite\/\" target=\"_blank\" rel=\"noopener noreferrer\">Essential Addons for Elementor<\/a> disposait d&rsquo;une fonctionnalit\u00e9 <strong>Popup modale<\/strong> qui permet aux utilisateurs de cr\u00e9er un formulaire popup gratuit. Son utilisation \u00e9tait l&rsquo;un des moyens les plus populaires pour \u00e9viter de payer Elementor Pro. Vous pouvez trouver de nombreux tutoriels vid\u00e9os datant de quelques ann\u00e9es pour vous montrer comment utiliser cette m\u00e9thode.<\/p>\n<p>Cependant, la fonction gratuite <strong>Popup modale<\/strong> s&rsquo;est transform\u00e9e en un \u00e9l\u00e9ment premium <strong>Visionneuse et modale<\/strong>. Son utilisation n&rsquo;est plus gratuite. Par cons\u00e9quent, vous devrez passer \u00e0 Elementor Pro ou payer pour l&rsquo;une des extensions Elementor premium que nous abordons plus loin dans cet article.<\/p>\n<h2>Comment cr\u00e9er une popup avec Elementor Pro (en 5 \u00e9tapes faciles)<\/h2>\n<p>Elementor Pro est dot\u00e9 d&rsquo;une fonction Popup int\u00e9gr\u00e9e que nous allons utiliser dans ce tutoriel. Vous devrez d&rsquo;abord acheter et activer <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor Pro<\/a>. Ensuite, vous pouvez vous rendre sur votre tableau de bord WordPress pour commencer \u00e0 cr\u00e9er des popups.<\/p>\n<h3>\u00c9tape 1 : Cr\u00e9ez votre popup<\/h3>\n<p>Commencez par naviguer vers <strong>Elementor &gt; Mod\u00e8les &gt; Popups <\/strong>dans votre tableau de bord WordPress. Ensuite, cliquez sur <strong>Ajouter<\/strong> pour en cr\u00e9er une nouvelle :<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/add-new-popup.png\" alt=\"Allez dans Mod\u00e8les puis Ajouter\" width=\"1600\" height=\"663\"><figcaption class=\"wp-caption-text\">Allez dans Mod\u00e8les puis Ajouter<\/figcaption><\/figure>\n<p>Vous serez ensuite invit\u00e9 \u00e0 nommer votre mod\u00e8le. Une fois que vous avez choisi un nom, s\u00e9lectionnez <strong>CR\u00c9ER UN MOD\u00c8LE <\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-template.png\" alt=\"Nommez votre mod\u00e8le de popup et cliquez sur Cr\u00e9er\" width=\"1500\" height=\"720\"><figcaption class=\"wp-caption-text\">Nommez votre mod\u00e8le de popup et cliquez sur Cr\u00e9er<\/figcaption><\/figure>\n<p>Ceci lancera le constructeur de pages Elementor. Vous pouvez maintenant choisir parmi les mod\u00e8les de popup existants ou cr\u00e9er le v\u00f4tre \u00e0 partir de z\u00e9ro. Dans notre exemple, nous avons choisi l&rsquo;un des mod\u00e8les existants \u00e0 modifier :<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/full-page-popup.png\" alt=\"Choisissez parmi les mod\u00e8les de fen\u00eatres popup existants ou cr\u00e9ez-en une de toutes pi\u00e8ces\" width=\"1600\" height=\"709\"><figcaption class=\"wp-caption-text\">Choisissez parmi les mod\u00e8les de fen\u00eatres popup existants ou cr\u00e9ez-en une de toutes pi\u00e8ces<\/figcaption><\/figure>\n<p>Vous pouvez maintenant jouer avec les r\u00e9glages de design pour personnaliser votre popup. Par exemple, vous pouvez modifier sa disposition, son alignement, ses images d&rsquo;arri\u00e8re-plan et ses couleurs.<\/p>\n<h3>\u00c9tape 2 : Choisissez vos conditions d&rsquo;affichage<\/h3>\n<p>Une fois que vous \u00eates satisfait de votre conception, cliquez sur la fl\u00e8che orient\u00e9e vers le haut \u00e0 c\u00f4t\u00e9 de <strong>PUBLIER<\/strong>. Ensuite, s\u00e9lectionnez <strong>Conditions d&rsquo;affichage <\/strong>dans le menu qui appara\u00eet :<\/p>\n<figure style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-publish-settings.png\" alt=\"Choisissez vos conditions d'affichage\" width=\"1287\" height=\"889\"><figcaption class=\"wp-caption-text\">Choisissez vos conditions d&rsquo;affichage<\/figcaption><\/figure>\n<p>Ensuite, cliquez sur <strong>Ajouter <\/strong>pour choisir l&rsquo;endroit o\u00f9 votre popup Elementor s&rsquo;affichera sur votre site web. Vous pouvez ensuite s\u00e9lectionner un emplacement parmi les options suivantes : <strong>Site entier<\/strong>, <strong>Archives<\/strong>, <strong>Individuel<\/strong>, ou <strong>WooCommerce <\/strong>:<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-display-settings.png\" alt=\"Choisissez l'endroit o\u00f9 vous souhaitez que la popup s'affiche\" width=\"1486\" height=\"898\"><figcaption class=\"wp-caption-text\">Choisissez l&rsquo;endroit o\u00f9 vous souhaitez que la popup s&rsquo;affiche<\/figcaption><\/figure>\n<p>Lorsque vous \u00eates satisfait de votre choix, cliquez sur <strong>SUIVANT<\/strong>. Vous serez dirig\u00e9 vers les <strong>d\u00e9clencheurs <\/strong>de votre formulaire popup.<\/p>\n<h3>\u00c9tape 3 : Configurer les d\u00e9clencheurs de votre popup<\/h3>\n<p>Sur la page des <strong>d\u00e9clencheurs<\/strong>, vous pouvez d\u00e9cider ce que les utilisateurs doivent faire pour afficher votre popup Elementor. Par d\u00e9faut, chaque option est d\u00e9sactiv\u00e9e, et vous pouvez l&rsquo;activer en cliquant sur le curseur. Ensuite, vous devrez sp\u00e9cifier des valeurs pour votre d\u00e9clencheur.<\/p>\n<p>Par exemple, si vous optez pour l&rsquo;option <strong>Au chargement de la page<\/strong>, vous devrez choisir dans combien de secondes votre popup s&rsquo;affichera :<\/p>\n<figure style=\"width: 1474px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-page-load.png\" alt=\"S\u00e9lectionnez les d\u00e9clencheurs de popup que vous souhaitez\" width=\"1474\" height=\"454\"><figcaption class=\"wp-caption-text\">S\u00e9lectionnez les d\u00e9clencheurs de popup que vous souhaitez<\/figcaption><\/figure>\n<p>Avec <strong>Au d\u00e9filement<\/strong>, vous pouvez choisir dans quelle direction l&rsquo;utilisateur doit faire d\u00e9filer et quelle partie de la page il doit couvrir avant que la popup n&rsquo;apparaisse :<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-scroll.png\" alt=\"D\u00e9clencheurs au d\u00e9filement de page\" width=\"1476\" height=\"433\"><figcaption class=\"wp-caption-text\">D\u00e9clencheurs au d\u00e9filement de page<\/figcaption><\/figure>\n<p>Le r\u00e9glage <strong>Au d\u00e9filement sur l&rsquo;\u00e9l\u00e9ment<\/strong>\u00a0vous demande de saisir un ID CSS. Lorsqu&rsquo;un utilisateur atteint cet \u00e9l\u00e9ment sur votre page, la popup appara\u00eet :<\/p>\n<figure style=\"width: 1482px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-scroll-to-element.png\" alt=\"D\u00e9clencheurs de d\u00e9filement vers un \u00e9l\u00e9ment\" width=\"1482\" height=\"448\"><figcaption class=\"wp-caption-text\">D\u00e9clencheurs de d\u00e9filement vers un \u00e9l\u00e9ment<\/figcaption><\/figure>\n<p>Avec<strong> Au clic<\/strong>, vous devrez sp\u00e9cifier combien de fois un utilisateur doit cliquer sur votre site web avant que la popup ne s&rsquo;affiche :<\/p>\n<figure style=\"width: 1482px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-click.png\" alt=\"Plus d'options de d\u00e9clenchement sous les r\u00e8gles avanc\u00e9es\" width=\"1482\" height=\"325\"><figcaption class=\"wp-caption-text\">Plus d&rsquo;options de d\u00e9clenchement sous les r\u00e8gles avanc\u00e9es<\/figcaption><\/figure>\n<p>Le r\u00e9glage<strong>\u00a0Apr\u00e8s l&rsquo;inactivit\u00e9 <\/strong>vous permet de d\u00e9clencher votre popup apr\u00e8s que l&rsquo;utilisateur soit rest\u00e9 inactif sur votre page pendant un laps de temps donn\u00e9 :<\/p>\n<figure style=\"width: 1483px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-after-inactivity.png\" alt=\"D\u00e9clencheurs apr\u00e8s l'inactivit\u00e9\" width=\"1483\" height=\"328\"><figcaption class=\"wp-caption-text\">D\u00e9clencheurs apr\u00e8s l&rsquo;inactivit\u00e9<\/figcaption><\/figure>\n<p>Enfin, vous pouvez choisir d&rsquo;activer <strong>l&rsquo;Intention de sortie de la page<\/strong>. Ce r\u00e9glage d\u00e9clenchera votre popup lorsqu&rsquo;un utilisateur tentera de quitter votre page :<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-exit-intent.png\" alt=\"S\u00e9lectionnez le d\u00e9clencheur Intention de sortie de page le cas \u00e9ch\u00e9ant\" width=\"1486\" height=\"336\"><figcaption class=\"wp-caption-text\">S\u00e9lectionnez le d\u00e9clencheur Intention de sortie de page le cas \u00e9ch\u00e9ant<\/figcaption><\/figure>\n<p>Cliquez sur <strong>Enregistrer et fermer <\/strong>ou <strong>Suivant<\/strong>\u00a0pour naviguer vers les <strong>r\u00e8gles avanc\u00e9es<\/strong> lorsque vous avez termin\u00e9. Nous examinerons ces r\u00e8gles un peu plus tard dans ce tutoriel.<\/p>\n<h3>\u00c9tape 4 : Ajouter un bouton popup \u00e0 votre site (facultatif)<\/h3>\n<p>Vous pourriez vouloir d\u00e9clencher votre popup Elementor lorsqu&rsquo;un utilisateur clique sur un \u00e9l\u00e9ment sp\u00e9cifique de votre page. Par exemple, vous pouvez concevoir un bouton qui dit \u00ab Inscrivez-vous maintenant \u00bb et l&rsquo;int\u00e9grer dans votre pied de page. Lorsqu&rsquo;un utilisateur clique sur le bouton, il voit appara\u00eetre sur son \u00e9cran votre formulaire <a href=\"https:\/\/kinsta.com\/fr\/blog\/garder-email-hebergement-separes\/\">d&rsquo;inscription par e-mail<\/a>.<\/p>\n<p>Tout d&rsquo;abord, vous devez cr\u00e9er un bouton Elementor sur votre site web. Ouvrez l&rsquo;article ou la page dans l&rsquo;\u00e9diteur Elementor et choisissez <strong>Bouton<\/strong> dans le menu. Faites-le glisser et d\u00e9posez-le sur votre page :<\/p>\n<figure style=\"width: 1014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-button.png\" alt=\"Choisissez l'option Bouton dans le menu\" width=\"1014\" height=\"894\"><figcaption class=\"wp-caption-text\">Choisissez l&rsquo;option Bouton dans le menu<\/figcaption><\/figure>\n<p>Une fois que vous avez sp\u00e9cifi\u00e9 le texte du bouton et personnalis\u00e9 son apparence, cliquez sur <strong>Lien &gt; Balises dynamiques<\/strong>. Ensuite, choisissez <strong>Actions &gt; Popup<\/strong> dans le menu d\u00e9roulant :<\/p>\n<figure style=\"width: 1273px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-button.png\" alt=\"Choisissez l'action popup pour le bouton\" width=\"1273\" height=\"652\"><figcaption class=\"wp-caption-text\">Choisissez l&rsquo;action popup pour le bouton<\/figcaption><\/figure>\n<p>Cliquez sur <strong>Popup <\/strong>et choisissez <strong>Ouvrir popup<\/strong> dans le menu d\u00e9roulant <strong>Action <\/strong>. Vous pouvez \u00e9galement s\u00e9lectionner votre formulaire dans le menu <strong>Popup <\/strong>:<\/p>\n<figure style=\"width: 1270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/open-popup.png\" alt=\"S\u00e9lectionnez l'option de menu d\u00e9roulant Popup\" width=\"1270\" height=\"712\"><figcaption class=\"wp-caption-text\">S\u00e9lectionnez l&rsquo;option de menu d\u00e9roulant Popup<\/figcaption><\/figure>\n<p>Enfin, s\u00e9lectionnez <strong>MISE \u00c0 JOUR<\/strong> pour publier votre bouton. Chaque fois qu&rsquo;un utilisateur cliquera dessus, il sera dirig\u00e9 vers votre formulaire d&rsquo;inscription.<\/p>\n<h3>\u00c9tape 5 : Enregistrez vos mod\u00e8les de popups pour plus tard<\/h3>\n<p>Vous pouvez \u00e9galement enregistrer vos popups en tant que mod\u00e8les. Ouvrez votre popup avec l&rsquo;\u00e9diteur Elementor et cliquez sur la fl\u00e8che vers le haut \u00e0 c\u00f4t\u00e9 de <strong>MISE \u00c0 JOUR<\/strong>. Choisissez <strong>Enregistrer comme mod\u00e8le<\/strong> dans le menu :<\/p>\n<figure style=\"width: 1054px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-template-save.png\" alt=\"Enregistrez votre popup comme mod\u00e8le\" width=\"1054\" height=\"897\"><figcaption class=\"wp-caption-text\">Enregistrez votre popup comme mod\u00e8le<\/figcaption><\/figure>\n<p>Vous serez ensuite invit\u00e9 \u00e0 nommer votre mod\u00e8le. Lorsque vous avez termin\u00e9, cliquez sur <strong>Enregistrer <\/strong>:<\/p>\n<figure style=\"width: 1498px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/save-popup.png\" alt=\"Donnez un nom au mod\u00e8le de popup et cliquez sur Enregistrer\" width=\"1498\" height=\"853\"><figcaption class=\"wp-caption-text\">Donnez un nom au mod\u00e8le de popup et cliquez sur Enregistrer<\/figcaption><\/figure>\n<p>La popup sera enregistr\u00e9e dans votre biblioth\u00e8que de mod\u00e8les. Vous pouvez maintenant l&rsquo;utiliser lorsque vous construisez une page ou un article avec des mod\u00e8les.<\/p>\n<h2>Comment configurer les r\u00e9glages avanc\u00e9s de popup Elementor<\/h2>\n<p>Nous avons d\u00e9j\u00e0 vu comment cr\u00e9er une popup Elementor de base. Cependant, il existe \u00e9galement certains r\u00e9glages avanc\u00e9s que vous pourriez vouloir utiliser.<\/p>\n<p>Ouvrez \u00e0 nouveau votre popup avec l&rsquo;\u00e9diteur Elementor et naviguez vers <strong>R\u00e8gles d&rsquo;affichage<\/strong>. Jetons un coup d&rsquo;\u0153il aux diff\u00e9rents r\u00e9glages.<\/p>\n<h3>R\u00e9glages d&rsquo;affichage de popup<\/h3>\n<p>Certains r\u00e9glages avanc\u00e9s d&rsquo;affichage de popup vous permettent de contr\u00f4ler le moment o\u00f9 les utilisateurs voient votre formulaire. Ces configurations peuvent \u00eatre pratiques pour cibler les visiteurs de retour plut\u00f4t que ceux qui viennent pour la premi\u00e8re fois.<\/p>\n<p>Par exemple, vous pouvez choisir d&rsquo;afficher votre popup apr\u00e8s que votre visiteur ait consult\u00e9 votre page un certain nombre de fois :<\/p>\n<figure style=\"width: 1479px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-after-page-views.png\" alt=\"R\u00e9glages et conditions plus avanc\u00e9s\" width=\"1479\" height=\"444\"><figcaption class=\"wp-caption-text\">R\u00e9glages et conditions plus avanc\u00e9s<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement choisir <strong>Afficher apr\u00e8s X sessions<\/strong>. Ce r\u00e9glage cible l&rsquo;ensemble des visites plut\u00f4t que des pages sp\u00e9cifiques :<\/p>\n<figure style=\"width: 1483px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-after-sessions.png\" alt=\"Affichez la popup apr\u00e8s un certain nombre de sessions\" width=\"1483\" height=\"444\"><figcaption class=\"wp-caption-text\">Affichez la popup apr\u00e8s un certain nombre de sessions<\/figcaption><\/figure>\n<p>Le r\u00e9glage <strong>Afficher jusqu&rsquo;\u00e0 X fois<\/strong> peut limiter le nombre de fois o\u00f9 les utilisateurs verront votre popup. Vous pouvez envisager de l&rsquo;activer si vous ne voulez pas spammer continuellement les visiteurs avec des formulaires intrusifs :<\/p>\n<figure style=\"width: 1474px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-x-times.png\" alt=\"S\u00e9lectionnez le nombre de fois que les utilisateurs verront votre popup\" width=\"1474\" height=\"454\"><figcaption class=\"wp-caption-text\">S\u00e9lectionnez le nombre de fois que les utilisateurs verront votre popup<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement utiliser les r\u00e9glages <strong>Afficher sur les appareils<\/strong> et <strong>Afficher sur les navigateurs<\/strong> pour limiter l&rsquo;endroit o\u00f9 votre popup appara\u00eetra. Les popups peuvent \u00eatre particuli\u00e8rement intrusives sur les <a href=\"https:\/\/kinsta.com\/fr\/blog\/index-google-mobile-first\/\">appareils mobiles<\/a>, vous pouvez donc envisager de les d\u00e9sactiver \u00e0 cet endroit :<\/p>\n<figure style=\"width: 1480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-devices-browsers.png\" alt=\"Vous pouvez choisir l'option Afficher sur les appareils\" width=\"1480\" height=\"298\"><figcaption class=\"wp-caption-text\">Vous pouvez choisir l&rsquo;option Afficher sur les appareils<\/figcaption><\/figure>\n<p>Offrir une meilleure exp\u00e9rience utilisateur mobile peut rendre vos visiteurs heureux. Cela peut \u00e9galement stimuler vos efforts <a href=\"https:\/\/kinsta.com\/fr\/blog\/seo-wordpress\/\">d&rsquo;optimisation des moteurs de recherche (SEO)<\/a> et aider votre site web \u00e0 \u00eatre mieux class\u00e9 dans les r\u00e9sultats de recherche.<\/p>\n<h3>R\u00e9glages d&rsquo;origine de l&rsquo;utilisateur<\/h3>\n<p>Enfin, Elementor vous permet de configurer les r\u00e9glages d&rsquo;affichage des popups en fonction de l&rsquo;origine de vos utilisateurs. Ces r\u00e9glages peuvent \u00eatre pratiques si vous dirigez les visiteurs vers une page de destination promotionnelle et que vous utilisez ensuite votre popup pour annoncer des offres ou demander des coordonn\u00e9es.<\/p>\n<p>Les r\u00e9glages suivants vous permettent de sp\u00e9cifier des URL et de choisir les liens qui d\u00e9clencheront les popups :<\/p>\n<figure style=\"width: 1480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-arriving-from-rules.png\" alt=\"Afficher aux utilisateurs arrivant d'un endroit sp\u00e9cifique\" width=\"1480\" height=\"216\"><figcaption class=\"wp-caption-text\">Afficher aux utilisateurs arrivant d&rsquo;un endroit sp\u00e9cifique<\/figcaption><\/figure>\n<p>Enfin, vous pouvez choisir de masquer vos popups aux utilisateurs connect\u00e9s. Vous pouvez utiliser ce r\u00e9glage si vous g\u00e9rez un <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-creer-site-web-adhesion\/\">site web d&rsquo;adh\u00e9sion<\/a> payant :<\/p>\n<figure style=\"width: 1401px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-hide-logged-in-users.png\" alt=\"Masquer les popups pour les utilisateurs connect\u00e9s\" width=\"1401\" height=\"213\"><figcaption class=\"wp-caption-text\">Masquer les popups pour les utilisateurs connect\u00e9s<\/figcaption><\/figure>\n<p>Lorsque vous \u00eates satisfait de tous les r\u00e9glages que vous avez choisis, cliquez sur <strong>Enregistrer &#038; fermer<\/strong>. Vous pouvez revenir ici et modifier l&rsquo;une de ces configurations si n\u00e9cessaire.<\/p>\n<h2>Les 3 meilleurs plugins pour les popups Elementor<\/h2>\n<p>Comme nous l&rsquo;avons vu, Elementor Pro permet de cr\u00e9er facilement des popups pour votre site web. Cependant, vous n&rsquo;\u00eates peut-\u00eatre pas pr\u00eat \u00e0 passer au constructeur de pages premium. Ou bien, vous recherchez peut-\u00eatre des fonctionnalit\u00e9s de conception suppl\u00e9mentaires.<\/p>\n<p>Voici quelques-uns des meilleures extensions pour popups Elementor en prenant en compte ces consid\u00e9rations.<\/p>\n<h3>1. JetPopUp (Crocoblock)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/jetpopup.png\" alt=\"JetPopUp (Crocoblock)\" width=\"1600\" height=\"621\"><figcaption class=\"wp-caption-text\">JetPopUp (Crocoblock)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\" target=\"_blank\" rel=\"noopener noreferrer\">JetPopUp<\/a> est une extension conviviale dot\u00e9 d&rsquo;une interface en glisser-d\u00e9placer qui s&rsquo;int\u00e8gre parfaitement \u00e0 Elementor. Elle vous permet de cr\u00e9er des formulaires popup dynamiques et personnalis\u00e9s, notamment des inscriptions par e-mail, des formulaires de consentement aux cookies et des comptes \u00e0 rebours.<\/p>\n<p>JetPopUp brille par ses fonctionnalit\u00e9s interactives. Vous pouvez choisir parmi plusieurs r\u00e9glages d&rsquo;animation, tels que le glissement, le retournement et la rotation. De plus, l&rsquo;extension dispose de divers mod\u00e8les que vous pouvez personnaliser selon vos besoins.<\/p>\n<p>Cette extension vous permet \u00e9galement de s\u00e9lectionner et de personnaliser plusieurs r\u00e9glages d&rsquo;affichage. Par exemple, vous pouvez montrer vos formulaires JetPopUp aux utilisateurs \u00e0 des dates particuli\u00e8res lorsqu&rsquo;ils essaient de quitter votre site web, ou apr\u00e8s une certaine quantit\u00e9 de d\u00e9filement.<\/p>\n<p><strong>Caract\u00e9ristiques :<\/strong><\/p>\n<ul>\n<li>Choisissez parmi les mod\u00e8les de popup pr\u00e9d\u00e9finis<\/li>\n<li>S\u00e9lectionnez diff\u00e9rentes conditions d&rsquo;affichage des popups<\/li>\n<li>Inclure et exclure des conditions sp\u00e9cifiques<\/li>\n<li>Utilisez des effets d&rsquo;animation<\/li>\n<\/ul>\n<p><strong>Prix : <\/strong>JetPopUp co\u00fbte <a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\" target=\"_blank\" rel=\"noopener noreferrer\"> 22 $ par an<\/a>. Ce forfait comprend l&rsquo;int\u00e9gration de MailChimp, un widget popup et une assistance client. Vous pouvez \u00e9galement passer \u00e0 un abonnement tout compris pour 130 $ par an. Il est livr\u00e9 avec 20 extensions et 150 widgets suppl\u00e9mentaires.<\/p>\n<h3>2. Popup Box Widget (PowerPack)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-box-widget.png\" alt=\"Popup Box Widget (PowerPack)\" width=\"1600\" height=\"446\"><figcaption class=\"wp-caption-text\">Popup Box Widget (PowerPack)<\/figcaption><\/figure>\n<p>Si vous recherchez des r\u00e9glages avanc\u00e9s pour les popups Elementor, envisagez d&rsquo;utiliser <a href=\"https:\/\/powerpackelements.com\/elementor-widgets\/popup-box\/\" target=\"_blank\" rel=\"noopener noreferrer\">Popup Box Widget<\/a> de PowerPack. Cela vous permet de construire des popups personnalis\u00e9es qui incluent des \u00e9l\u00e9ments dynamiques tels que des vid\u00e9os, des images et des cartes Google.<\/p>\n<p>Cette extension vous permet de d\u00e9clencher des popups en fonction de diverses actions de l&rsquo;utilisateur, notamment l&rsquo;intention de sortie et des d\u00e9lais personnalis\u00e9s. Vous pouvez \u00e9galement cr\u00e9er des popups interactives en deux \u00e9tapes avec des liens et d&rsquo;autres \u00e9l\u00e9ments d&rsquo;appel \u00e0 action (Call to Action ou CTA).<\/p>\n<p>En outre, Popup Box Widget dispose de r\u00e9glages d&rsquo;animation avanc\u00e9s. Vous pouvez faire en sorte que vos popups zooment, utilisent le formatage des journaux, ou utilisent des animations 3D.<\/p>\n<p><strong>Caract\u00e9ristiques :<\/strong><\/p>\n<ul>\n<li>Choisissez parmi les effets d&rsquo;animation<\/li>\n<li>Cr\u00e9ez des popups en deux \u00e9tapes<\/li>\n<li>Utilisez des d\u00e9lais et des d\u00e9clencheurs utilisateur<\/li>\n<li>Affichez des images, des vid\u00e9os et d&rsquo;autres \u00e9l\u00e9ments interactifs<\/li>\n<\/ul>\n<p><strong>Prix : <\/strong>Popup Box Widget est inclus dans un <a href=\"https:\/\/powerpackelements.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">abonnement PowerPack<\/a>. Les forfaits commencent \u00e0 49 $ par an et sont accompagn\u00e9s de plus de 70 widgets Elementor diff\u00e9rents.<\/p>\n<h3>3. Lightbox &#038; Modal (Essential Addons for Elementor)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/lightbox-modal.png\" alt=\"Lightbox &amp; Modal (Essential Addons for Elementor)\" width=\"1600\" height=\"508\"><figcaption class=\"wp-caption-text\">Lightbox &#038; Modal (Essential Addons for Elementor)<\/figcaption><\/figure>\n<p>Nous avons bri\u00e8vement abord\u00e9 cette extension Elementor plus t\u00f4t. <a href=\"https:\/\/essential-addons.com\/elementor\/lightbox-modal\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lightbox &#038; Modal<\/a> est un widget polyvalent de l&rsquo;outil Essential Addons for Elementor. Il vous aide \u00e0 cr\u00e9er des popups avec des fonctionnalit\u00e9s interactives comme des vid\u00e9os, des images et des animations.<\/p>\n<p>Lightbox &#038; Modal est con\u00e7u pour fonctionner avec des boutons et des liens sur votre site web Elementor. Vous pouvez cr\u00e9er des boutons, des ic\u00f4nes et du texte personnalis\u00e9s qui d\u00e9clenchent vos formulaires popup. En outre, le widget peut utiliser des d\u00e9lais et d&rsquo;autres actions de l&rsquo;utilisateur.<\/p>\n<p>Globalement, Lightbox &#038; Modal pourrait \u00eatre la meilleure option pour interagir avec vos utilisateurs plut\u00f4t que de simplement pr\u00e9senter des informations.<\/p>\n<p><strong>Caract\u00e9ristiques :<\/strong><\/p>\n<ul>\n<li>Utilisez des boutons d\u00e9clencheurs pour les fen\u00eatres popup<\/li>\n<li>Affichez des images, des vid\u00e9os et du contenu personnalis\u00e9<\/li>\n<li>Personnalisez la mise en page des popups<\/li>\n<li>Choisissez parmi diff\u00e9rents types d&rsquo;animation<\/li>\n<\/ul>\n<p><strong>Prix : <\/strong>Lightbox &#038; Modal est inclus dans Essential Addons for Elementor Pro. Les plans commencent \u00e0 39,97 $ par an et proposent plus de 70 widgets et sept extensions.<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Les formulaires popup peuvent \u00eatre essentiels \u00e0 vos campagnes de g\u00e9n\u00e9ration de prospects et de marketing. Ils peuvent \u00e9galement vous aider \u00e0 interagir avec les visiteurs et \u00e0 les garder sur votre page. Heureusement, vous pouvez cr\u00e9er des popups personnalis\u00e9s avec le constructeur de pages Elementor.<\/p>\n<p>Il est tr\u00e8s facile de cr\u00e9er des popups avec <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor Pro<\/a>. Vous pouvez les personnaliser pour qu&rsquo;elles correspondent \u00e0 votre image de marque et d\u00e9cider de l&rsquo;endroit o\u00f9 elles s&rsquo;affichent sur votre site. Vous pouvez \u00e9galement d\u00e9finir des r\u00e9glages d&rsquo;affichage avanc\u00e9s pour afficher votre popup en fonction des actions et des origines de l&rsquo;utilisateur.<\/p>\n<p>La conception d&rsquo;un beau site web avec Elementor n&rsquo;est que la premi\u00e8re \u00e9tape. Vous aurez \u00e9galement besoin d&rsquo;un <a href=\"https:\/\/sevalla.com\/application-hosting\/\">h\u00e9bergeur d&rsquo;applications<\/a>, d&rsquo;un <a href=\"https:\/\/sevalla.com\/database-hosting\/\">h\u00e9bergeur de bases de donn\u00e9es<\/a> et d&rsquo;un <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergeur WordPress infog\u00e9r\u00e9<\/a> de votre c\u00f4t\u00e9.<\/p>\n<p>Consultez nos plans tarifaires d\u00e8s aujourd&rsquo;hui pour voir comment Kinsta peut booster votre site !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les formulaires en popup peuvent \u00eatre des outils marketing essentiels, vous permettant de capturer des adresses e-mail, de promouvoir des ventes, et plus encore. Cependant, il &#8230;<\/p>\n","protected":false},"author":199,"featured_media":58438,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[464,698],"topic":[1028],"class_list":["post-58437","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-elementor","tag-page-builder","topic-developpement-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Un guide complet des popups Elementor (et comment les cr\u00e9er)<\/title>\n<meta name=\"description\" content=\"Elementor facilite la conception et l&#039;affichage des popups. Apprenez tout ce que vous devez savoir sur la cr\u00e9ation d&#039;une popup Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un guide complet des popups Elementor (et comment les cr\u00e9er)\" \/>\n<meta property=\"og:description\" content=\"Elementor facilite la conception et l&#039;affichage des popups. Apprenez tout ce que vous devez savoir sur la cr\u00e9ation d&#039;une popup Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-13T06:45:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-03T13:48:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Elementor facilite la conception et l&#039;affichage des popups. Apprenez tout ce que vous devez savoir sur la cr\u00e9ation d&#039;une popup Elementor.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Un guide complet des popups Elementor (et comment les cr\u00e9er)\",\"datePublished\":\"2022-06-13T06:45:17+00:00\",\"dateModified\":\"2024-10-03T13:48:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/\"},\"wordCount\":3201,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg\",\"keywords\":[\"Elementor\",\"page builder\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/\",\"name\":\"Un guide complet des popups Elementor (et comment les cr\u00e9er)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg\",\"datePublished\":\"2022-06-13T06:45:17+00:00\",\"dateModified\":\"2024-10-03T13:48:17+00:00\",\"description\":\"Elementor facilite la conception et l'affichage des popups. Apprenez tout ce que vous devez savoir sur la cr\u00e9ation d'une popup Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Un guide complet des popups Elementor (et comment les cr\u00e9er)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Un guide complet des popups Elementor (et comment les cr\u00e9er)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Un guide complet des popups Elementor (et comment les cr\u00e9er)","description":"Elementor facilite la conception et l'affichage des popups. Apprenez tout ce que vous devez savoir sur la cr\u00e9ation d'une popup Elementor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/","og_locale":"fr_FR","og_type":"article","og_title":"Un guide complet des popups Elementor (et comment les cr\u00e9er)","og_description":"Elementor facilite la conception et l'affichage des popups. Apprenez tout ce que vous devez savoir sur la cr\u00e9ation d'une popup Elementor.","og_url":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2022-06-13T06:45:17+00:00","article_modified_time":"2024-10-03T13:48:17+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Elementor facilite la conception et l'affichage des popups. Apprenez tout ce que vous devez savoir sur la cr\u00e9ation d'une popup Elementor.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Jeremy Holcombe","Dur\u00e9e de lecture estim\u00e9e":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Un guide complet des popups Elementor (et comment les cr\u00e9er)","datePublished":"2022-06-13T06:45:17+00:00","dateModified":"2024-10-03T13:48:17+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/"},"wordCount":3201,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg","keywords":["Elementor","page builder"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/","url":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/","name":"Un guide complet des popups Elementor (et comment les cr\u00e9er)","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg","datePublished":"2022-06-13T06:45:17+00:00","dateModified":"2024-10-03T13:48:17+00:00","description":"Elementor facilite la conception et l'affichage des popups. Apprenez tout ce que vous devez savoir sur la cr\u00e9ation d'une popup Elementor.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/06\/elementor-popup.jpg","width":1460,"height":730,"caption":"Un guide complet des popups Elementor (et comment les cr\u00e9er)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/popup-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"Un guide complet des popups Elementor (et comment les cr\u00e9er)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/58437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=58437"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/58437\/revisions"}],"predecessor-version":[{"id":63110,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/58437\/revisions\/63110"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/58437\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/58437\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/58437\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/58437\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/58437\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/58437\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/58437\/translations\/nl"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/58437\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/58438"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=58437"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=58437"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=58437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}