{"id":51260,"date":"2022-06-13T07:44:33","date_gmt":"2022-06-13T06:44:33","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=51260&#038;preview=true&#038;preview_id=51260"},"modified":"2023-08-23T15:58:26","modified_gmt":"2023-08-23T14:58:26","slug":"elementor-popup","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/","title":{"rendered":"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)"},"content":{"rendered":"<p>Popup-Formulare k\u00f6nnen wichtige Marketinginstrumente sein, mit denen du <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-eine-e-mail-liste\/\">E-Mail-Adressen erfassen<\/a>, Verk\u00e4ufe f\u00f6rdern und vieles mehr machen kannst. Allerdings ist es nicht immer ganz einfach, attraktive und individuelle Popups in WordPress zu erstellen.<\/p>\n<p>Zum Gl\u00fcck kannst du mit dem <a href=\"https:\/\/kinsta.com\/de\/blog\/divi-vs-elementor\/\">Elementor Page Builder Plugin<\/a> ganz einfach Popups f\u00fcr deine Webseite erstellen und anpassen. Du kannst sie an das <a href=\"https:\/\/kinsta.com\/de\/blog\/webseite-gestaltung-software\/\">Design deiner Webseite<\/a> anpassen und Ausl\u00f6ser hinzuf\u00fcgen, die auf dem Nutzerverhalten oder dem Ursprung der Seite basieren.<\/p>\n<p>In diesem Leitfaden geben wir dir einen \u00dcberblick \u00fcber die verschiedenen Arten von Elementor-Popups und erkl\u00e4ren, warum du sie verwenden solltest. Dann erkl\u00e4ren wir dir, wie du diese Popups mit den kostenlosen und den <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pro-Elementor-Tools<\/a> erstellen kannst. Los geht&#8217;s!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Ein \u00dcberblick \u00fcber Elementor Popups<\/h2>\n<p>Elementor ist eines der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-page-builders\/\">beliebtesten Seitenerstellungs-Plugins<\/a> f\u00fcr WordPress-Webseiten. Es erm\u00f6glicht es dir, Elemente per Drag &#038; Drop zu platzieren, um sch\u00f6ne und benutzerfreundliche Seiten zu gestalten:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-homepage.png\" alt=\"Elementor Page Builder\" width=\"1600\" height=\"664\"><figcaption class=\"wp-caption-text\">Elementor Page Builder<\/figcaption><\/figure>\n<p>Au\u00dferdem kannst du mit Elementor eine Vielzahl von Popups erstellen. Das sind benutzerdefinierte Formulare, die nach einer bestimmten Zeit oder nachdem ein Nutzer eine bestimmte Aktion ausgef\u00fchrt hat, auf deiner Seite erscheinen.<\/p>\n<p>Popups k\u00f6nnen aus verschiedenen Gr\u00fcnden ein wichtiges Instrument sein. Du kannst sie nutzen, um Leads zu sammeln und deine <a href=\"https:\/\/kinsta.com\/de\/blog\/e-mail-marketing-statistiken\/\">E-Mail-Marketingliste<\/a> zu erweitern. Elementor-Popups lassen sich <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/mykinsta-werkzeuge\/email\/\">in E-Mail-Marketing-Software integrieren<\/a> und senden Kundenadressen direkt an die Plattform deiner Wahl.<\/p>\n<p>Du kannst sie sogar nutzen, um Verk\u00e4ufe, Rabatte und Veranstaltungen in deinem <a href=\"https:\/\/kinsta.com\/de\/blog\/ecommerce-plattformen\/\">E-Commerce-Shop<\/a> zu bewerben. So k\u00f6nnen Popups ein wesentlicher Bestandteil deiner Marketingstrategie sein.<\/p>\n<p>Au\u00dferdem k\u00f6nnen Popups dir helfen, mit deinen Kunden in Kontakt zu treten. Du kannst Umfragen einbinden, um Kundenfeedback einzuholen und deine Produkte und Dienstleistungen zu verbessern.<\/p>\n<p>Popups k\u00f6nnen sich jedoch billig und aufdringlich anf\u00fchlen, wenn du sie nicht gut gestaltest und die richtigen Ausl\u00f6ser f\u00fcr dein Publikum w\u00e4hlst. Deshalb musst du sicherstellen, dass du sie effektiv einsetzt. Hier kommt Elementor ins Spiel.<\/p>\n\n<h3>Arten von Elementor Popups<\/h3>\n<p>Elementor kommt mit mehr als 100 Popup-Vorlagen, die du an deine Bed\u00fcrfnisse anpassen kannst. Zu diesen Designs geh\u00f6ren:<\/p>\n<ul>\n<li>Lead Capture Formulare<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/sicheren-email-anbieter\/\">E-Mail-Anmelde-Popups<\/a><\/li>\n<li>Werbe-Popups<\/li>\n<li>Anmelde- und Willkommensformulare<\/li>\n<li>Popups mit eingeschr\u00e4nktem Inhalt<\/li>\n<li>Upsell- und Cross-Sell-Formulare<\/li>\n<\/ul>\n<p>Diese Popup-Vorlagen sind in <a href=\"https:\/\/elementor.com\/library\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor-Kits<\/a> integriert, die verschiedene Designfunktionen f\u00fcr unterschiedliche Arten von Webseiten enthalten:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-kits.png\" alt=\"ElementorKits Popup-Vorlagen\" width=\"1600\" height=\"657\"><figcaption class=\"wp-caption-text\">ElementorKits Popup-Vorlagen<\/figcaption><\/figure>\n<p>Au\u00dferdem kannst du aus verschiedenen Popup-Placements und visuellen Designs w\u00e4hlen, darunter:<\/p>\n<ul>\n<li>Modal<\/li>\n<li>Slide-in<\/li>\n<li>Fullscreen<\/li>\n<li>Obere oder untere Leiste<\/li>\n<\/ul>\n<p>Schlie\u00dflich kannst du den Elementor-Editor nutzen, um jede Popup-Vorlage schnell an deine Bed\u00fcrfnisse anzupassen. Wir erkl\u00e4ren dir jetzt, wie du das mit der kostenlosen Version und mit Elementor Pro machen kannst.<\/p>\n<h2>So erstellst du ein Popup mit Elementor (kostenlos)<\/h2>\n<p>Fr\u00fcher hatte das <a href=\"https:\/\/wordpress.org\/plugins\/essential-addons-for-elementor-lite\/\" target=\"_blank\" rel=\"noopener noreferrer\">Essential Addons for Elementor Plugin<\/a> eine <strong>Modal Popup-Funktion<\/strong>, mit der du ein kostenloses Popup-Formular erstellen konntest. Diese Funktion war eine der beliebtesten M\u00f6glichkeiten, um die Kosten f\u00fcr Elementor Pro zu umgehen. Du kannst viele Tutorial-Videos von vor ein paar Jahren finden, die dir zeigen, wie du diese Methode nutzen kannst.<\/p>\n<p>Die kostenlose <strong>Modal Popup-Funktion<\/strong> hat sich jedoch in ein Premium <strong>Lightbox- und Modal-Element<\/strong> verwandelt. Es kann nicht mehr kostenlos genutzt werden. Deshalb musst du auf Elementor Pro upgraden oder f\u00fcr eines der Premium-Plugins von Elementor bezahlen, die wir sp\u00e4ter in diesem Beitrag vorstellen.<\/p>\n<h2>So erstellst du ein Popup mit Elementor Pro (in 5 einfachen Schritten)<\/h2>\n<p>Elementor Pro verf\u00fcgt \u00fcber eine eingebaute Popup-Funktion, die wir in diesem Tutorial verwenden werden. Zuerst musst du <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor Pro<\/a> kaufen und aktivieren. Dann kannst du in deinem WordPress-Dashboard mit der Erstellung von Popups beginnen.<\/p>\n<h3>Schritt 1: Erstelle dein Popup<\/h3>\n<p>Beginne damit, dass du in deinem WordPress-Dashboard zu <strong>Elementor &gt; Templates &gt; Popups <\/strong>navigierst. Klicke dann auf <strong>NEUES POPUP ERSTELLEN<\/strong>, um ein neues zu erstellen:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/add-new-popup.png\" alt=\"F\u00fcge ein neues Popup in deinen Vorlagen hinzu\" width=\"1600\" height=\"663\"><figcaption class=\"wp-caption-text\">Gehe zu &#8222;Templates&#8220; und dann auf &#8222;Add New Popup&#8220;<\/figcaption><\/figure>\n<p>Du wirst dann aufgefordert, deine Vorlage zu benennen. Wenn du dich f\u00fcr einen Namen entschieden hast, w\u00e4hle <strong>TEMPLATE ERSTELLEN<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-template.png\" alt=\"Benenne deine Popup-Vorlage und klicke auf \"Erstellen\"\" width=\"1500\" height=\"720\"><figcaption class=\"wp-caption-text\">Benenne deine Popup-Vorlage und klicke auf &#8222;Erstellen&#8220;<\/figcaption><\/figure>\n<p>Dadurch wird der Elementor Page Builder gestartet. Du kannst nun aus den vorhandenen Popup-Vorlagen w\u00e4hlen oder deine eigene Vorlage erstellen. In unserem Beispiel haben wir eine der vorhandenen Vorlagen zum Bearbeiten ausgew\u00e4hlt:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/full-page-popup.png\" alt=\"W\u00e4hle aus den vorhandenen Popup-Designs oder erstelle eines von Grund auf\" width=\"1600\" height=\"709\"><figcaption class=\"wp-caption-text\">W\u00e4hle aus den vorhandenen Popup-Designs oder erstelle eines von Grund auf<\/figcaption><\/figure>\n<p>Du kannst jetzt mit den Designeinstellungen spielen, um dein Popup anzupassen. Du kannst zum Beispiel das Layout, die Ausrichtung, die Hintergrundbilder und die Farben \u00e4ndern.<\/p>\n<h3>Schritt 2: W\u00e4hle deine Anzeigebedingungen<\/h3>\n<p>Wenn du mit deinem Design zufrieden bist, klicke auf den nach oben zeigenden Pfeil neben <strong>VER\u00d6FFENTLICHEN<\/strong>. W\u00e4hle dann im erscheinenden Men\u00fc die <strong>Anzeigebedingungen <\/strong>aus:<\/p>\n<figure style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-publish-settings.png\" alt=\"W\u00e4hle deine Anzeigebedingungen\" width=\"1287\" height=\"889\"><figcaption class=\"wp-caption-text\">W\u00e4hle deine Anzeigebedingungen<\/figcaption><\/figure>\n<p>Klicke als N\u00e4chstes auf <strong>BEDINGUNG HINZUF\u00dcGEN <\/strong>, um auszuw\u00e4hlen, wo dein Elementor-Popup auf deiner Webseite angezeigt werden soll. Du kannst dann einen Ort aus den folgenden Optionen ausw\u00e4hlen: <strong>Gesamte Webseite<\/strong>, <strong>Archiv<\/strong>, <strong>Einzelnes<\/strong> oder <strong>WooCommerce<\/strong>:<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-display-settings.png\" alt=\"W\u00e4hle aus, wo das Popup angezeigt werden soll\" width=\"1486\" height=\"898\"><figcaption class=\"wp-caption-text\">W\u00e4hle aus, wo das Popup angezeigt werden soll<\/figcaption><\/figure>\n<p>Wenn du mit deiner Wahl zufrieden bist, klicke auf <strong>WEITER<\/strong>. Du gelangst nun zu den <strong>Ausl\u00f6sern<\/strong> f\u00fcr dein Popup-Formular.<\/p>\n<h3>Schritt 3: Richte deine Popup-Ausl\u00f6ser ein<\/h3>\n<p>Auf der Seite <strong>Ausl\u00f6ser<\/strong> kannst du festlegen, was die Nutzer tun m\u00fcssen, um dein Elementor-Popup zu sehen. Standardm\u00e4\u00dfig ist jede Option deaktiviert. Du kannst sie aktivieren, indem du auf den Schieberegler klickst. Dann musst du Werte f\u00fcr deinen Trigger festlegen.<\/p>\n<p>Wenn du dich zum Beispiel f\u00fcr <strong>On Page Load (Beim Laden der Seite)<\/strong> entscheidest, musst du angeben, innerhalb wie vieler Sekunden dein Popup angezeigt werden soll:<\/p>\n<figure style=\"width: 1474px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-page-load.png\" alt=\"W\u00e4hle die gew\u00fcnschten Popup-Trigger\" width=\"1474\" height=\"454\"><figcaption class=\"wp-caption-text\">W\u00e4hle die gew\u00fcnschten Popup-Trigger<\/figcaption><\/figure>\n<p>Mit <strong>On Scroll<\/strong> kannst du w\u00e4hlen, in welche Richtung der Nutzer scrollen muss und wie viel der Seite er abdecken muss, bevor das Popup erscheint:<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-scroll.png\" alt=\"Page-Scroll-Trigger\" width=\"1476\" height=\"433\"><figcaption class=\"wp-caption-text\">Page-Scroll-Trigger<\/figcaption><\/figure>\n<p>F\u00fcr die Einstellung <strong>On Scroll To Element<\/strong> musst du eine CSS-ID eingeben. Wenn ein Nutzer dieses Element auf deiner Seite erreicht, wird das Popup angezeigt:<\/p>\n<figure style=\"width: 1482px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-scroll-to-element.png\" alt=\"Scroll-To-Element-Trigger\" width=\"1482\" height=\"448\"><figcaption class=\"wp-caption-text\">Scroll-To-Element-Trigger<\/figcaption><\/figure>\n<p>Bei<strong> On Click<\/strong> musst du festlegen, wie oft ein Nutzer auf deiner Webseite klicken muss, bevor das Popup angezeigt wird:<\/p>\n<figure style=\"width: 1482px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-click.png\" alt=\"Optionen f\u00fcr Erweiterte Regeln\" width=\"1482\" height=\"325\"><figcaption class=\"wp-caption-text\">Weitere Triggeroptionen unter Erweiterte Regeln<\/figcaption><\/figure>\n<p>Die Einstellung<strong> Nach Inaktivit\u00e4t <\/strong>erm\u00f6glicht es dir, dein Popup auszul\u00f6sen, nachdem der\/die Nutzer\/in eine bestimmte Zeit lang nicht auf deiner Seite war:<\/p>\n<figure style=\"width: 1483px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-after-inactivity.png\" alt=\"Inaktivit\u00e4ts-Trigger\" width=\"1483\" height=\"328\"><figcaption class=\"wp-caption-text\">Inaktivit\u00e4ts-Trigger<\/figcaption><\/figure>\n<p>Schlie\u00dflich kannst du noch die Option <strong>On Page Exit Intent<\/strong> aktivieren. Mit dieser Einstellung wird dein Popup ausgel\u00f6st, wenn ein\/e Nutzer\/in versucht, deine Seite zu verlassen:<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-exit-intent.png\" alt=\"On-Page-Exit-Intent-Trigger\" width=\"1486\" height=\"336\"><figcaption class=\"wp-caption-text\">On-Page-Exit-Intent-Trigger<\/figcaption><\/figure>\n<p>Wenn du fertig bist, klicke auf <strong>SPEICHERN &#038; SCHLIESSEN <\/strong>oder <strong>WEITER<\/strong>, um zu den <strong>erweiterten Regeln<\/strong> zu gelangen. Wir werden uns diese Regeln etwas sp\u00e4ter in diesem Tutorial ansehen.<\/p>\n<h3>Schritt 4: F\u00fcge einen Popup-Button zu deiner Seite hinzu (optional)<\/h3>\n<p>Vielleicht m\u00f6chtest du dein Elementor-Popup ausl\u00f6sen, wenn ein Nutzer auf ein bestimmtes Element auf deiner Seite klickt. Du k\u00f6nntest zum Beispiel einen Button mit der Aufschrift &#8222;Jetzt anmelden&#8220; entwerfen und ihn in deine Fu\u00dfzeile einbetten. Wenn ein Nutzer auf die Schaltfl\u00e4che klickt, wird er dein <a href=\"https:\/\/kinsta.com\/de\/blog\/e-mail-und-hosting-getrennt-halten\/\">E-Mail-Anmeldeformular<\/a> auf seinem Bildschirm sehen.<\/p>\n<p>Zuerst musst du einen Elementor-Button auf deiner Webseite erstellen. \u00d6ffne den Beitrag oder die Seite im Elementor-Editor und w\u00e4hle den <strong>Button<\/strong> aus dem Men\u00fc. Ziehe ihn per Drag &#038; Drop auf deine Seite:<\/p>\n<figure style=\"width: 1014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-button.png\" alt=\"W\u00e4hle die Option \"Button\" aus dem Men\u00fc\" width=\"1014\" height=\"894\"><figcaption class=\"wp-caption-text\">W\u00e4hle die Option &#8222;Button&#8220; aus dem Men\u00fc<\/figcaption><\/figure>\n<p>Wenn du den Text der Schaltfl\u00e4che festgelegt und ihr Aussehen angepasst hast, klicke auf <strong>Link &gt; Dynamische Tags<\/strong>. W\u00e4hle dann <strong>Aktionen &gt; Popup<\/strong> aus dem Dropdown-Men\u00fc:<\/p>\n<figure style=\"width: 1273px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-button.png\" alt=\"W\u00e4hle die Popup-Aktion f\u00fcr die Schaltfl\u00e4che\" width=\"1273\" height=\"652\"><figcaption class=\"wp-caption-text\">W\u00e4hle die Popup-Aktion f\u00fcr die Schaltfl\u00e4che<\/figcaption><\/figure>\n<p>Klicke auf <strong>Popup <\/strong>und w\u00e4hle <strong>Popup \u00f6ffnen<\/strong> aus dem Dropdown-Men\u00fc <strong>Aktion <\/strong>. Du kannst auch dein Formular aus dem <strong>Popup-Men\u00fc <\/strong>ausw\u00e4hlen:<\/p>\n<figure style=\"width: 1270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/open-popup.png\" alt=\"W\u00e4hle die Popup-Dropdown-Option\" width=\"1270\" height=\"712\"><figcaption class=\"wp-caption-text\">W\u00e4hle die Popup-Dropdown-Option<\/figcaption><\/figure>\n<p>W\u00e4hle schlie\u00dflich <strong>UPDATE<\/strong>, um deinen Button zu ver\u00f6ffentlichen. Wenn ein Nutzer darauf klickt, wird er zu deinem Anmeldeformular weitergeleitet.<\/p>\n<h3>Schritt 5: Speichere deine Popup-Vorlagen f\u00fcr sp\u00e4ter<\/h3>\n<p>Du kannst deine Popups auch als Vorlagen speichern. \u00d6ffne dein Popup mit dem Elementor-Editor und klicke auf den Pfeil nach oben neben <strong>UPDATE<\/strong>. W\u00e4hle im Men\u00fc <strong>Als Vorlage speichern<\/strong> aus:<\/p>\n<figure style=\"width: 1054px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-template-save.png\" alt=\"Speichere dein Popup als Vorlage\" width=\"1054\" height=\"897\"><figcaption class=\"wp-caption-text\">Speichere dein Popup als Vorlage<\/figcaption><\/figure>\n<p>Du wirst dann aufgefordert, deine Vorlage zu benennen. Wenn du damit fertig bist, klicke auf <strong>SPEICHERN<\/strong>:<\/p>\n<figure style=\"width: 1498px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/save-popup.png\" alt=\"Gib der Popup-Vorlage einen Namen und klicke auf \"Speichern\"\" width=\"1498\" height=\"853\"><figcaption class=\"wp-caption-text\">Gib der Popup-Vorlage einen Namen und klicke auf &#8222;Speichern&#8220;<\/figcaption><\/figure>\n<p>Die Popup-Vorlage wird in deiner Vorlagenbibliothek gespeichert. Du kannst es jetzt verwenden, wenn du eine Seite oder einen Beitrag mit Vorlagen erstellst.<\/p>\n<h2>So konfigurierst du erweiterte Elementor Popup-Einstellungen<\/h2>\n<p>Wir haben bereits beschrieben, wie du ein einfaches Elementor-Popup erstellst. Es gibt jedoch auch einige erweiterte Einstellungen, die du vielleicht verwenden m\u00f6chtest.<\/p>\n<p>\u00d6ffne dein Popup erneut mit dem Elementor-Editor und navigiere zu den <strong>Anzeigeregeln<\/strong>. Schauen wir uns die verschiedenen Einstellungen an.<\/p>\n<h3>Popup-Anzeigeeinstellungen<\/h3>\n<p>Mit einigen erweiterten Popup-Anzeigeeinstellungen kannst du steuern, wann die Nutzer dein Formular sehen. Diese Konfigurationen k\u00f6nnen n\u00fctzlich sein, um wiederkehrende Besucher anzusprechen und nicht die, die zum ersten Mal kommen.<\/p>\n<p>Du kannst zum Beispiel festlegen, dass dein Popup erst dann angezeigt wird, wenn dein Besucher deine Seite eine bestimmte Anzahl von Malen besucht hat:<\/p>\n<figure style=\"width: 1479px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-after-page-views.png\" alt=\"Weitere erweiterte Einstellungen und Bedingungen\" width=\"1479\" height=\"444\"><figcaption class=\"wp-caption-text\">Weitere erweiterte Einstellungen und Bedingungen<\/figcaption><\/figure>\n<p>Alternativ kannst du auch <strong>Nach X Sitzungen anzeigen<\/strong>\u00a0w\u00e4hlen. Diese Einstellung zielt auf die Gesamtbesuche und nicht auf bestimmte Seiten ab:<\/p>\n<figure style=\"width: 1483px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-after-sessions.png\" alt=\"Popup nach einer bestimmten Anzahl von Sitzungen anzeigen\" width=\"1483\" height=\"444\"><figcaption class=\"wp-caption-text\">Popup nach einer bestimmten Anzahl von Sitzungen anzeigen<\/figcaption><\/figure>\n<p>Mit der Einstellung <strong>Bis zu X-mal anzeigen<\/strong> kannst du festlegen, wie oft die Nutzer dein Popup sehen. Du solltest diese Einstellung aktivieren, wenn du deine Besucher nicht st\u00e4ndig mit aufdringlichen Formularen \u00fcberh\u00e4ufen willst:<\/p>\n<figure style=\"width: 1474px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-x-times.png\" alt=\"W\u00e4hle aus, wie oft die Nutzer dein Popup sehen sollen\" width=\"1474\" height=\"454\"><figcaption class=\"wp-caption-text\">W\u00e4hle aus, wie oft die Nutzer dein Popup sehen sollen<\/figcaption><\/figure>\n<p>Du kannst auch die Einstellungen <strong>Auf Ger\u00e4ten anzeigen<\/strong> und <strong>Auf Browsern anzeigen<\/strong> verwenden, um einzuschr\u00e4nken, wo dein Popup erscheinen soll. Popups k\u00f6nnen auf <a href=\"https:\/\/kinsta.com\/de\/blog\/google-mobile-first-index\/\">mobilen Ger\u00e4ten<\/a> besonders aufdringlich sein, deshalb solltest du sie dort deaktivieren:<\/p>\n<figure style=\"width: 1480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-devices-browsers.png\" alt=\"Du kannst die Option \"Auf Ger\u00e4ten anzeigen\" w\u00e4hlen\" width=\"1480\" height=\"298\"><figcaption class=\"wp-caption-text\">Du kannst die Option &#8222;Auf Ger\u00e4ten anzeigen&#8220; w\u00e4hlen<\/figcaption><\/figure>\n<p>Ein besseres mobiles Nutzererlebnis kann deine Besucher zufrieden stellen. Au\u00dferdem kann es deine Bem\u00fchungen zur <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-seo\/\">Suchmaschinenoptimierung (SEO)<\/a> unterst\u00fctzen und dazu beitragen, dass deine Webseite in den Suchergebnissen besser platziert wird.<\/p>\n<h3>Einstellungen zur Benutzerherkunft<\/h3>\n<p>Schlie\u00dflich kannst du mit Elementor die Einstellungen f\u00fcr die Anzeige von Popups konfigurieren, je nachdem, woher deine Nutzer kommen. Diese Einstellungen k\u00f6nnen n\u00fctzlich sein, wenn du Besucher auf eine Aktionsseite leitest und dein Popup dann f\u00fcr die Werbung von Angeboten oder die Abfrage von Kontaktdaten nutzt.<\/p>\n<p>Mit den folgenden Einstellungen kannst du URLs angeben und ausw\u00e4hlen, welche Links die Popups ausl\u00f6sen sollen:<\/p>\n<figure style=\"width: 1480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-arriving-from-rules.png\" alt=\"Benutzern anzeigen, die von einem bestimmten Ort kommen\" width=\"1480\" height=\"216\"><figcaption class=\"wp-caption-text\">Benutzern anzeigen, die von einem bestimmten Ort kommen<\/figcaption><\/figure>\n<p>Schlie\u00dflich kannst du festlegen, dass Popups vor angemeldeten Nutzern verborgen werden. Diese Einstellung kannst du nutzen, wenn du eine <a href=\"https:\/\/kinsta.com\/de\/blog\/eine-website-fuer-mitglieder-erstellen\/\">Webseite mit kostenpflichtiger Mitgliedschaft<\/a> betreibst:<\/p>\n<figure style=\"width: 1401px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-hide-logged-in-users.png\" alt=\"Popups f\u00fcr eingeloggte Nutzer ausblenden\" width=\"1401\" height=\"213\"><figcaption class=\"wp-caption-text\">Popups f\u00fcr eingeloggte Nutzer ausblenden<\/figcaption><\/figure>\n<p>Wenn du mit all deinen Einstellungen zufrieden bist, klicke auf <strong>SPEICHERN &#038; SCHLIESSEN<\/strong>. Du kannst hierher zur\u00fcckkehren und die Einstellungen bei Bedarf \u00e4ndern.<\/p>\n<h2>Die 3 besten Plugins f\u00fcr Elementor Popups<\/h2>\n<p>Wie wir gesehen haben, ist es mit Elementor Pro ganz einfach, Popups f\u00fcr deine Webseite zu erstellen. Vielleicht bist du aber noch nicht bereit f\u00fcr ein Upgrade auf den Premium Page Builder. Oder du bist auf der Suche nach zus\u00e4tzlichen Designfunktionen.<\/p>\n<p>Hier sind ein paar der besten Plugins f\u00fcr Elementor Popups, die diese Aspekte ber\u00fccksichtigen.<\/p>\n<h3>1. JetPopUp (Crocoblock)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/jetpopup.png\" alt=\"JetPopUp (Crocoblock) Plugin\" width=\"1600\" height=\"621\"><figcaption class=\"wp-caption-text\">JetPopUp (Crocoblock)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\" target=\"_blank\" rel=\"noopener noreferrer\">JetPopUp<\/a> ist ein benutzerfreundliches Plugin mit einer Drag-and-Drop-Oberfl\u00e4che, das sich perfekt in Elementor integriert. Es erm\u00f6glicht dir, dynamische und individuelle Popup-Formulare zu erstellen, z. B. E-Mail-Anmeldungen, Cookie-Zustimmungsformulare und Countdowns.<\/p>\n<p>JetPopUp gl\u00e4nzt mit seinen interaktiven Funktionen. Du kannst zwischen verschiedenen Animationseinstellungen w\u00e4hlen, z. B. Schieben, Kippen und Drehen. Au\u00dferdem verf\u00fcgt das Plugin \u00fcber verschiedene Vorlagen, die du an deine Bed\u00fcrfnisse anpassen kannst.<\/p>\n<p>Mit diesem Plugin kannst du auch verschiedene Anzeigeeinstellungen ausw\u00e4hlen und anpassen. Du kannst deine JetPopUp-Formulare zum Beispiel zu bestimmten Zeitpunkten anzeigen lassen, wenn sie versuchen, deine Webseite zu verlassen, oder nach einer bestimmten Anzahl von Scrollvorg\u00e4ngen.<\/p>\n<p><strong>Funktionen:<\/strong><\/p>\n<ul>\n<li>W\u00e4hle aus voreingestellten Popup-Vorlagen<\/li>\n<li>W\u00e4hle verschiedene Popup-Anzeigebedingungen<\/li>\n<li>Bestimmte Bedingungen ein- und ausschlie\u00dfen<\/li>\n<li>Animationseffekte verwenden<\/li>\n<\/ul>\n<p><strong>Preise: <\/strong>JetPopUp kostet <a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\" target=\"_blank\" rel=\"noopener noreferrer\">$22 pro Jahr<\/a>. Dieses Paket beinhaltet die MailChimp-Integration, ein Popup-Widget und den Kundensupport. Du kannst auch auf ein All-inclusive-Abonnement f\u00fcr 130 $ pro Jahr upgraden. Es enth\u00e4lt 20 zus\u00e4tzliche Plugins und 150 zus\u00e4tzliche Widgets.<\/p>\n<h3>2. Popup Box Widget (PowerPack)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-box-widget.png\" alt=\"Popup Box Widget (PowerPack) Plugin\" width=\"1600\" height=\"446\"><figcaption class=\"wp-caption-text\">Popup Box Widget (PowerPack)<\/figcaption><\/figure>\n<p>Wenn du auf der Suche nach fortgeschrittenen Popup-Einstellungen f\u00fcr Elementor bist, solltest du das <a href=\"https:\/\/powerpackelements.com\/elementor-widgets\/popup-box\/\" target=\"_blank\" rel=\"noopener noreferrer\">Popup Box Widget<\/a> von PowerPack verwenden. Damit kannst du benutzerdefinierte Popups erstellen, die dynamische Elemente wie Videos, Bilder und Google Maps enthalten.<\/p>\n<p>Mit diesem Plugin kannst du Popups in Abh\u00e4ngigkeit von verschiedenen Nutzeraktionen ausl\u00f6sen, z. B. der Absicht, die Seite zu verlassen, und benutzerdefinierten Zeitverz\u00f6gerungen. Du kannst auch interaktive zweistufige Popups mit Links und anderen Call-to-Action-Elementen (CTA) erstellen.<\/p>\n<p>Au\u00dferdem verf\u00fcgt das Popup Box Widget \u00fcber erweiterte Animationseinstellungen. Du kannst deine Popups zoomen lassen, Zeitungsformatierungen verwenden oder 3D-Animationen einsetzen.<\/p>\n<p><strong>Funktionen:<\/strong><\/p>\n<ul>\n<li>W\u00e4hle aus Animationseffekten<\/li>\n<li>Zweistufige Popups erstellen<\/li>\n<li>Verwende Zeitverz\u00f6gerungen und Benutzerausl\u00f6ser<\/li>\n<li>Zeige Bilder, Videos und andere interaktive Elemente an<\/li>\n<\/ul>\n<p><strong>Preise: <\/strong>Das Popup Box Widget ist in einem <a href=\"https:\/\/powerpackelements.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">PowerPack-Abonnement<\/a> enthalten. Die Abonnements beginnen bei 49 $ pro Jahr und beinhalten mehr als 70 verschiedene Elementor-Widgets.<\/p>\n<h3>3. Lightbox &#038; Modal (Wesentliche Addons f\u00fcr Elementor)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/lightbox-modal.png\" alt=\"Lightbox &#038; Modal (Essential Addons for Elementor) Plugin\" width=\"1600\" height=\"508\"><figcaption class=\"wp-caption-text\">Lightbox &#038; Modal (Essential Addons for Elementor)<\/figcaption><\/figure>\n<p>Wir haben dieses Elementor Popup-Plugin bereits kurz erw\u00e4hnt. <a href=\"https:\/\/essential-addons.com\/elementor\/lightbox-modal\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lightbox &#038; Modal<\/a> ist ein vielseitiges Widget mit dem Essential Addons for Elementor Tool. Es hilft dir, Popups mit interaktiven Funktionen wie Videos, Bildern und Animationen zu erstellen.<\/p>\n<p>Lightbox &#038; Modal ist so konzipiert, dass es mit Schaltfl\u00e4chen und Links auf deiner Elementor-Webseite funktioniert. Du kannst benutzerdefinierte Schaltfl\u00e4chen, Icons und Texte erstellen, die deine Popup-Formulare ausl\u00f6sen. Au\u00dferdem kann das Widget Zeitverz\u00f6gerungen und andere Benutzeraktionen nutzen.<\/p>\n<p>Insgesamt k\u00f6nnte Lightbox &#038; Modal die beste Option sein, um mit deinen Nutzern zu interagieren, anstatt nur Informationen zu pr\u00e4sentieren.<\/p>\n<p><strong>Funktionen:<\/strong><\/p>\n<ul>\n<li>Verwende Button-Trigger f\u00fcr Popups<\/li>\n<li>Zeige Bilder, Videos und benutzerdefinierte Inhalte an<\/li>\n<li>Popup-Layouts anpassen<\/li>\n<li>W\u00e4hle zwischen verschiedenen Animationstypen<\/li>\n<\/ul>\n<p><strong>Preise: <\/strong>Lightbox &#038; Modal ist in den Essential Addons f\u00fcr Elementor Pro enthalten. Die Tarife beginnen bei 39,97 $ pro Jahr und beinhalten mehr als 70 Widgets und sieben Erweiterungen.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Popup-Formulare k\u00f6nnen f\u00fcr deine Lead-Generierung und Marketing-Kampagnen unerl\u00e4sslich sein. Sie k\u00f6nnen dir auch helfen, mit deinen Besuchern zu interagieren und sie auf deiner Seite zu halten. Zum Gl\u00fcck kannst du mit dem Elementor Page Builder eigene Popups erstellen.<\/p>\n<p>Mit <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor Pro<\/a> ist es super einfach, Popups zu erstellen. Du kannst sie an dein Branding anpassen und entscheiden, wo sie auf deiner Seite angezeigt werden. Du kannst auch erweiterte Anzeigeeinstellungen vornehmen, um dein Popup je nach Benutzeraktion und Herkunft anzuzeigen.<\/p>\n<p>Die Gestaltung einer sch\u00f6nen Website mit Elementor ist nur der erste Schritt. Du musst auch einen <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Anwendungs-Hosting<\/a>-, <a href=\"https:\/\/sevalla.com\/database-hosting\/\">Datenbank-Hosting<\/a>&#8211; und <a href=\"https:\/\/kinsta.com\/de\/wordpress-hosting\/\">Managed WordPress Hosting<\/a>-Anbieter an deiner Seite haben.<\/p>\n<p>Sieh dir noch heute unsere Pl\u00e4ne an und finde heraus, wie Kinsta deine Seite aufladen kann!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Popup-Formulare k\u00f6nnen wichtige Marketinginstrumente sein, mit denen du E-Mail-Adressen erfassen, Verk\u00e4ufe f\u00f6rdern und vieles mehr machen kannst. Allerdings ist es nicht immer ganz einfach, attraktive und &#8230;<\/p>\n","protected":false},"author":199,"featured_media":51261,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[434,676],"topic":[999],"class_list":["post-51260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-elementor","tag-page-builder","topic-wordpress-entwicklung"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)<\/title>\n<meta name=\"description\" content=\"Elementor macht es einfach, Popups zu gestalten und anzuzeigen. Hier erf\u00e4hrst du alles, was du \u00fcber die Erstellung eines Elementor-Popups wissen musst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)\" \/>\n<meta property=\"og:description\" content=\"Elementor macht es einfach, Popups zu gestalten und anzuzeigen. Hier erf\u00e4hrst du alles, was du \u00fcber die Erstellung eines Elementor-Popups wissen musst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-13T06:44:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T14:58:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Elementor macht es einfach, Popups zu gestalten und anzuzeigen. Hier erf\u00e4hrst du alles, was du \u00fcber die Erstellung eines Elementor-Popups wissen musst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"17\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)\",\"datePublished\":\"2022-06-13T06:44:33+00:00\",\"dateModified\":\"2023-08-23T14:58:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/\"},\"wordCount\":2675,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg\",\"keywords\":[\"Elementor\",\"page builder\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/\",\"name\":\"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg\",\"datePublished\":\"2022-06-13T06:44:33+00:00\",\"dateModified\":\"2023-08-23T14:58:26+00:00\",\"description\":\"Elementor macht es einfach, Popups zu gestalten und anzuzeigen. Hier erf\u00e4hrst du alles, was du \u00fcber die Erstellung eines Elementor-Popups wissen musst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Entwicklung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)","description":"Elementor macht es einfach, Popups zu gestalten und anzuzeigen. Hier erf\u00e4hrst du alles, was du \u00fcber die Erstellung eines Elementor-Popups wissen musst.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/","og_locale":"de_DE","og_type":"article","og_title":"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)","og_description":"Elementor macht es einfach, Popups zu gestalten und anzuzeigen. Hier erf\u00e4hrst du alles, was du \u00fcber die Erstellung eines Elementor-Popups wissen musst.","og_url":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2022-06-13T06:44:33+00:00","article_modified_time":"2023-08-23T14:58:26+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Elementor macht es einfach, Popups zu gestalten und anzuzeigen. Hier erf\u00e4hrst du alles, was du \u00fcber die Erstellung eines Elementor-Popups wissen musst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Jeremy Holcombe","Gesch\u00e4tzte Lesezeit":"17\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)","datePublished":"2022-06-13T06:44:33+00:00","dateModified":"2023-08-23T14:58:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/"},"wordCount":2675,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg","keywords":["Elementor","page builder"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/","url":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/","name":"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg","datePublished":"2022-06-13T06:44:33+00:00","dateModified":"2023-08-23T14:58:26+00:00","description":"Elementor macht es einfach, Popups zu gestalten und anzuzeigen. Hier erf\u00e4hrst du alles, was du \u00fcber die Erstellung eines Elementor-Popups wissen musst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/elementor-popup\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/06\/elementor-popup.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/elementor-popup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Entwicklung","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/"},{"@type":"ListItem","position":3,"name":"Ein kompletter Leitfaden zu Elementor Popups (und wie man sie erstellt)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/51260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=51260"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/51260\/revisions"}],"predecessor-version":[{"id":57660,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/51260\/revisions\/57660"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/51260\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/51260\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/51260\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/51260\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/51260\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/51260\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/51260\/translations\/nl"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/51260\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/51261"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=51260"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=51260"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=51260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}