{"id":34689,"date":"2022-09-06T13:19:58","date_gmt":"2022-09-06T11:19:58","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/elementor-academy-temas\/how-to-open-an-elementor-popup-through-a-link\/"},"modified":"2023-03-30T12:20:17","modified_gmt":"2023-03-30T10:20:17","slug":"how-to-open-an-elementor-popup-through-a-link","status":"publish","type":"elementor-adedemy","link":"https:\/\/lacolmenatecnologica.com\/en\/elementor-academy-temas\/how-to-open-an-elementor-popup-through-a-link\/","title":{"rendered":"How to open an Elementor popup through a link"},"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\">What is a popup window?<\/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\">Make our popup active on the entire website<\/a><\/li><li class=\"toc-level-1\"><a href=\"#como-conseguir-el-enlace-que-abre-nuestro-mensaje-emergente-ac96d0e0-2702-4361-8286-68bcdf27b6fb\">How to get the link that opens our pop-up message<\/a><\/li><li class=\"toc-level-2\"><a href=\"#anadir-la-accion-abrir-ventana-emergente-a-un-widget-78170023-3238-47fd-acd4-2f1dff1f3954\">Add the open popup action to a 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\">Get popup window link from browser inspector<\/a><\/li><li class=\"toc-level-2\"><a href=\"#obtener-el-enlace-de-la-ventana-emergente-desde-un-widget-6991fada-312b-426c-9b54-76e88c3b47a2\">Get the internal link of the popup window from a 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\">Get the internal link of the pop-up window with a plugin<\/a><\/li><li class=\"toc-level-2\"><a href=\"#configurar-nuestro-propio-enlace-para-abrir-un-popup-62b946f4-edc8-490b-977e-7788b81badde\">Configuring our own link to open a popup<\/a><\/li><li class=\"toc-level-1\"><a href=\"#como-aplicar-el-enlace-obtenido-para-abrir-la-ventana-emergente-cc78649f-805a-467f-8c51-a18e565d8dd1\">How to apply the obtained link to open the pop-up window<\/a><\/li><li class=\"toc-level-2\"><a href=\"#aplicar-enlace-al-widget-editor-de-textos-f0eba2b3-dc9a-40a3-a936-8bbb9c380577\">Apply link to the Text Editor widget<\/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\">Applying a link to the text of a post with the Gutenberg editor<\/a><\/li><li class=\"toc-level-2\"><a href=\"#aplicar-enlace-en-el-menu-de-wordpress-607ad803-137c-4675-add0-4f1299b3f1d3\">Apply link in WordPress menu<\/a><\/li><li class=\"toc-level-1\"><a href=\"#no-funciona-mi-ventana-emergente-no-aparece-cc8b6162-5d6f-42d3-ad0c-5cedd9c0346d\">&#8220;It doesn&#8217;t work, my pop-up window doesn&#8217;t appear.&#8221;<\/a><\/li><li class=\"toc-level-1\"><a href=\"#enlaces-de-interes-64ccd0b2-5bc3-46f1-a08b-1432b5b87028\">Links of interest<\/a><\/li><\/ul>\n<h2 class=\"wp-block-heading\" id=\"que-es-una-ventana-emergente-o-popup-966d9e50-2443-459b-91ce-d59b74357235\">What is a popup window?<\/h2>\n\n<p>A <strong>popup<\/strong> is a window that appears (&#8221; <strong>pops<\/strong> up&#8221;) while you are browsing a website. They are used for many reasons, offering discounts, notifications, encouraging subscription to a newsletter, promoting content and others. <a href=\"#enlace-popup\">Click here to see an example of a popup<\/a>.<\/p>\n\n<p>But we are not going to extend much more about popups because this topic is not about how to create them but about how we can open them through a link similar to this one:<\/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>We will also learn in this topic how to configure our <strong>popup window<\/strong> to have a link like this: <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; is a name invented by us, later we will see how we can set the ID we want to open our <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\">Make our popup active on the entire website<\/h2>\n\n<p>A <strong>very important<\/strong> thing to do is to set the condition that our <strong>popup window<\/strong> is active on the <strong>entire site<\/strong>. Imagine that we add the link in a blog post or in our main menu, if we do not have this display condition may be that in certain parts of our website the popup is not active and does not open. Let&#8217;s see how it is done.<\/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=\"Enable site-wide pop-up window\" class=\"wp-image-18437\"\/><\/a><\/figure>\n<p><\/p>\n\n<ol class=\"wp-block-list\"><li>We open with Elementor the <strong>pop-up message<\/strong>.<\/li><li>Click on the little arrow just to the right of the <strong>Refresh<\/strong> button &gt; click on the <strong>Display Conditions<\/strong> option in the pop-up menu.<\/li><li>A pop-up window will open with several tabs on the left side, leave the <strong>Conditions<\/strong> tab &gt; click on the <strong>Add condition<\/strong> button and leave the default condition which is <strong>All site<\/strong>.<\/li><li>All we have to do now is to save by clicking on the <strong>Save and close<\/strong> link or click on the <strong>Next<\/strong> button and then on the <strong>Save and close<\/strong> button.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Now our <strong>pop-up window<\/strong> will be active throughout our website. It is not necessary to configure Triggers or Advanced Rules if you do not need them.<\/p><\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"como-conseguir-el-enlace-que-abre-nuestro-mensaje-emergente-ac96d0e0-2702-4361-8286-68bcdf27b6fb\">How to get the link that opens our pop-up message<\/h2>\n\n<p>Let&#8217;s see <strong>three ways to get the link that opens our popup<\/strong>. We must know that each popup has its own link and this does not vary, so once we get it we can use it anywhere on our website, as many times as we want.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"anadir-la-accion-abrir-ventana-emergente-a-un-widget-78170023-3238-47fd-acd4-2f1dff1f3954\">Add the open popup action to a widget<\/h3>\n\n<p>For the first two ways we need to add to an Elementor widget the action of opening the popup. We can use any widget that has the link field, in this example we are going to do it with the <strong>Button<\/strong> widget.<\/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=\"Assign a popup window to a button\" class=\"wp-image-18439\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Click on the button to select it.<\/li><li>In the <strong>Content<\/strong> tab we click on the button <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=\"Dynamic labels\"\/><strong>Dynamic labels<\/strong> of the property <strong>Link<\/strong> &gt; and select the action <strong>Popup window<\/strong>.<\/li><li>Click on <strong>Popup Window<\/strong> &gt; click on <strong>All<\/strong> and type the name you have given to the popup, once you start typing it will show matching results, now click on the popup name.<\/li><li>Finally click the <strong>Update<\/strong> button to save the changes.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Once this is done, the button will be assigned the action of opening the popup and we will be able to get the link through it.<\/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\">Get popup window link from browser inspector<\/h3>\n\n<p>Once we have added the action of opening the popup window to a widget, in this case a button, we only have to open the page where we have inserted it in the browser and follow these steps:<\/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=\"Get popup link from browser inspector\" class=\"wp-image-18441\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>We open the page where the button is in the browser (in this case Google Chrome).<\/li><li>Right-click on the &gt; button and click on <strong>Inspect<\/strong> from the pop-up menu.<\/li><li>From the Inspector we click with the right button on the link that includes the open action, we can distinguish it because it begins with <strong>#elementor-action<\/strong>&#8230; &gt; click on <strong>Edit attribute<\/strong> from the pop-up menu.<\/li><li>Now the link will be shaded that means that it is selected and we can copy it by pressing <strong>CTRL+C<\/strong> or by right clicking on it &gt; click on <strong>Copy<\/strong> from the popup menu.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Now we have the URL that triggers the action of opening the popup. We can paste it into a text file and then copy and paste it and use it wherever we want.<\/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\">Get the internal link of the popup window from a widget<\/h3>\n\n<p>Another way to get the <strong>internal link<\/strong> from the popup window is to copy the link directly from the widget in this case from the button. Let&#8217;s see how to do it:<\/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=\"Get the link of the popup directly from the button\" class=\"wp-image-18442\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Right-click on the button &gt; click on <strong>Copy link address<\/strong><\/li><li>We use the notepad to paste the link with CTRL+V<\/li><li>We select and delete everything behind <strong>#elementor-action<\/strong>&#8230;<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>And we already have the link that opens the popup. The button has already performed its function and we can delete it, this will not influence anything since the link is always the same for that popup.<\/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\">Get the internal link of the pop-up window with a plugin<\/h3>\n\n<p>We can also install the free 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> that you can find in the WordPress repository.  <\/p>\n\n<p>This plugin has only one functionality and that is to add a button to the right of each popup template that when clicked shows you the link that opens the popup so you can copy it and use it wherever you want.<\/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=\"Get pop-up link with a plugin\" class=\"wp-image-18467\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Install the <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/popup-trigger-url-for-elementor-pro\/\" target=\"_blank\">Popup Trigger URL for Elementor Pro<\/a> plugin.<\/li><li>Go to <strong>Templates<\/strong> &gt; <strong>Pop-up messages<\/strong>.<\/li><li>In the list of templates you will find the <strong>Show URLs<\/strong> button to the right of each one, click on it and a popup will appear with all the available links for that popup message.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>To show the popup we only need the first one (Open), but this plugin also provides three more: Toggle, Close and 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\">Configuring our own link to open a popup<\/h3>\n\n<p>We can also customize and shorten the link of our popups, to do so follow these steps:<\/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=\"Open popup by selector\" class=\"wp-image-18470\" width=\"1140\" height=\"612\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>We open the popup in the Elementor builder.<\/li><li>Go to the pop-up window settings by clicking on the <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=\"Elementor settings\"\/> settings icon in the lower left corner.<\/li><li>In the <em>Advanced tab &gt; Open by selector,<\/em> create an anchor activation link shortcode, example:  <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>Apply this link anywhere on your website by linking to the anchor trigger link (example: <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>The text <a href=\"#enlace-popup\"><strong>#enlace-popup<\/strong><\/a> is our choice, we can set the name we want, always without spaces or special characters and preferably in lowercase. Remember to set the popup window display conditions to <strong>Sitewide<\/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\">How to apply the obtained link to open the pop-up window<\/h2>\n\n<p>Once we have the link we can apply it to any link created with Elementor, Gutenberg or even in the menu of our website. Let&#8217;s take a look at some examples.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"aplicar-enlace-al-widget-editor-de-textos-f0eba2b3-dc9a-40a3-a936-8bbb9c380577\">Apply link to Text Editor widget<\/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=\"Apply the link in the text editor widget\" class=\"wp-image-18475\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>In the <strong>Text Editor<\/strong> we select the text to which we want to apply the popup opening link.<\/li><li>Click on the <strong>Insert\/Edit a link<\/strong> tool <strong>(Ctrl+k)<\/strong>.<\/li><li>Then we press <strong>Ctrl+V<\/strong> to paste the link, taking into account that we have previously copied the link with <strong>Ctrl+C<\/strong>.<\/li><li>All that remains is to click the <strong>Update<\/strong> button and test our popup opening link.<\/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\">Applying a link to the text of a post with the Gutenberg editor<\/h3>\n\n<p>We can apply it not only to a text, but also to a button or any element that supports adding links.<\/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=\"Apply the link in gutenberg\" class=\"wp-image-18476\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>We open an entry in the <strong>Gutenberg Editor<\/strong> and select the text to which we want to apply the popup opening link.<\/li><li>Click on the <strong>Link<\/strong> tool <strong>Ctrl+K<\/strong>.<\/li><li>Then we press <strong>Ctrl+V<\/strong> to paste the link, taking into account that we have previously copied the link with <strong>Ctrl+C<\/strong>.<\/li><li>All that remains is to click the <strong>Update<\/strong> button and test our popup opening link.<\/li><\/ol>\n<h3 class=\"wp-block-heading\" id=\"aplicar-enlace-en-el-menu-de-wordpress-607ad803-137c-4675-add0-4f1299b3f1d3\">Apply link in WordPress menu<\/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=\"Enable popup link in wordpress menu\" class=\"wp-image-18477\"\/><\/a><\/figure>\n<ol class=\"wp-block-list\"><li>Open the menu from <em>Appearance &gt; Menus<\/em>.<\/li><li>Click on the Custom Links drop-down and paste with Ctrl+V the internal link of the popup and type a name in <strong>Link Text<\/strong>.<\/li><li>Finally we click on the <strong>Save menu<\/strong> button.<\/li><\/ol>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Now you know how to apply the popup window opening link anywhere on your website.<\/p><\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"no-funciona-mi-ventana-emergente-no-aparece-cc8b6162-5d6f-42d3-ad0c-5cedd9c0346d\">&#8220;It doesn&#8217;t work, my pop-up window doesn&#8217;t appear.&#8221;<\/h2>\n\n<ul class=\"wp-block-list\"><li>Checks if the popup window can be triggered by Elementor&#8217;s dynamic action link. If it doesn&#8217;t activate, then there must be something wrong with your popup settings, not the activation URL.<\/li><li>Make sure that you have correctly configured the<a href=\"#hacer-que-nuestro-popup-este-activo-en-todo-el-sitio-web-080593d4-7d0b-4e69-996a-6759533abaf1\">&#8220;Display conditions<\/a>&#8221; of the pop-up window. Otherwise, your pop-up window will not appear.<\/li><li>Make sure you have correctly copied the activation URL into your link.<\/li><li>Check if there is a javascript error that may be caused by other plugins (see Developer Tools &gt; Console of your browser).<\/li><li>If you have not <a href=\"#configurar-nuestro-propio-enlace-para-abrir-un-popup-62b946f4-edc8-490b-977e-7788b81badde\">set up your own link<\/a>, the activation URL only works with the tag <code><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ea345e\" class=\"has-inline-color\"><strong>&lt;a&gt;<\/strong><\/mark><\/code>. To activate the opening trigger, Elementor uses a Javascript code that only detects the link in the <code><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ea345e\" class=\"has-inline-color\"><strong>&lt;a&gt;<\/strong><\/mark><\/code> tag.<\/li><\/ul>\n<h2 class=\"wp-block-heading\" id=\"enlaces-de-interes-64ccd0b2-5bc3-46f1-a08b-1432b5b87028\">Links of interest<\/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 for Elementor Pro<\/a>.<\/li><\/ul>","protected":false},"featured_media":32817,"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-34689","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\/en\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"What is a popup window? A popup is a window that appears (&#8221; pops up&#8221;) while you are browsing a website. They are used for many reasons, offering discounts, notifications, encouraging subscription to a newsletter, promoting content and others. Click here to see an example of a popup. But we are not going to extend&hellip;","_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/elementor-adedemy\/34689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/elementor-adedemy"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/types\/elementor-adedemy"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/media\/32817"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/media?parent=34689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}