{"id":34670,"date":"2022-09-06T13:19:58","date_gmt":"2022-09-06T11:19:58","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/elementor-academy-temas\/comment-ouvrir-une-fenetre-contextuelle-elementor-via-un-lien\/"},"modified":"2023-03-30T12:19:31","modified_gmt":"2023-03-30T10:19:31","slug":"comment-ouvrir-une-fenetre-contextuelle-elementor-via-un-lien","status":"publish","type":"elementor-adedemy","link":"https:\/\/lacolmenatecnologica.com\/fr\/elementor-academy-temas\/comment-ouvrir-une-fenetre-contextuelle-elementor-via-un-lien\/","title":{"rendered":"Comment ouvrir une fen\u00eatre contextuelle Elementor via un lien ?"},"content":{"rendered":"\n<ul class=\"wp-block-advgb-summary advgb-toc alignnone\"><li class=\"toc-level-1\"><a href=\"#que-es-una-ventana-emergente-o-popup-966d9e50-2443-459b-91ce-d59b74357235\">Qu&#8217;est-ce qu&#8217;une fen\u00eatre contextuelle ?<\/a><\/li><li class=\"toc-level-1\"><a href=\"#hacer-que-nuestro-popup-este-activo-en-todo-el-sitio-web-080593d4-7d0b-4e69-996a-6759533abaf1\">Rendre notre popup actif sur l&#8217;ensemble du site<\/a><\/li><li class=\"toc-level-1\"><a href=\"#como-conseguir-el-enlace-que-abre-nuestro-mensaje-emergente-ac96d0e0-2702-4361-8286-68bcdf27b6fb\">Comment obtenir le lien qui ouvre notre message contextuel ?<\/a><\/li><li class=\"toc-level-2\"><a href=\"#anadir-la-accion-abrir-ventana-emergente-a-un-widget-78170023-3238-47fd-acd4-2f1dff1f3954\">Ajouter l&#8217;action d&#8217;ouverture d&#8217;une fen\u00eatre contextuelle \u00e0 un widget<\/a><\/li><li class=\"toc-level-2\"><a href=\"#obtener-el-enlace-de-la-ventana-emergente-desde-el-inspector-del-navegador-81d8b776-83a3-4473-a50d-b60d1dc11b22\">R\u00e9cup\u00e9rer le lien de la fen\u00eatre pop-up dans l&#8217;inspecteur du navigateur<\/a><\/li><li class=\"toc-level-2\"><a href=\"#obtener-el-enlace-de-la-ventana-emergente-desde-un-widget-6991fada-312b-426c-9b54-76e88c3b47a2\">Obtenir le lien interne de la fen\u00eatre contextuelle \u00e0 partir d&#8217;un widget<\/a><\/li><li class=\"toc-level-2\"><a href=\"#obtener-el-enlace-de-la-ventana-emergente-con-un-plugin-0dd305a7-6a66-4896-b23a-1c7577ad7fff\">Obtenir le lien interne de la fen\u00eatre pop-up avec un plugin<\/a><\/li><li class=\"toc-level-2\"><a href=\"#configurar-nuestro-propio-enlace-para-abrir-un-popup-62b946f4-edc8-490b-977e-7788b81badde\">Configurer notre propre lien pour ouvrir une fen\u00eatre contextuelle<\/a><\/li><li class=\"toc-level-1\"><a href=\"#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 pop-up ?<\/a><\/li><li class=\"toc-level-2\"><a href=\"#aplicar-enlace-al-widget-editor-de-textos-f0eba2b3-dc9a-40a3-a936-8bbb9c380577\">Appliquer le lien au widget de l&#8217;\u00e9diteur de texte<\/a><\/li><li class=\"toc-level-2\"><a href=\"#aplicar-enlace-al-texto-de-un-post-con-el-editor-gutenberg-13432492-1e09-4f5c-8508-31d83f90d785\">Appliquer un lien au texte d&#8217;un article avec l&#8217;\u00e9diteur Gutenberg<\/a><\/li><li class=\"toc-level-2\"><a href=\"#aplicar-enlace-en-el-menu-de-wordpress-607ad803-137c-4675-add0-4f1299b3f1d3\">Appliquer le lien dans le menu WordPress<\/a><\/li><li class=\"toc-level-1\"><a href=\"#no-funciona-mi-ventana-emergente-no-aparece-cc8b6162-5d6f-42d3-ad0c-5cedd9c0346d\">&#8220;Il ne fonctionne pas, ma fen\u00eatre pop-up n&#8217;appara\u00eet pas.<\/a><\/li><li class=\"toc-level-1\"><a href=\"#enlaces-de-interes-64ccd0b2-5bc3-46f1-a08b-1432b5b87028\">Liens utiles<\/a><\/li><\/ul>\n<h2 class=\"wp-block-heading\" id=\"que-es-una-ventana-emergente-o-popup-966d9e50-2443-459b-91ce-d59b74357235\">Qu&#8217;est-ce qu&#8217;une fen\u00eatre contextuelle ?<\/h2>\n\n<p>Une <strong>fen\u00eatre pop-up<\/strong>, un <strong>message pop-up<\/strong> ou un <strong>popup<\/strong> est une fen\u00eatre qui appara\u00eet (&#8220;pop up&#8221;) pendant que vous naviguez sur un site web. Elles sont utilis\u00e9es pour de nombreuses raisons : offrir des r\u00e9ductions, des notifications, encourager l&#8217;inscription \u00e0 une lettre d&#8217;information, promouvoir un contenu, etc. <a href=\"#enlace-popup\">Cliquez ici pour voir un exemple de popup<\/a>.<\/p>\n\n<p>Mais nous n&#8217;allons pas en dire plus sur les popups car ce sujet ne porte pas sur la fa\u00e7on de les cr\u00e9er mais sur la fa\u00e7on de les ouvrir \u00e0 l&#8217;aide d&#8217;un lien similaire \u00e0 celui-ci :<\/p>\n\n<p class=\"has-text-align-left\"><a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE4NDI1IiwidG9nZ2xlIjpmYWxzZX0%3D\">%3DeyJpZCI6IjE4NDI1IiwidG9nZ2xlIjpmYWxzZX0%<\/a><\/p>\n\n<p>Nous apprendrons \u00e9galement dans cette rubrique comment configurer notre <strong>fen\u00eatre popup<\/strong> pour qu&#8217;elle ait un lien comme celui-ci : <a href=\"#enlace-popup\">#enlace-popup<\/a><\/p>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>&#8220;link-popup<\/strong>&#8221; est un nom invent\u00e9 par nous, nous verrons plus tard comment nous pouvons d\u00e9finir l&#8217;ID que nous voulons pour ouvrir notre <strong>popup<\/strong>.<\/p><\/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&#8217;ensemble du site<\/h2>\n\n<p>Une chose <strong>tr\u00e8s importante<\/strong> \u00e0 faire est d&#8217;\u00e9tablir la condition que notre <strong>fen\u00eatre pop-up<\/strong> soit active sur l&#8217;<strong>ensemble du site<\/strong>. Imaginons que nous ajoutions le lien dans un article de blog ou dans notre menu principal, si nous n&#8217;avons pas cette condition d&#8217;affichage, dans certaines parties de notre site web, la fen\u00eatre contextuelle peut ne pas \u00eatre active et ne pas s&#8217;ouvrir. Voyons comment cela se passe.<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/activar-popup-en-todo-el-sitio-web.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"908\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/activar-popup-en-todo-el-sitio-web.gif?strip=all&quality=92&webp=92&avif=92&resize=1920%2C908\" alt=\"Activer la fen&#xEA;tre contextuelle sur l'ensemble du site\" class=\"wp-image-18437\"\/><\/a><\/figure>\n<p><\/p>\n\n<ol class=\"wp-block-list\"><li>Nous ouvrons le <strong>message pop-up<\/strong> avec Elementor.<\/li><li>Cliquez sur la petite fl\u00e8che situ\u00e9e juste \u00e0 droite du bouton <strong>Actualiser<\/strong> &gt; cliquez sur l&#8217;option <strong>Afficher les conditions<\/strong> dans le menu contextuel.<\/li><li>Une fen\u00eatre pop-up s&#8217;ouvre avec plusieurs onglets sur le c\u00f4t\u00e9 gauche, laissez l&#8217;onglet <strong>Conditions<\/strong> &gt; cliquez sur le bouton <strong>Ajouter une condition<\/strong> et laissez la condition par d\u00e9faut qui est <strong>Tous les sites<\/strong>.<\/li><li>Il ne nous reste plus qu&#8217;\u00e0 enregistrer en cliquant sur le lien <strong>Enregistrer et fermer<\/strong> ou en cliquant sur le bouton <strong>Suivant<\/strong> puis sur le bouton <strong>Enregistrer et fermer<\/strong>.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Notre <strong>fen\u00eatre pop-up<\/strong> sera d\u00e9sormais active sur l&#8217;ensemble de notre site web. Il n&#8217;est pas n\u00e9cessaire de configurer les d\u00e9clencheurs ou les r\u00e8gles avanc\u00e9es si vous n&#8217;en avez pas besoin.<\/p><\/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>Examinons <strong>trois fa\u00e7ons d&#8217;obtenir le lien qui ouvre notre fen\u00eatre contextuelle<\/strong>. Il faut savoir que chaque popup a son propre lien et que celui-ci ne varie pas, donc une fois que nous l&#8217;avons obtenu, nous pouvons l&#8217;utiliser n&#8217;importe o\u00f9 sur notre site web, autant de fois que nous le voulons.<\/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&#8217;action d&#8217;ouverture d&#8217;une fen\u00eatre contextuelle \u00e0 un widget<\/h3>\n\n<p>Pour les deux premi\u00e8res m\u00e9thodes, nous devons ajouter l&#8217;action d&#8217;ouverture de la fen\u00eatre contextuelle \u00e0 un widget Elementor. Nous pouvons utiliser n&#8217;importe quel widget qui poss\u00e8de un champ de lien, dans cet exemple nous allons utiliser le widget <strong>Bouton<\/strong>.<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/asignar-a-un-boton-una-ventana-emergente.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/asignar-a-un-boton-una-ventana-emergente.gif?strip=all&quality=92&webp=92&avif=92&resize=1689%2C908\" alt=\"Affectation d'une fen&#xEA;tre contextuelle &#xE0; un bouton\" class=\"wp-image-18439\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Cliquez sur le bouton pour le s\u00e9lectionner.<\/li><li>Dans l&#8217;onglet <strong>Contenu<\/strong>, nous cliquons sur le bouton <img decoding=\"async\" width=\"15\" height=\"17\" class=\"wp-image-18440\" style=\"width: 15px;\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/etiquetas-dinamicas.jpg?strip=all&quality=92&webp=92&avif=92&resize=15%2C17\" alt=\"&#xC9;tiquettes dynamiques\"\/><strong>Etiquettes dynamiques<\/strong> de la propri\u00e9t\u00e9 <strong>Lien<\/strong> &gt; nous s\u00e9lectionnons l&#8217;action <strong>Fen\u00eatre pop-up<\/strong>.<\/li><li>Cliquez sur <strong>Popup Window<\/strong> &gt; cliquez sur <strong>All<\/strong> et tapez le nom que vous avez donn\u00e9 \u00e0 la fen\u00eatre popup, une fois que vous avez commenc\u00e9 \u00e0 taper, les r\u00e9sultats correspondants s&#8217;affichent, cliquez alors sur le nom de la fen\u00eatre popup.<\/li><li>Enfin, cliquez sur le bouton <strong>Mettre \u00e0 jour<\/strong> pour enregistrer vos modifications.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Une fois cette op\u00e9ration effectu\u00e9e, le bouton se verra attribuer l&#8217;action d&#8217;ouvrir la fen\u00eatre contextuelle et nous pourrons obtenir le lien par ce biais.<\/p><\/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 vers la fen\u00eatre pop-up \u00e0 partir de l&#8217;inspecteur du navigateur<\/h3>\n\n<p>Une fois que nous avons ajout\u00e9 l&#8217;action d&#8217;ouvrir la fen\u00eatre pop-up \u00e0 un widget, dans ce cas un bouton, il nous suffit d&#8217;ouvrir la page o\u00f9 nous l&#8217;avons ins\u00e9r\u00e9 dans le navigateur et de suivre les \u00e9tapes suivantes :<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/obtener-enlace-del-popup-desde-el-inspector.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/obtener-enlace-del-popup-desde-el-inspector.gif?strip=all&quality=92&webp=92&avif=92&resize=1689%2C908\" alt=\"Obtenir un lien popup &#xE0; partir de l'inspecteur du navigateur\" class=\"wp-image-18441\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Nous ouvrons la page o\u00f9 se trouve le bouton dans le navigateur (dans ce cas Google Chrome).<\/li><li>Cliquez avec le bouton droit de la souris sur le bouton &gt; et cliquez sur <strong>Inspecter<\/strong> dans le menu contextuel.<\/li><li>Dans l&#8217;inspecteur, nous faisons un clic droit sur le lien qui inclut l&#8217;action d&#8217;ouverture, que nous pouvons distinguer parce qu&#8217;il commence par <strong>#elementor-action<\/strong>&#8230; &gt; cliquer sur <strong>Editer l&#8217;attribut<\/strong> dans le menu contextuel.<\/li><li>Le lien est maintenant ombr\u00e9, ce qui signifie qu&#8217;il est s\u00e9lectionn\u00e9 et que nous pouvons le copier en appuyant sur <strong>CTRL+C<\/strong> ou en faisant un clic droit sur le lien &gt; et en cliquant sur <strong>Copier<\/strong> dans le menu contextuel.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Nous avons maintenant l&#8217;URL qui d\u00e9clenche l&#8217;action d&#8217;ouverture de la fen\u00eatre contextuelle. Nous pouvons le coller dans un fichier texte, puis le copier-coller et l&#8217;utiliser o\u00f9 bon nous semble.<\/p><\/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 \u00e0 partir d&#8217;un widget<\/h3>\n\n<p>Une autre fa\u00e7on d&#8217;obtenir le <strong>lien interne<\/strong> \u00e0 partir de la fen\u00eatre contextuelle est de copier le lien directement \u00e0 partir du widget, dans ce cas \u00e0 partir du bouton. Voyons comment proc\u00e9der :<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/obtener-enlace-del-popup-directamente-desde-el-boton.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/obtener-enlace-del-popup-directamente-desde-el-boton.gif?strip=all&quality=92&webp=92&avif=92&resize=1689%2C908\" alt=\"Obtenir le lien de la fen&#xEA;tre contextuelle directement &#xE0; partir du bouton\" class=\"wp-image-18442\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Cliquez avec le bouton droit de la souris sur le bouton &gt; cliquez sur <strong>Copier l&#8217;adresse du lien<\/strong><\/li><li>Nous utilisons le bloc-notes pour coller le lien avec CTRL+V<\/li><li>Nous s\u00e9lectionnons et supprimons tout ce qui se trouve derri\u00e8re <strong>#elementor-action<\/strong>&#8230;<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Nous avons maintenant le lien qui ouvre la fen\u00eatre contextuelle. Le bouton a d\u00e9j\u00e0 rempli sa fonction et nous pouvons le supprimer, ce qui n&#8217;aura aucune incidence puisque le lien est toujours le m\u00eame pour cette fen\u00eatre contextuelle.<\/p><\/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 pop-up avec un plugin<\/h3>\n\n<p>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 pour Elementor Pro<\/a> que vous pouvez trouver dans le d\u00e9p\u00f4t WordPress.  <\/p>\n\n<p>Ce plugin n&#8217;a qu&#8217;une seule fonctionnalit\u00e9 et c&#8217;est d&#8217;ajouter un bouton \u00e0 droite de chaque mod\u00e8le de popup qui, lorsqu&#8217;il est cliqu\u00e9, affiche le lien qui ouvre la popup afin que vous puissiez le copier et l&#8217;utiliser o\u00f9 vous le souhaitez.<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/plugin-popup-trigger-url-for-elementor-pro.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/plugin-popup-trigger-url-for-elementor-pro.gif?strip=all&quality=92&webp=92&avif=92&resize=1689%2C908\" alt=\"Obtenir le lien pop-up avec un plugin\" class=\"wp-image-18467\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Installez le plugin <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/popup-trigger-url-for-elementor-pro\/\" target=\"_blank\">Popup Trigger URL for Elementor Pro<\/a>.<\/li><li>Allez dans <strong>Mod\u00e8les<\/strong> &gt; <strong>Messages pop-up<\/strong>.<\/li><li>Dans la liste des mod\u00e8les, vous trouverez un bouton <strong>Afficher les URL<\/strong> \u00e0 droite de chaque mod\u00e8le, cliquez dessus et une fen\u00eatre contextuelle appara\u00eetra avec tous les liens disponibles pour ce message contextuel.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Pour afficher la popup, nous n&#8217;avons besoin que de la premi\u00e8re (Open), mais ce plugin en propose trois autres : Toggle, Close et Close (Don`t Show Again).<\/p><\/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 une fen\u00eatre contextuelle<\/h3>\n\n<p>Nous pouvons \u00e9galement personnaliser et raccourcir le lien de nos fen\u00eatres contextuelles, pour ce faire, suivez ces \u00e9tapes :<\/p>\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/abrir-popup-por-selector.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/abrir-popup-por-selector.gif?strip=all&quality=92&webp=92&avif=92&resize=1140%2C612\" alt=\"Ouvrir la fen&#xEA;tre contextuelle par le s&#xE9;lecteur\" class=\"wp-image-18470\" width=\"1140\" height=\"612\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Nous ouvrons la fen\u00eatre contextuelle dans le constructeur Elementor.<\/li><li>Acc\u00e9dez \u00e0 la fen\u00eatre contextuelle des param\u00e8tres en cliquant sur l&#8217;ic\u00f4ne <img loading=\"lazy\" decoding=\"async\" width=\"25\" height=\"25\" class=\"wp-image-18471\" style=\"width: 25px;\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/ajustes-elementor.jpg?strip=all&quality=92&webp=92&avif=92&resize=25%2C25\" alt=\"Param&#xE8;tres d'Elementor\"\/> settings dans le coin inf\u00e9rieur gauche.<\/li><li>Dans l&#8217;<em>onglet Avanc\u00e9 &gt; S\u00e9lecteur Ouvrir par,<\/em> cr\u00e9ez un shortcode de lien d&#8217;activation d&#8217;ancre, exemple :  <code><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ea345e\" class=\"has-inline-color\"><strong>a[href=\"#enlace-popup\"]<\/strong><\/mark><\/code><\/li><li>Appliquez ce lien n&#8217;importe o\u00f9 sur votre site web en vous r\u00e9f\u00e9rant au lien d\u00e9clencheur de l&#8217;ancre (exemple : <a href=\"#enlace-popup\">#link-popup<\/a>).<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Le texte <a href=\"#enlace-popup\"><strong>#enlace-popup<\/strong><\/a> est notre choix, nous pouvons mettre le nom que nous voulons, toujours sans espaces ou caract\u00e8res sp\u00e9ciaux et de pr\u00e9f\u00e9rence en minuscules. N&#8217;oubliez pas de d\u00e9finir les conditions d&#8217;affichage de la fen\u00eatre contextuelle sur &#8221; <strong>Sitewide&#8221;<\/strong>.<\/p><\/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 pop-up ?<\/h2>\n\n<p>Une fois que nous avons le lien, nous pouvons l&#8217;appliquer \u00e0 n&#8217;importe quel lien cr\u00e9\u00e9 avec Elementor, Gutenberg ou m\u00eame dans le menu de notre site web. Prenons 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 de l&#8217;\u00e9diteur de texte<\/h3>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/aplicar-el-enlace-en-el-widget-editor-de-texto.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/aplicar-el-enlace-en-el-widget-editor-de-texto.gif?strip=all&quality=92&webp=92&avif=92&resize=1689%2C908\" alt=\"Appliquer le lien dans le widget de l'&#xE9;diteur de texte\" class=\"wp-image-18475\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Dans l&#8217;<strong>\u00e9diteur de texte<\/strong>, nous s\u00e9lectionnons le texte auquel nous voulons appliquer le lien d&#8217;ouverture de la fen\u00eatre contextuelle.<\/li><li>Cliquez sur l&#8217;outil <strong>Ins\u00e9rer\/Modifier un lien (Ctrl+k)<\/strong>.<\/li><li>Appuyez ensuite sur <strong>Ctrl+V<\/strong> pour coller le lien, sachant que vous aurez pr\u00e9alablement copi\u00e9 le lien avec <strong>Ctrl+C<\/strong>.<\/li><li>Il ne reste plus qu&#8217;\u00e0 cliquer sur le bouton <strong>Mettre \u00e0 jour<\/strong> et \u00e0 tester le lien d&#8217;ouverture de notre popup.<\/li><\/ol>\n<h3 class=\"wp-block-heading\" id=\"aplicar-enlace-al-texto-de-un-post-con-el-editor-gutenberg-13432492-1e09-4f5c-8508-31d83f90d785\">Appliquer un lien au texte d&#8217;un article avec l&#8217;\u00e9diteur Gutenberg<\/h3>\n\n<p>Nous pouvons l&#8217;appliquer non seulement \u00e0 un texte, mais aussi \u00e0 un bouton ou \u00e0 tout autre \u00e9l\u00e9ment permettant l&#8217;ajout de liens.<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/aplicar-el-enlace-en-gutenberg.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/aplicar-el-enlace-en-gutenberg.gif?strip=all&quality=92&webp=92&avif=92&resize=1689%2C908\" alt=\"Appliquer le lien dans gutenberg\" class=\"wp-image-18476\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Nous ouvrons une entr\u00e9e dans l&#8217;<strong>\u00e9diteur Gutenberg<\/strong> et s\u00e9lectionnons le texte auquel nous voulons appliquer le lien d&#8217;ouverture de la fen\u00eatre contextuelle.<\/li><li>Cliquez sur l&#8217;outil <strong>Lien Ctrl+K.<\/strong><\/li><li>Appuyez ensuite sur <strong>Ctrl+V<\/strong> pour coller le lien, sachant que vous aurez pr\u00e9alablement copi\u00e9 le lien avec <strong>Ctrl+C<\/strong>.<\/li><li>Il ne reste plus qu&#8217;\u00e0 cliquer sur le bouton <strong>Mettre \u00e0 jour<\/strong> et \u00e0 tester le lien d&#8217;ouverture de notre popup.<\/li><\/ol>\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:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/activar-enlace-de-popup-en-el-menu-de-wordpress.gif?strip=all&quality=92&webp=92&avif=92&w=2560\"><img loading=\"lazy\" decoding=\"async\" width=\"1689\" height=\"908\" src=\"https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/activar-enlace-de-popup-en-el-menu-de-wordpress.gif?strip=all&quality=92&webp=92&avif=92&resize=1689%2C908\" alt=\"Activer un lien popup dans le menu wordpress\" class=\"wp-image-18477\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Ouvrez le menu \u00e0 partir de <em>Apparence &gt; Menus<\/em>.<\/li><li>Cliquez sur le menu d\u00e9roulant Liens personnalis\u00e9s et collez avec Ctrl+V le lien interne de la fen\u00eatre contextuelle et tapez un nom dans <strong>Texte du lien<\/strong>.<\/li><li>Enfin, nous cliquons sur le bouton de <strong>menu Enregistrer<\/strong>.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Vous savez maintenant comment appliquer le lien d&#8217;ouverture de la fen\u00eatre contextuelle \u00e0 n&#8217;importe quel endroit de votre site web.<\/p><\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"no-funciona-mi-ventana-emergente-no-aparece-cc8b6162-5d6f-42d3-ad0c-5cedd9c0346d\">&#8220;Il ne fonctionne pas, ma fen\u00eatre pop-up n&#8217;appara\u00eet pas.<\/h2>\n\n<ul class=\"wp-block-list\"><li>V\u00e9rifier si la fen\u00eatre popup peut \u00eatre d\u00e9clench\u00e9e par le lien d&#8217;action dynamique d&#8217;Elementor. Si elle ne s&#8217;active pas, c&#8217;est qu&#8217;il y a un probl\u00e8me avec les param\u00e8tres de votre fen\u00eatre contextuelle, et non avec l&#8217;URL d&#8217;activation.<\/li><li>Assurez-vous que vous avez correctement configur\u00e9 les<a href=\"#hacer-que-nuestro-popup-este-activo-en-todo-el-sitio-web-080593d4-7d0b-4e69-996a-6759533abaf1\">&#8220;Conditions d&#8217;affichage<\/a>&#8221; de la fen\u00eatre pop-up. Dans le cas contraire, la fen\u00eatre pop-up n&#8217;appara\u00eetra pas.<\/li><li>Assurez-vous d&#8217;avoir copi\u00e9 correctement l&#8217;URL d&#8217;activation dans votre lien.<\/li><li>V\u00e9rifiez s&#8217;il y a une erreur javascript qui peut \u00eatre caus\u00e9e par d&#8217;autres plugins (voir Outils de d\u00e9veloppement &gt; Console de votre navigateur).<\/li><li>Si vous n&#8217;avez pas <a href=\"#configurar-nuestro-propio-enlace-para-abrir-un-popup-62b946f4-edc8-490b-977e-7788b81badde\">\u00e9tabli votre propre lien<\/a>, l&#8217;URL d&#8217;activation ne fonctionne qu&#8217;avec la balise <code><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ea345e\" class=\"has-inline-color\"><strong>&lt;a&gt;<\/strong><\/mark><\/code>. Pour activer le d\u00e9clencheur d&#8217;ouverture, Elementor utilise un code Javascript qui d\u00e9tecte uniquement le lien dans la balise <code><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ea345e\" class=\"has-inline-color\"><strong>&lt;a&gt;<\/strong><\/mark><\/code>.<\/li><\/ul>\n<h2 class=\"wp-block-heading\" id=\"enlaces-de-interes-64ccd0b2-5bc3-46f1-a08b-1432b5b87028\">Liens utiles<\/h2>\n\n<ul class=\"wp-block-list\"><li>Plugin <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/popup-trigger-url-for-elementor-pro\/\" target=\"_blank\">Popup Trigger URL pour Elementor Pro.<\/a><\/li><\/ul>","protected":false},"featured_media":32818,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"class_list":["post-34670","elementor-adedemy","type-elementor-adedemy","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/como-abrir-un-popup-de-elementor-a-traves-de-un-enlace-o-del-menu-principal.jpg?strip=all&quality=92&webp=92&avif=92",1921,948,false],"thumbnail":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/como-abrir-un-popup-de-elementor-a-traves-de-un-enlace-o-del-menu-principal-150x150.jpg?strip=all&quality=92&webp=92&avif=92",150,150,true],"medium":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/como-abrir-un-popup-de-elementor-a-traves-de-un-enlace-o-del-menu-principal-300x148.jpg?strip=all&quality=92&webp=92&avif=92",300,148,true],"medium_large":["https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2022\/09\/como-abrir-un-popup-de-elementor-a-traves-de-un-enlace-o-del-menu-principal-768x379.jpg",768,379,true],"large":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/como-abrir-un-popup-de-elementor-a-traves-de-un-enlace-o-del-menu-principal.jpg?strip=all&quality=92&webp=92&avif=92&fit=1920%2C948",1920,948,true],"1536x1536":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/como-abrir-un-popup-de-elementor-a-traves-de-un-enlace-o-del-menu-principal-1536x758.jpg?strip=all&quality=92&webp=92&avif=92",1536,758,true],"2048x2048":["https:\/\/e6xg7yg7k87.exactdn.com\/wp-content\/uploads\/2022\/09\/como-abrir-un-popup-de-elementor-a-traves-de-un-enlace-o-del-menu-principal.jpg?strip=all&quality=92&webp=92&avif=92",1921,948,true]},"uagb_author_info":{"display_name":"La Colmena Tecnol\u00f3gica","author_link":"https:\/\/lacolmenatecnologica.com\/fr\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"Qu&#8217;est-ce qu&#8217;une fen\u00eatre contextuelle ? Une fen\u00eatre pop-up, un message pop-up ou un popup est une fen\u00eatre qui appara\u00eet (&#8220;pop up&#8221;) pendant que vous naviguez sur un site web. Elles sont utilis\u00e9es pour de nombreuses raisons : offrir des r\u00e9ductions, des notifications, encourager l&#8217;inscription \u00e0 une lettre d&#8217;information, promouvoir un contenu, etc. Cliquez ici pour&hellip;","_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/elementor-adedemy\/34670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/elementor-adedemy"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/types\/elementor-adedemy"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/media\/32818"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/media?parent=34670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}