{"id":6832,"date":"2022-09-06T13:19:58","date_gmt":"2022-09-06T11:19:58","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/so-oeffnen-sie-ein-elementor-popup-ueber-einen-link\/"},"modified":"2026-09-02T22:47:23","modified_gmt":"2026-09-02T20:47:23","slug":"so-oeffnen-sie-ein-elementor-popup-ueber-einen-link","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/de\/so-oeffnen-sie-ein-elementor-popup-ueber-einen-link\/","title":{"rendered":"So \u00f6ffnen Sie ein Elementor-Popup \u00fcber einen Link"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Schritt-f\u00fcr-Schritt-Video<\/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\">Was ist ein Pop-up-Fenster?<\/h2>\n\n<p class=\"wp-block-paragraph\">Ein <strong>Pop-up-Fenster<\/strong>, eine <strong>Einblendung<\/strong> oder auf Englisch <strong>Popup<\/strong> ist ein Fenster, das (\u201eaufpoppt\u201c) erscheint, w\u00e4hrend Sie auf einer Website navigieren. Es wird aus vielen Gr\u00fcnden eingesetzt: um Rabatte anzubieten, Benachrichtigungen anzuzeigen, zur Newsletter-Anmeldung zu motivieren, Inhalte zu bewerben und mehr. <\/p>\n\n<p class=\"wp-block-paragraph\">Wir werden nicht weiter auf Pop-ups eingehen, denn in diesem Beitrag geht es nicht darum, wie man sie erstellt, sondern wie man sie \u00fcber einen Link wie diesen \u00f6ffnet:<\/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\">Au\u00dferdem lernen wir in diesem Beitrag, wie wir unser <strong>Pop-up-Fenster<\/strong> so konfigurieren, dass es einen Link wie diesen hat: #enlace-popup<\/p>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u201e<strong>enlace-popup<\/strong>\u201c ist ein von uns erfundener Name. Sp\u00e4ter sehen wir, wie wir die gew\u00fcnschte ID festlegen k\u00f6nnen, um unser <strong>Popup<\/strong> zu \u00f6ffnen.<\/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\">Das Popup auf der gesamten Website aktivieren<\/h2>\n\n<p class=\"wp-block-paragraph\">Etwas <strong>sehr Wichtiges<\/strong>, das wir tun m\u00fcssen, ist die Bedingung festzulegen, dass unser <strong>Pop-up-Fenster<\/strong> auf <strong>Gesamte Website<\/strong> aktiv ist. Stellen Sie sich vor, wir f\u00fcgen den Link in einen Blogbeitrag oder in unser Hauptmen\u00fc ein: Wenn diese Anzeige-Bedingung fehlt, ist das Popup in bestimmten Bereichen Ihrer Website m\u00f6glicherweise nicht aktiv und \u00f6ffnet sich nicht. Sehen wir uns an, wie das geht.  <\/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=\"Pop-up-Fenster auf der gesamten Website aktivieren\" class=\"wp-image-4753\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Wir \u00f6ffnen mit Elementor die <strong>Einblendung<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf den kleinen Pfeil rechts neben der Schaltfl\u00e4che <strong>Aktualisieren<\/strong> &gt; und klicken Sie im Dropdown-Men\u00fc auf <strong>Anzeige-Bedingungen<\/strong>.<\/li>\n\n\n\n<li>Es \u00f6ffnet sich ein Pop-up-Fenster mit mehreren Tabs auf der linken Seite. Lassen Sie den Tab <strong>Bedingungen<\/strong> ausgew\u00e4hlt &gt; klicken Sie auf die Schaltfl\u00e4che <strong>Bedingung hinzuf\u00fcgen<\/strong> und belassen Sie die Standardbedingung <strong>Gesamte Website<\/strong>.<\/li>\n\n\n\n<li>Jetzt m\u00fcssen Sie nur noch speichern, indem Sie auf den Link <strong>Speichern &amp; schlie\u00dfen<\/strong> klicken, oder auf die Schaltfl\u00e4che <strong>Weiter<\/strong> und anschlie\u00dfend auf <strong>Speichern &amp; schlie\u00dfen<\/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\">Nun ist unser <strong>Pop-up-Fenster<\/strong> auf der gesamten Website aktiv. Trigger oder erweiterte Regeln m\u00fcssen Sie nicht konfigurieren, wenn Sie sie nicht ben\u00f6tigen. <\/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\">So erhalten Sie den Link, der unsere Einblendung \u00f6ffnet<\/h2>\n\n<p class=\"wp-block-paragraph\">Wir sehen uns <strong>drei M\u00f6glichkeiten an, den Link zu erhalten, der unser Popup \u00f6ffnet<\/strong>. Sie sollten wissen, dass jedes Popup seinen eigenen Link hat und dieser sich nicht \u00e4ndert. Sobald Sie ihn haben, k\u00f6nnen Sie ihn \u00fcberall auf Ihrer Website verwenden \u2013 so oft Sie m\u00f6chten. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"anadir-la-accion-abrir-ventana-emergente-a-un-widget-78170023-3238-47fd-acd4-2f1dff1f3954\">Die Aktion \u201ePop-up \u00f6ffnen\u201c zu einem Widget hinzuf\u00fcgen<\/h3>\n\n<p class=\"wp-block-paragraph\">F\u00fcr die ersten beiden Methoden m\u00fcssen wir einem Elementor-Widget die Aktion zum \u00d6ffnen des Popups hinzuf\u00fcgen. Sie k\u00f6nnen jedes Widget verwenden, das ein Link-Feld hat; in diesem Beispiel machen wir es mit dem Widget <strong>Button<\/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=\"Einem Button ein Pop-up-Fenster zuweisen\" class=\"wp-image-4747\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Klicken Sie auf den Button, um ihn auszuw\u00e4hlen.<\/li>\n\n\n\n<li>Klicken Sie im Tab <strong>Inhalt<\/strong> bei der Eigenschaft <strong>Link<\/strong> auf die Schaltfl\u00e4che <figure><img decoding=\"async\" class=\"wp-image-18440\" style=\"width: 15px\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2022\/09\/etiquetas-dinamicas.jpg\" alt=\"Dynamische Tags\"\/><\/figure> <strong>Dynamische Tags<\/strong> &gt; und w\u00e4hlen Sie die Aktion <strong>Pop-up<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Pop-up<\/strong> &gt; klicken Sie auf <strong>Alle<\/strong> und geben Sie den Namen ein, den Sie dem Popup gegeben haben. Sobald Sie zu tippen beginnen, werden passende Ergebnisse angezeigt. Klicken Sie nun auf den Namen des Popups.<\/li>\n\n\n\n<li>Klicken Sie abschlie\u00dfend auf die Schaltfl\u00e4che <strong>Aktualisieren<\/strong>, um die \u00c4nderungen zu speichern.<\/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\">Sobald dies erledigt ist, ist dem Button die Aktion zum \u00d6ffnen des Popups zugewiesen, und Sie k\u00f6nnen den Link dar\u00fcber abrufen.<\/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\">Den Link des Pop-ups \u00fcber den Browser-Inspektor ermitteln<\/h3>\n\n<p class=\"wp-block-paragraph\">Sobald wir die Aktion zum \u00d6ffnen des Pop-ups einem Widget (in diesem Fall einem Button) hinzugef\u00fcgt haben, m\u00fcssen wir nur noch die Seite, auf der wir ihn eingef\u00fcgt haben, im Browser \u00f6ffnen und diese Schritte befolgen:<\/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=\"Den Link des Pop-ups &#xFC;ber den Browser-Inspektor ermitteln\" class=\"wp-image-4748\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>\u00d6ffnen Sie die Seite, auf der sich der Button befindet, im Browser (in diesem Fall Google Chrome).<\/li>\n\n\n\n<li>Rechtsklick auf den Button &gt; und im Kontextmen\u00fc auf <strong>Untersuchen<\/strong> klicken.<\/li>\n\n\n\n<li>Im Inspektor klicken Sie mit der rechten Maustaste auf den Link, der die \u00d6ffnen-Aktion enth\u00e4lt. Sie erkennen ihn daran, dass er mit <strong>#elementor-action&#8230;<\/strong> beginnt &gt; und klicken Sie im Kontextmen\u00fc auf <strong>Edit atribute<\/strong>.<\/li>\n\n\n\n<li>Nun wird der Link hervorgehoben \u2013 das bedeutet, er ist ausgew\u00e4hlt \u2013 und Sie k\u00f6nnen ihn mit <strong>STRG+C<\/strong> kopieren oder per Rechtsklick darauf &gt; im Kontextmen\u00fc auf <strong>Kopieren<\/strong> klicken.<\/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\">Jetzt haben Sie die URL, die die Aktion zum \u00d6ffnen des Popups ausl\u00f6st. Sie k\u00f6nnen sie in eine Textdatei einf\u00fcgen, um sie sp\u00e4ter per Copy  Paste \u00fcberall zu verwenden. <\/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\">Den internen Link des Pop-ups \u00fcber ein Widget ermitteln<\/h3>\n\n<p class=\"wp-block-paragraph\">Eine weitere M\u00f6glichkeit, den <strong>internen Link<\/strong> des Pop-ups zu erhalten, ist, den Link direkt aus dem Widget zu kopieren \u2013 in diesem Fall aus dem Button. Sehen wir uns an, wie das geht: <\/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=\"Den Link des Pop-ups direkt &#xFC;ber den Button ermitteln\" class=\"wp-image-4749\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Rechtsklick auf den Button &gt; und auf <strong>Linkadresse kopieren<\/strong> klicken.<\/li>\n\n\n\n<li>Wir verwenden den Editor, um den Link mit STRG+V einzuf\u00fcgen.<\/li>\n\n\n\n<li>Wir markieren und l\u00f6schen alles, was hinter <strong>#elementor-action&#8230;<\/strong> steht.<\/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\">Und schon haben wir den Link, der das Popup \u00f6ffnet. Der Button hat seinen Zweck erf\u00fcllt und kann gel\u00f6scht werden; das hat keinen Einfluss, da der Link f\u00fcr dieses Popup immer derselbe ist. <\/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\">Den internen Link des Pop-ups mit einem Plugin ermitteln<\/h3>\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen auch das kostenlose 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> installieren, das Sie im WordPress-Repository finden. <\/p>\n\n<p class=\"wp-block-paragraph\">Dieses Plugin hat nur eine Funktion: Es f\u00fcgt rechts neben jeder Pop-up-Vorlage eine Schaltfl\u00e4che hinzu, die Ihnen beim Anklicken den Link anzeigt, der das Popup \u00f6ffnet, damit Sie ihn kopieren und \u00fcberall verwenden k\u00f6nnen.<\/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=\"Den Link des Pop-ups mit einem Plugin ermitteln\" class=\"wp-image-4750\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Installieren Sie das 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>Gehen Sie zu <strong>Templates<\/strong> &gt; <strong>Popups<\/strong>.<\/li>\n\n\n\n<li>In der Vorlagenliste finden Sie rechts neben jeder Vorlage die Schaltfl\u00e4che <strong>Show URLs<\/strong>. Klicken Sie darauf, und es wird ein Popup mit allen verf\u00fcgbaren Links f\u00fcr diese Einblendung angezeigt.<\/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\">Um das Popup anzuzeigen, ben\u00f6tigen wir nur den ersten (Open). Dieses Plugin stellt jedoch zus\u00e4tzlich drei weitere bereit: Toggle, Close und Close (Don`t Show Again).<\/p>\n<\/blockquote>\n\n<h3 class=\"wp-block-heading\" id=\"configurar-nuestro-propio-enlace-para-abrir-un-popup-62b946f4-edc8-490b-977e-7788b81badde\">Einen eigenen Link zum \u00d6ffnen eines Pop-ups konfigurieren<\/h3>\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen den Link Ihrer Pop-ups auch anpassen und verk\u00fcrzen. Gehen Sie dazu wie folgt vor:<\/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=\"Popup &#xFC;ber Selektor &#xF6;ffnen\" class=\"wp-image-4751\" style=\"width:1140px;height:612px\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>\u00d6ffnen Sie das Popup im Elementor-Builder.<\/li>\n\n\n\n<li>Gehen Sie zu den Einstellungen des Pop-ups, indem Sie auf das Symbol <img decoding=\"async\" class=\"wp-image-18471\" style=\"width: 25px\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2022\/09\/ajustes-elementor.jpg\" alt=\"Elementor-Einstellungen\"\/> Einstellungen in der linken unteren Ecke klicken.<\/li>\n\n\n\n<li>Erstellen Sie im <em>Tab Erweitert &gt; \u00d6ffnen per Selektor<\/em> einen Kurzcode als Anker-Trigger-Link, z. B.: <code><mark style=\"color:#ea345e\" class=\"has-inline-color\"><strong>a[href=\"#enlace-popup\"]<\/strong><\/mark><\/code><\/li>\n\n\n\n<li>Verwenden Sie diesen Link \u00fcberall auf Ihrer Website, indem Sie auf den Anker-Trigger-Link verlinken (Beispiel: <a href=\"#enlace-popup\">#enlace-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\">Der Text <a href=\"#enlace-popup\">#<strong>enlace-popup<\/strong><\/a> ist frei w\u00e4hlbar. Sie k\u00f6nnen den gew\u00fcnschten Namen festlegen, immer ohne Leerzeichen oder Sonderzeichen und vorzugsweise in Kleinbuchstaben. Denken Sie daran, die Anzeige-Bedingungen des Pop-ups auf <strong>Gesamte Website<\/strong> zu setzen. <\/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\">So wenden Sie den erhaltenen Link an, um das Pop-up zu \u00f6ffnen<\/h2>\n\n<p class=\"wp-block-paragraph\">Sobald wir den Link haben, k\u00f6nnen wir ihn auf jeden Link anwenden, der mit Elementor, Gutenberg oder sogar im Men\u00fc unserer Website erstellt wurde. Sehen wir uns einige Beispiele an. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"aplicar-enlace-al-widget-editor-de-textos-f0eba2b3-dc9a-40a3-a936-8bbb9c380577\">Link im Widget \u201eTexteditor\u201c anwenden<\/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=\"Den Link im Texteditor-Widget anwenden\" class=\"wp-image-4745\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Im <strong>Texteditor<\/strong> markieren wir den Text, auf den wir den Link zum \u00d6ffnen des Pop-ups anwenden m\u00f6chten.<\/li>\n\n\n\n<li>Wir klicken auf das Werkzeug <strong>Link einf\u00fcgen\/bearbeiten (Strg+k)<\/strong>.<\/li>\n\n\n\n<li>Anschlie\u00dfend dr\u00fccken wir <strong>Strg+V<\/strong>, um den Link einzuf\u00fcgen, wobei wir zuvor den Link mit <strong>Strg+C<\/strong> kopiert haben.<\/li>\n\n\n\n<li>Jetzt m\u00fcssen Sie nur noch auf die Schaltfl\u00e4che <strong>Aktualisieren<\/strong> klicken und Ihren Link zum \u00d6ffnen des Pop-ups testen.<\/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\">Link im Text eines Beitrags mit dem Gutenberg-Editor anwenden<\/h3>\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen ihn nicht nur auf Text anwenden, sondern auch auf einen Button oder jedes Element, das das Hinzuf\u00fcgen von Links unterst\u00fctzt.<\/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=\"Den Link in Gutenberg anwenden\" class=\"wp-image-4746\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Wir \u00f6ffnen einen Beitrag im <strong>Gutenberg-Editor<\/strong> und markieren den Text, auf den wir den Link zum \u00d6ffnen des Pop-ups anwenden m\u00f6chten.<\/li>\n\n\n\n<li>Wir klicken auf das Werkzeug <strong>Link Strg+K<\/strong>.<\/li>\n\n\n\n<li>Anschlie\u00dfend dr\u00fccken wir <strong>Strg+V<\/strong>, um den Link einzuf\u00fcgen, wobei wir zuvor den Link mit <strong>Strg+C<\/strong> kopiert haben.<\/li>\n\n\n\n<li>Jetzt m\u00fcssen Sie nur noch auf die Schaltfl\u00e4che <strong>Aktualisieren<\/strong> klicken und Ihren Link zum \u00d6ffnen des Pop-ups testen.<\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\" id=\"aplicar-enlace-en-el-menu-de-wordpress-607ad803-137c-4675-add0-4f1299b3f1d3\">Link im WordPress-Men\u00fc anwenden<\/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>Wir \u00f6ffnen das Men\u00fc \u00fcber <em>Design &gt; Men\u00fcs<\/em>.<\/li>\n\n\n\n<li>Wir klicken auf das Dropdown \u201eIndividuelle Links\u201c, f\u00fcgen mit Strg+V den internen Link des Pop-ups ein und geben unter <strong>Linktext<\/strong> einen Namen ein.<\/li>\n\n\n\n<li>Abschlie\u00dfend klicken wir auf die Schaltfl\u00e4che <strong>Men\u00fc speichern<\/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\">Jetzt wissen Sie, wie Sie den Link zum \u00d6ffnen eines Pop-ups \u00fcberall auf Ihrer Website anwenden k\u00f6nnen.<\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"no-funciona-mi-ventana-emergente-no-aparece-cc8b6162-5d6f-42d3-ad0c-5cedd9c0346d\">\u201eEs funktioniert nicht, mein Pop-up erscheint nicht\u201c<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Pr\u00fcfen Sie, ob sich das Pop-up \u00fcber den dynamischen Aktionslink von Elementor ausl\u00f6sen l\u00e4sst. Wenn es sich nicht ausl\u00f6sen l\u00e4sst, stimmt vermutlich etwas an der Konfiguration Ihres Pop-ups nicht \u2013 nicht an der Trigger-URL. <\/li>\n\n\n\n<li>Stellen Sie sicher, dass Sie die \u201e<a href=\"#hacer-que-nuestro-popup-este-activo-en-todo-el-sitio-web-080593d4-7d0b-4e69-996a-6759533abaf1\">Anzeige-Bedingungen<\/a>\u201c des Pop-ups korrekt konfiguriert haben. Andernfalls wird Ihr Pop-up nicht angezeigt. <\/li>\n\n\n\n<li>Stellen Sie sicher, dass Sie die Trigger-URL korrekt in Ihren Link kopiert haben.<\/li>\n\n\n\n<li>Pr\u00fcfen Sie, ob ein JavaScript-Fehler vorliegt, der durch andere Plugins verursacht werden k\u00f6nnte (siehe Entwicklertools &gt; Konsole Ihres Browsers).<\/li>\n\n\n\n<li>Wenn Sie <a href=\"#configurar-nuestro-propio-enlace-para-abrir-un-popup-62b946f4-edc8-490b-977e-7788b81badde\">keinen eigenen Link konfiguriert<\/a> haben, funktioniert die Trigger-URL nur mit dem Tag <code><mark style=\"color:#ea345e\" class=\"has-inline-color\"><strong>&lt;a&gt;<\/strong><\/mark><\/code>. Um den \u00d6ffnungs-Trigger zu aktivieren, verwendet Elementor einen JavaScript-Code, der den Link nur im Tag <code><mark style=\"color:#ea345e\" class=\"has-inline-color\"><strong>&lt;a&gt;<\/strong><\/mark><\/code> erkennt. <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"enlaces-de-interes-64ccd0b2-5bc3-46f1-a08b-1432b5b87028\">Weiterf\u00fchrende Links<\/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>Schritt-f\u00fcr-Schritt-Video Was ist ein Pop-up-Fenster? Ein Pop-up-Fenster, eine Einblendung oder auf Englisch Popup ist ein Fenster, das (\u201eaufpoppt\u201c) erscheint, w\u00e4hrend Sie auf einer Website navigieren. Es wird aus vielen Gr\u00fcnden eingesetzt: um Rabatte anzubieten, Benachrichtigungen anzuzeigen, zur Newsletter-Anmeldung zu motivieren, Inhalte zu bewerben und mehr. Wir werden nicht weiter auf Pop-ups eingehen, denn in diesem [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6833,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Elementor-Popup \u00fcber einen Link \u00f6ffnen: Schritt f\u00fcr Schritt","_seopress_titles_desc":"Was ist ein Pop-up-Fenster? Ein Pop-up-Fenster, eine Einblendung oder auf Englisch \u201ePopup\u201c ist ein Fenster, das (\u201eaufpoppt\u201c) erscheint, w\u00e4hrend Sie auf \u2026 surfen.","_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":[402],"tags":[433,404],"class_list":["post-6832","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-webdesign","tag-wordpress-personalisierung"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/comments?post=6832"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6832\/revisions"}],"predecessor-version":[{"id":6834,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6832\/revisions\/6834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media\/6833"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media?parent=6832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/categories?post=6832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/tags?post=6832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}