{"id":6829,"date":"2022-09-06T13:19:58","date_gmt":"2022-09-06T11:19:58","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/comment-ouvrir-un-popup-elementor-via-un-lien\/"},"modified":"2026-09-02T22:47:23","modified_gmt":"2026-09-02T20:47:23","slug":"comment-ouvrir-un-popup-elementor-via-un-lien","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/fr\/comment-ouvrir-un-popup-elementor-via-un-lien\/","title":{"rendered":"Comment ouvrir un popup Elementor via un lien"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Vid\u00e9o pas \u00e0 pas<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"C\u00f3mo abrir un popup de Elementor a trav\u00e9s de un enlace o del men\u00fa principal\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kk-oy3mv0cI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"que-es-una-ventana-emergente-o-popup-966d9e50-2443-459b-91ce-d59b74357235\">Qu&rsquo;est-ce qu&rsquo;une fen\u00eatre contextuelle ou un popup ?<\/h2>\n\n<p class=\"wp-block-paragraph\">Une <strong>fen\u00eatre contextuelle<\/strong>, un <strong>message contextuel<\/strong> ou, en anglais, un <strong>popup<\/strong> est une fen\u00eatre qui appara\u00eet (\u00ab \u00e9merge \u00bb) pendant que vous naviguez sur un site web. Ils sont utilis\u00e9s pour de nombreuses raisons : offrir des r\u00e9ductions, des notifications, encourager l&rsquo;inscription \u00e0 une newsletter, promouvoir du contenu, etc. <\/p>\n\n<p class=\"wp-block-paragraph\">Mais nous n&rsquo;allons pas nous \u00e9tendre davantage sur les popups, car ce sujet ne traite pas de leur cr\u00e9ation, mais de la mani\u00e8re de les ouvrir via un lien similaire \u00e0 celui-ci :<\/p>\n\n<p class=\"has-text-align-left wp-block-paragraph\">#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE4NDI1IiwidG9nZ2xlIjpmYWxzZX0%3D<\/p>\n\n<p class=\"wp-block-paragraph\">Nous apprendrons \u00e9galement dans ce sujet comment configurer notre <strong>fen\u00eatre contextuelle<\/strong> pour qu&rsquo;elle ait un lien comme celui-ci : #lien-popup<\/p>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u00ab <strong>lien-popup<\/strong> \u00bb est un nom invent\u00e9 par nous ; nous verrons plus tard comment \u00e9tablir l&rsquo;ID que nous souhaitons pour ouvrir notre <strong>popup<\/strong>.<\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"hacer-que-nuestro-popup-este-activo-en-todo-el-sitio-web-080593d4-7d0b-4e69-996a-6759533abaf1\">Rendre notre popup actif sur l&rsquo;ensemble du site web<\/h2>\n\n<p class=\"wp-block-paragraph\">Une chose <strong>tr\u00e8s importante<\/strong> que nous devons faire est d&rsquo;\u00e9tablir la condition que notre <strong>fen\u00eatre contextuelle<\/strong> soit active sur <strong>Tout le site<\/strong>. Imaginez que nous ajoutions le lien dans un article de blog ou dans notre menu principal ; si nous n&rsquo;avons pas cette condition d&rsquo;affichage, le popup pourrait ne pas \u00eatre actif et ne pas s&rsquo;ouvrir dans certaines parties de notre site web. Voyons comment proc\u00e9der.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/activar-popup-en-todo-el-sitio-web.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/activar-popup-en-todo-el-sitio-web.gif\" alt=\"Activer la fen&#xEA;tre contextuelle sur l'ensemble du site\" class=\"wp-image-4753\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le <strong>message contextuel<\/strong> avec Elementor.<\/li>\n\n\n\n<li>Cliquez sur la petite fl\u00e8che situ\u00e9e juste \u00e0 droite du bouton <strong>Mettre \u00e0 jour<\/strong> &gt; cliquez sur l&rsquo;option <strong>Conditions d&rsquo;affichage<\/strong> du menu contextuel.<\/li>\n\n\n\n<li>Une fen\u00eatre contextuelle s&rsquo;ouvrira avec plusieurs onglets sur la gauche, laissez celui qui est <strong>Conditions<\/strong> &gt; cliquez sur le bouton <strong>Ajouter une condition<\/strong> et laissez la condition par d\u00e9faut qui est <strong>Tout le site<\/strong>.<\/li>\n\n\n\n<li>Il ne nous reste plus qu&rsquo;\u00e0 enregistrer en cliquant sur le lien <strong>Enregistrer et fermer<\/strong> ou sur le bouton <strong>Suivant<\/strong>, puis sur le bouton <strong>Enregistrer et fermer<\/strong>.<\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Maintenant, notre <strong>fen\u00eatre contextuelle<\/strong> sera active sur l&rsquo;ensemble de notre site web. Il n&rsquo;est pas n\u00e9cessaire de configurer des d\u00e9clencheurs ou des r\u00e8gles avanc\u00e9es si vous n&rsquo;en avez pas besoin. <\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"como-conseguir-el-enlace-que-abre-nuestro-mensaje-emergente-ac96d0e0-2702-4361-8286-68bcdf27b6fb\">Comment obtenir le lien qui ouvre notre message contextuel<\/h2>\n\n<p class=\"wp-block-paragraph\">Nous allons voir <strong>trois fa\u00e7ons d&rsquo;obtenir le lien qui ouvre notre popup<\/strong>. Nous devons savoir que chaque popup a son propre lien et que celui-ci ne varie pas, donc une fois que nous l&rsquo;avons obtenu, nous pouvons l&rsquo;utiliser n&rsquo;importe o\u00f9 sur notre site web, autant de fois que nous le souhaitons. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"anadir-la-accion-abrir-ventana-emergente-a-un-widget-78170023-3238-47fd-acd4-2f1dff1f3954\">Ajouter l&rsquo;action d&rsquo;ouverture de fen\u00eatre contextuelle \u00e0 un widget<\/h3>\n\n<p class=\"wp-block-paragraph\">Pour les deux premi\u00e8res m\u00e9thodes, nous devons ajouter l&rsquo;action d&rsquo;ouverture du popup \u00e0 un widget Elementor. Nous pouvons utiliser n&rsquo;importe quel widget disposant du champ de lien ; dans cet exemple, nous allons le faire avec le widget <strong>Bouton<\/strong>. <\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/asignar-a-un-boton-una-ventana-emergente.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/asignar-a-un-boton-una-ventana-emergente.gif\" alt=\"Assigner une fen&#xEA;tre contextuelle &#xE0; un bouton\" class=\"wp-image-4747\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Cliquez sur le bouton pour le s\u00e9lectionner.<\/li>\n\n\n\n<li>Dans l&rsquo;onglet <strong>Contenu<\/strong>, cliquez sur le bouton <figure><img decoding=\"async\" class=\"wp-image-18440\" style=\"width: 15px\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2022\/09\/etiquetas-dinamicas.jpg\" alt=\"Balises dynamiques\"\/><\/figure> <strong>Balises dynamiques<\/strong> de la propri\u00e9t\u00e9 <strong>Lien<\/strong> &gt; s\u00e9lectionnez l&rsquo;action <strong>Fen\u00eatre contextuelle<\/strong>.<\/li>\n\n\n\n<li>Cliquez sur <strong>Fen\u00eatre contextuelle<\/strong> &gt; cliquez sur <strong>Tout<\/strong> et saisissez le nom que vous avez donn\u00e9 au popup ; une fois que vous commencez \u00e0 taper, des r\u00e9sultats correspondants s&rsquo;afficheront, cliquez maintenant sur le nom du popup.<\/li>\n\n\n\n<li>Enfin, cliquez sur le bouton <strong>Mettre \u00e0 jour<\/strong> pour enregistrer les modifications.<\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Une fois cela fait, le bouton aura l&rsquo;action d&rsquo;ouvrir le popup et vous pourrez obtenir le lien via celui-ci.<\/p>\n<\/blockquote>\n\n<h3 class=\"wp-block-heading\" id=\"obtener-el-enlace-de-la-ventana-emergente-desde-el-inspector-del-navegador-81d8b776-83a3-4473-a50d-b60d1dc11b22\">Obtenir le lien de la fen\u00eatre contextuelle depuis l&rsquo;inspecteur du navigateur<\/h3>\n\n<p class=\"wp-block-paragraph\">Une fois que nous avons ajout\u00e9 l&rsquo;action d&rsquo;ouvrir la fen\u00eatre contextuelle \u00e0 un widget, dans ce cas un bouton, il suffit d&rsquo;ouvrir la page o\u00f9 nous l&rsquo;avons ins\u00e9r\u00e9 dans le navigateur et de suivre ces \u00e9tapes :<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/obtener-enlace-del-popup-desde-el-inspector.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/obtener-enlace-del-popup-desde-el-inspector.gif\" alt=\"Obtenir le lien du popup depuis l'inspecteur du navigateur\" class=\"wp-image-4748\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez la page o\u00f9 se trouve le bouton dans le navigateur (dans ce cas, Google Chrome).<\/li>\n\n\n\n<li>Faites un clic droit sur le bouton &gt; cliquez sur <strong>Inspecter<\/strong> dans le menu contextuel.<\/li>\n\n\n\n<li>Depuis l&rsquo;Inspecteur, faites un clic droit sur le lien qui inclut l&rsquo;action d&rsquo;ouverture, nous pouvons le distinguer car il commence par <strong>#elementor-action&#8230;<\/strong> &gt; cliquez sur <strong>Modifier l&rsquo;attribut<\/strong> dans le menu contextuel.<\/li>\n\n\n\n<li>Maintenant, le lien s&rsquo;affichera en surbrillance, ce qui signifie qu&rsquo;il est s\u00e9lectionn\u00e9 et vous pouvez le copier en appuyant sur <strong>CTRL+C<\/strong> ou en faisant un clic droit dessus &gt; cliquez sur <strong>Copier<\/strong> dans le menu contextuel.<\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Nous avons maintenant l&rsquo;URL qui d\u00e9clenche l&rsquo;action d&rsquo;ouverture du popup. Nous pouvons la coller dans un fichier texte pour ensuite la copier-coller et l&rsquo;utiliser o\u00f9 nous voulons. <\/p>\n<\/blockquote>\n\n<h3 class=\"wp-block-heading\" id=\"obtener-el-enlace-de-la-ventana-emergente-desde-un-widget-6991fada-312b-426c-9b54-76e88c3b47a2\">Obtenir le lien interne de la fen\u00eatre contextuelle depuis un widget<\/h3>\n\n<p class=\"wp-block-paragraph\">Une autre fa\u00e7on d&rsquo;obtenir le <strong>lien interne<\/strong> de la fen\u00eatre contextuelle est de copier le lien directement depuis le widget, dans ce cas depuis le bouton. Voyons comment faire : <\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/obtener-enlace-del-popup-directamente-desde-el-boton.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/obtener-enlace-del-popup-directamente-desde-el-boton.gif\" alt=\"Obtenir le lien du popup directement depuis le bouton\" class=\"wp-image-4749\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Faites un clic droit sur le bouton &gt; cliquez sur <strong>Copier l&rsquo;adresse du lien<\/strong><\/li>\n\n\n\n<li>Utilisez le bloc-notes pour coller le lien avec CTRL+V<\/li>\n\n\n\n<li>S\u00e9lectionnez et supprimez tout ce qui se trouve apr\u00e8s <strong>#elementor-action&#8230;<\/strong><\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Et voil\u00e0, nous avons le lien qui ouvre le popup. Le bouton a d\u00e9j\u00e0 rempli sa fonction et nous pouvons le supprimer, cela n&rsquo;aura aucune incidence car le lien est toujours le m\u00eame pour ce popup. <\/p>\n<\/blockquote>\n\n<h3 class=\"wp-block-heading\" id=\"obtener-el-enlace-de-la-ventana-emergente-con-un-plugin-0dd305a7-6a66-4896-b23a-1c7577ad7fff\">Obtenir le lien interne de la fen\u00eatre contextuelle avec un plugin<\/h3>\n\n<p class=\"wp-block-paragraph\">Nous pouvons \u00e9galement installer le plugin gratuit <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/popup-trigger-url-for-elementor-pro\/\" target=\"_blank\">Popup Trigger URL for Elementor Pro<\/a> que vous trouverez dans le r\u00e9pertoire WordPress. <\/p>\n\n<p class=\"wp-block-paragraph\">Ce plugin a une seule fonctionnalit\u00e9 : ajouter un bouton \u00e0 droite de chaque mod\u00e8le de fen\u00eatre contextuelle qui, une fois cliqu\u00e9, affiche le lien qui ouvre le popup afin que vous puissiez le copier et l&rsquo;utiliser o\u00f9 vous voulez.<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/plugin-popup-trigger-url-for-elementor-pro.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/plugin-popup-trigger-url-for-elementor-pro.gif\" alt=\"Obtenir le lien de la fen&#xEA;tre contextuelle avec un plugin\" class=\"wp-image-4750\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Installez le plugin <a href=\"https:\/\/wordpress.org\/plugins\/popup-trigger-url-for-elementor-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Popup Trigger URL for Elementor Pro<\/a>.<\/li>\n\n\n\n<li>Allez dans <strong>Mod\u00e8les<\/strong> &gt; <strong>Messages contextuels<\/strong>.<\/li>\n\n\n\n<li>Dans la liste des mod\u00e8les, vous trouverez le bouton <strong>Afficher les URL<\/strong> \u00e0 droite de chacun d&rsquo;eux ; cliquez dessus et un popup s&rsquo;affichera avec tous les liens disponibles pour ce message contextuel.<\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Pour afficher le popup, nous n&rsquo;avons besoin que du premier (Ouvrir), mais ce plugin en fournit \u00e9galement trois autres : Basculer, Fermer et Fermer (Ne plus afficher).<\/p>\n<\/blockquote>\n\n<h3 class=\"wp-block-heading\" id=\"configurar-nuestro-propio-enlace-para-abrir-un-popup-62b946f4-edc8-490b-977e-7788b81badde\">Configurer notre propre lien pour ouvrir un popup<\/h3>\n\n<p class=\"wp-block-paragraph\">Nous pouvons \u00e9galement personnaliser et raccourcir le lien de nos popups, pour cela suivez ces \u00e9tapes :<\/p>\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/abrir-popup-por-selector.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/abrir-popup-por-selector.gif\" alt=\"Ouvrir le popup par s&#xE9;lecteur\" class=\"wp-image-4751\" style=\"width:1140px;height:612px\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le popup dans le constructeur Elementor.<\/li>\n\n\n\n<li>Allez dans les r\u00e9glages de la fen\u00eatre contextuelle en cliquant sur l&rsquo;ic\u00f4ne <img decoding=\"async\" class=\"wp-image-18471\" style=\"width: 25px\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2022\/09\/ajustes-elementor.jpg\" alt=\"R&#xE9;glages Elementor\"\/> des r\u00e9glages dans le coin inf\u00e9rieur gauche.<\/li>\n\n\n\n<li>Dans l&rsquo;<em>onglet Avanc\u00e9 &gt; Ouvrir par s\u00e9lecteur,<\/em> cr\u00e9ez un code court de lien d&rsquo;activation d&rsquo;ancre, exemple :  <code><mark style=\"color:#ea345e\" class=\"has-inline-color\"><strong>a[href=\"#enlace-popup\"]<\/strong><\/mark><\/code><\/li>\n\n\n\n<li>Appliquez ce lien n&rsquo;importe o\u00f9 sur votre site web en le liant au lien d&rsquo;activation d&rsquo;ancre (exemple : <a href=\"#enlace-popup\">#lien-popup<\/a>)<\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Le texte <a href=\"#enlace-popup\">#<strong>lien-popup<\/strong><\/a> est \u00e0 notre choix, nous pouvons \u00e9tablir le nom que nous voulons toujours sans espaces ni caract\u00e8res sp\u00e9ciaux et de pr\u00e9f\u00e9rence en minuscules. N&rsquo;oubliez pas de d\u00e9finir les conditions d&rsquo;affichage de la fen\u00eatre contextuelle sur <strong>Tout le site<\/strong>. <\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"como-aplicar-el-enlace-obtenido-para-abrir-la-ventana-emergente-cc78649f-805a-467f-8c51-a18e565d8dd1\">Comment appliquer le lien obtenu pour ouvrir la fen\u00eatre contextuelle<\/h2>\n\n<p class=\"wp-block-paragraph\">Une fois que nous avons le lien, nous pouvons l&rsquo;appliquer \u00e0 n&rsquo;importe quel lien cr\u00e9\u00e9 avec Elementor, Gutenberg ou m\u00eame dans le menu de notre site web. Voyons quelques exemples. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"aplicar-enlace-al-widget-editor-de-textos-f0eba2b3-dc9a-40a3-a936-8bbb9c380577\">Appliquer le lien au widget \u00c9diteur de texte<\/h3>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/aplicar-el-enlace-en-el-widget-editor-de-texto.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/aplicar-el-enlace-en-el-widget-editor-de-texto.gif\" alt=\"Appliquer le lien dans le widget &#xE9;diteur de texte\" class=\"wp-image-4745\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Dans l&rsquo;<strong>\u00c9diteur de texte<\/strong>, s\u00e9lectionnez le texte auquel vous souhaitez appliquer le lien d&rsquo;ouverture du popup.<\/li>\n\n\n\n<li>Cliquez sur l&rsquo;outil <strong>Ins\u00e9rer\/Modifier un lien (Ctrl+k)<\/strong>.<\/li>\n\n\n\n<li>Ensuite, appuyez sur <strong>Ctrl+V<\/strong> pour coller le lien, en tenant compte du fait que nous aurons pr\u00e9alablement copi\u00e9 le lien avec <strong>Ctrl+C<\/strong>.<\/li>\n\n\n\n<li>Il ne reste plus qu&rsquo;\u00e0 cliquer sur le bouton <strong>Mettre \u00e0 jour<\/strong> et \u00e0 tester notre lien d&rsquo;ouverture de popup.<\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\" id=\"aplicar-enlace-al-texto-de-un-post-con-el-editor-gutenberg-13432492-1e09-4f5c-8508-31d83f90d785\">Appliquer le lien au texte d&rsquo;un article avec l&rsquo;\u00e9diteur Gutenberg<\/h3>\n\n<p class=\"wp-block-paragraph\">Nous pouvons l&rsquo;appliquer non seulement \u00e0 un texte, mais aussi \u00e0 un bouton ou \u00e0 tout \u00e9l\u00e9ment qui permet d&rsquo;ajouter des liens.<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/aplicar-el-enlace-en-gutenberg.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/aplicar-el-enlace-en-gutenberg.gif\" alt=\"Appliquer le lien dans Gutenberg\" class=\"wp-image-4746\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez un article dans l&rsquo;<strong>\u00c9diteur Gutenberg<\/strong>, s\u00e9lectionnez le texte auquel vous souhaitez appliquer le lien d&rsquo;ouverture du popup.<\/li>\n\n\n\n<li>Cliquez sur l&rsquo;outil <strong>Lien Ctrl+K<\/strong>.<\/li>\n\n\n\n<li>Ensuite, appuyez sur <strong>Ctrl+V<\/strong> pour coller le lien, en tenant compte du fait que nous aurons pr\u00e9alablement copi\u00e9 le lien avec <strong>Ctrl+C<\/strong>.<\/li>\n\n\n\n<li>Il ne reste plus qu&rsquo;\u00e0 cliquer sur le bouton <strong>Mettre \u00e0 jour<\/strong> et \u00e0 tester notre lien d&rsquo;ouverture de popup.<\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\" id=\"aplicar-enlace-en-el-menu-de-wordpress-607ad803-137c-4675-add0-4f1299b3f1d3\">Appliquer le lien dans le menu WordPress<\/h3>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/activar-enlace-de-popup-en-el-menu-de-wordpress.gif\"><img alt=\"Panel de administraci\u00f3n de WordPress en espa\u00f1ol\" loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/activar-enlace-de-popup-en-el-menu-de-wordpress.gif\" alt=\"\" class=\"wp-image-4752\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le menu depuis <em>Apparence &gt; Menus<\/em>.<\/li>\n\n\n\n<li>Cliquez sur le menu d\u00e9roulant Liens personnalis\u00e9s et collez avec Ctrl+V le lien interne du popup et saisissez un nom dans <strong>Texte du lien<\/strong>.<\/li>\n\n\n\n<li>Enfin, cliquez sur le bouton <strong>Enregistrer le menu<\/strong>.<\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Vous savez maintenant comment appliquer le lien d&rsquo;ouverture d&rsquo;une fen\u00eatre contextuelle n&rsquo;importe o\u00f9 sur votre site web.<\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"no-funciona-mi-ventana-emergente-no-aparece-cc8b6162-5d6f-42d3-ad0c-5cedd9c0346d\">\u00ab \u00c7a ne marche pas, ma fen\u00eatre contextuelle n&rsquo;appara\u00eet pas \u00bb<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>V\u00e9rifiez si la fen\u00eatre contextuelle peut \u00eatre activ\u00e9e via le lien d&rsquo;action dynamique d&rsquo;Elementor. Si elle ne s&rsquo;active pas, c&rsquo;est qu&rsquo;il y a un probl\u00e8me dans la configuration de votre fen\u00eatre contextuelle, et non dans l&rsquo;URL d&rsquo;activation. <\/li>\n\n\n\n<li>Assurez-vous d&rsquo;avoir correctement configur\u00e9 les \u00ab <a href=\"#hacer-que-nuestro-popup-este-activo-en-todo-el-sitio-web-080593d4-7d0b-4e69-996a-6759533abaf1\">Conditions d&rsquo;affichage<\/a> \u00bb de la fen\u00eatre contextuelle. Sinon, votre fen\u00eatre contextuelle n&rsquo;appara\u00eetra pas. <\/li>\n\n\n\n<li>Assurez-vous d&rsquo;avoir correctement copi\u00e9 l&rsquo;URL d&rsquo;activation dans votre lien.<\/li>\n\n\n\n<li>V\u00e9rifiez s&rsquo;il y a une erreur JavaScript qui pourrait \u00eatre caus\u00e9e par d&rsquo;autres extensions (consultez les Outils de d\u00e9veloppement &gt; Console de votre navigateur).<\/li>\n\n\n\n<li>Si vous n&rsquo;avez pas <a href=\"#configurar-nuestro-propio-enlace-para-abrir-un-popup-62b946f4-edc8-490b-977e-7788b81badde\">configur\u00e9 votre propre lien<\/a>, l&rsquo;URL d&rsquo;activation ne fonctionne qu&rsquo;avec la balise <code><mark style=\"color:#ea345e\" class=\"has-inline-color\"><strong>&lt;a&gt;<\/strong><\/mark><\/code>. Pour activer le d\u00e9clencheur d&rsquo;ouverture, Elementor utilise un code JavaScript qui ne d\u00e9tecte le lien que dans la balise <code><mark style=\"color:#ea345e\" class=\"has-inline-color\"><strong>&lt;a&gt;<\/strong><\/mark><\/code>. <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"enlaces-de-interes-64ccd0b2-5bc3-46f1-a08b-1432b5b87028\">Liens d&rsquo;int\u00e9r\u00eat<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Plugin <a href=\"https:\/\/wordpress.org\/plugins\/popup-trigger-url-for-elementor-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Popup Trigger URL for Elementor Pro<\/a>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Vid\u00e9o pas \u00e0 pas Qu&rsquo;est-ce qu&rsquo;une fen\u00eatre contextuelle ou un popup ? Une fen\u00eatre contextuelle, un message contextuel ou, en anglais, un popup est une fen\u00eatre qui appara\u00eet (\u00ab \u00e9merge \u00bb) pendant que vous naviguez sur un site web. Ils sont utilis\u00e9s pour de nombreuses raisons : offrir des r\u00e9ductions, des notifications, encourager l&rsquo;inscription \u00e0 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6830,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Ouvrir un popup Elementor depuis un lien facilement","_seopress_titles_desc":"Qu'est-ce qu'une fen\u00eatre contextuelle ou un popup ? Une fen\u00eatre contextuelle, un message contextuel ou, en anglais, un popup, est une fen\u00eatre qui appara\u00eet (\u00ab \u00e9merge \u00bb) pendant que vous naviguez sur\u2026","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":"","_bricks_page_content_2":[],"_bricks_page_header_2":[],"_bricks_page_footer_2":[]},"categories":[400],"tags":[431,428],"class_list":["post-6829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-conception-web","tag-personnalisation-de-wordpress"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/posts\/6829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/comments?post=6829"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/posts\/6829\/revisions"}],"predecessor-version":[{"id":6831,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/posts\/6829\/revisions\/6831"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/media\/6830"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/media?parent=6829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/categories?post=6829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/tags?post=6829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}