Plugin JetPopup For Elementor - 2.2.2

JetPopup ist ein WordPress-Plugin zum Erstellen von Popup-Fenstern per Drag & Drop — nativ in Elementor und Gutenberg, ganz ohne Programmierung. Es richtet sich an Ersteller, die mit Elementor arbeiten, an Nutzer des Crocoblock-Ökosystems und an WooCommerce-Shops, denen an Lead-Generation- und Promo-Popups im einheitlichen Stil der Website gelegen ist. Besonders macht es die Bibliothek an Presets sowie die Anzeigebedingungen und Auslöser, einschließlich Exit-Intent.

Funktionen und Möglichkeiten von JetPopup

JetPopup erstellt Popup-Fenster per Drag & Drop — mit denselben Widgets und Blöcken wie der Rest der Seite, nativ in Elementor (die kostenlose Version genügt) und ab Version 2.0.0 auch in Gutenberg. Im Lieferumfang sind über hundert fertige Presets, gut ein Dutzend Animationseffekte, mehrere Layouts für das Erscheinen des Fensters sowie der Export und Import von Popups im JSON-Format.

Popups in Elementor und Gutenberg erstellen

Das Popup entsteht aus den Standard-Widgets von Elementor. Layout und Stil werden also genauso gestaltet wie ein gewöhnlicher Seitenabschnitt — mit voller Kontrolle über die Containergröße, eine benutzerdefinierte Höhe, den z-Index-Wert, den Hintergrund, den Schließen-Button und das Overlay. Ab Version 2.0.0 steht diese gesamte Funktionalität auch im Block-Editor von WordPress zur Verfügung.

Beim Erstellen eines neuen Fensters wählt man den Builder — den Block-Editor oder die Bearbeitung in Elementor —, und die Spalte „Info” im Panel zeigt an, mit welchem Werkzeug das jeweilige Popup gebaut wurde. Der Block-Editor bietet den vollständigen Satz an Popup-Mechanismen, ohne dass Elementor installiert sein muss.

Bibliothek fertiger Presets

Die Preset Library enthält mehrere Dutzend fertige Layout-Vorlagen zur Bearbeitung — unter anderem Countdown, Rabatt, Sale, Subscribe, Contact us, Info Card, Yes/No, GDPR und Cookie Policy. Tutorials und Reviews von Crocoblock nennen über hundert fertige Popups in verschiedenen Kategorien: von Kontaktformularen bis zu Content-Lockern.

Jedes fertige Popup lässt sich in eine JSON-Datei exportieren und auf einer anderen Website importieren — über die Optionen „Export Popup” und „Import Popup” im Panel „All Popups”. Das verkürzt sich wiederholende Umsetzungen und überträgt bewährte Fenster zwischen Projekten.

Layouts, Animationen und Inhalte laden per AJAX

JetPopup stellt mehrere Layouts zur Verfügung, die bestimmen, wie das Fenster auf dem Bildschirm erscheint: Classic, Slide In, Bar, Bordering, Full View sowie Custom. Für das Ein- und Ausblenden des Fensters stehen gut ein Dutzend Animationseffekte zur Verfügung.

• Ein- und Ausblendanimationen — Fade, Zoom In/Out, Move Up, Bounce In/Out, Slide in vier Richtungen, Flip horizontal und vertikal sowie Rotate.
• Loading Content with Ajax — der Inhalt des Popups wird erst beim Öffnen nachgeladen, was das Laden der Seite selbst entlastet.
• Verhaltensschalter — Prevent Page Scrolling (blockiert das Scrollen der Seite unter dem Fenster), Show Once (einmal pro Sitzung anzeigen), Use Overlay und Close On Overlay Click.

Anzeigesteuerung: Auslöseereignisse und Bedingungen

JetPopup steuert den Zeitpunkt der Popup-Anzeige über Auslöseereignisse: beim Öffnen der Seite, bei einem Verlassungsversuch (Exit-Intent), nach dem Scrollen, nach einer Zeit der Inaktivität, zu einem festgelegten Datum sowie nach der Interaktion mit einem bestimmten Widget. Das System der Visibility Conditions im Modus Include/Exclude entscheidet, auf welchen Seiten und wem das Popup angezeigt wird — mit Targeting nach Gerät, Benutzerrolle und URL-Parameter.

Auslöseereignisse für Popups und an Elemente gebundene Trigger

Das Open Event wird für jedes Popup separat festgelegt. Verfügbare Öffnungsereignisse sind on page open (beim Eintreffen), exit-intent bei einem Versuch, die Seite zu verlassen, page progress scrolling nach dem Scrollen bis zu einem bestimmten Punkt, user inactive time nach einer Zeit der Inaktivität sowie das Öffnen zu einem festgelegten Datum und einer festgelegten Uhrzeit (schedule date and time open event, hinzugefügt in Version 2.0.10).

Der zweite Mechanismus sind an Elemente gebundene Trigger (Attached Popup) — sie öffnen das Fenster nach der Interaktion mit einem bestimmten Widget oder Block. In Elementor umfassen sie Click On Button, Click On Widget, Click on Container (Klick auf die gesamte Kachel im Listing-Grid), Custom Selector Click über eine eigene CSS-Klasse oder ID, Hover sowie Scroll To Widget. In Gutenberg stehen Click, Custom Selector Click, Hover und Scroll To Block zur Verfügung.

Anzeigebedingungen (Include / Exclude)

Visibility Conditions arbeitet in zwei Modi. Include zeigt das Popup an den gewählten Orten an, Exclude schließt es dort aus — und die Regeln lassen sich kombinieren und mehrfach hinzufügen. Quelle der Bedingung ist einer von mehreren Typen: Entire (gesamte Website), Singular (ein bestimmter Beitrag, eine Seite oder ein Inhaltstyp), Archive (Archive, zum Beispiel Beiträge aus einer Kategorie), Advanced, WooCommerce sowie JetEngine.

Die WooCommerce-Bedingung umfasst das Produktarchiv, ein einzelnes Produkt und die Shop-Seiten und funktioniert nach der Aktivierung von WooCommerce. Die JetEngine-Bedingung nutzt Custom Query in den Varianten Query Has Items und Query Has No Items — so lässt sich bei leeren Abfrageergebnissen ein anderes Fenster anzeigen als bei nicht leeren.

Targeting nach Gerät, Rolle und URL-Parameter

Der Modus Advanced schränkt die Anzeige des Popups auf ein Gerät, eine Benutzerrolle oder einen URL-Parameter ein. Das Fenster erscheint dann nur auf Mobilgeräten oder nur auf dem Desktop, ausschließlich für ausgewählte WordPress-Rollen (zum Beispiel Gäste, Administratoren oder Redakteure). Und die Bedingung nach URL-Parameter löst das Popup aus, wenn der Besucher eine bestimmte Suchanfrage eingibt.

Praktische Einsatzmöglichkeiten von JetPopup

JetPopup bewährt sich beim Sammeln von Newsletter-Anmeldungen mit Exit-Intent-Trigger, bei Promo- und Rabatt-Popups im WooCommerce-Shop, bei Cookie-Bannern und DSGVO-Einwilligungen sowie bei der Produkt-Schnellansicht, die durch einen Klick auf ein Listing-Element ausgelöst wird. Dynamische, mit JetEngine-Daten gespeiste Popups erlauben es, ein einziges Fenster zu bauen, das für jedes Element des Katalogs funktioniert.

Lead-Generation und Newsletter-Anmeldung (Exit-Intent)

Zum Sammeln von E-Mail-Adressen wird ein Popup mit Formular gebaut — zum Beispiel mit dem integrierten MailChimp-Widget — und der Exit-Intent-Trigger eingestellt. Das Fenster erscheint erst dann, wenn der Besucher die Seite verlassen möchte. Die Option Show Once begrenzt die Anzeige auf einmal pro Sitzung, sodass Stammleser es nicht immer wieder zu sehen bekommen.

Promotionen, Rabatte und Cookie-/DSGVO-Banner

Für Sale-Aktionen eignet sich das Preset Discount oder Countdown — mit einer Öffnung zu einem festgelegten Datum und einer Uhrzeit sowie der WooCommerce-Bedingung, die das Fenster zum Beispiel auf das Produktarchiv einschränkt. Den Cookie-Banner und die DSGVO-Einwilligung übernimmt das Preset Cookie Policy oder GDPR im Layout Bar, mit der Bedingung Entire Site und der Option Show Once, damit es nach der Zustimmung nicht wiederkehrt.

Produkt-Schnellansicht und datenbasierte bedingte Popups

Die Produkt-Schnellansicht aus dem Listing wird als dynamisches, mit JetEngine-Daten gespeistes Popup gebaut, ausgelöst durch den Trigger Click On Widget oder Click on Container auf einem Katalogelement — ein einziges Fenster zeigt die Daten des jeweiligen Produkts an, ohne dass die Seite neu geladen wird. Die datenbasierte bedingte Meldung nutzt die Regeln Query Has Items und Query Has No Items: Ein Popup wird angezeigt, wenn die Liste (zum Beispiel eine Wishlist aus dem JetEngine Data Store) Elemente enthält, ein anderes, wenn sie leer ist.

Integrationen von JetPopup mit dem Crocoblock-Ökosystem und externen Tools

JetPopup integriert sich nativ mit JetEngine (dynamische Popups aus Listings, ACF-Feldern, CPT-Inhaltstypen und SQL-Abfragen), mit JetWooBuilder und WooCommerce (Produkt-Schnellansicht, Kaufbenachrichtigungen, Shop-Bedingungen) sowie mit MailChimp über das integrierte Anmelde-Widget, das per API-Schlüssel konfiguriert wird. JetElements ergänzt das Innere des Popups um Inhalts-Widgets, und ab Version 2.0.7 ist das Plugin mit WPML kompatibel.

Dynamische Popups mit JetEngine

Im Zusammenspiel mit JetEngine wird das Popup mit dynamischen Daten gespeist: Beiträgen aus Listings, dem Inhalt der Options Page sowie Ergebnissen von SQL-Abfragen. Ein einziges Fenster funktioniert dann individuell für jedes Element des Katalogs — es zeigt die Daten genau des Datensatzes an, auf den der Besucher geklickt hat.

Hinweis zum Funktionsumfang: JetPopup selbst liefert die Mechanik und das Targeting des Popups, während die volle Dynamik der Inhalte (ACF-Felder, CPT-Inhaltstypen, Repeater, Query-Ergebnisse) ein aktives JetEngine erfordert. Es handelt sich um zwei zusammenarbeitende Plugins, nicht um eines.

WooCommerce, JetWooBuilder und MailChimp

In Verbindung mit JetWooBuilder und WooCommerce baut JetPopup eine durch den Klick auf ein Listing-Element ausgelöste Produkt-Schnellansicht sowie Kaufbenachrichtigungen, und die WooCommerce-Bedingungen lenken die Fenster auf Archive, Kategorien und einzelne Produkte. Das MailChimp-Widget übernimmt die Listen-Anmeldung über einen im Plugin-Panel hinterlegten API-Schlüssel und akzeptiert mehrfeldige Formulare.

JetElements stellt zusätzliche Inhalts-Widgets für das Innere des Popups bereit — Countdown, Formulare oder animierte Blöcke. Das Zusammenspiel mit JetSearch und JetSmartFilters funktioniert über die Bedingung nach URL-Parameter, wenn das Fenster auf eine Such- oder Filteranfrage reagieren soll.

Wann sich JetPopup lohnt

JetPopup bewährt sich am besten bei Website-Erstellern, die mit Elementor arbeiten und Popups im selben Tool wollen, bei Nutzern des Crocoblock-Ökosystems, die bereits JetEngine oder JetWooBuilder verwenden, sowie in konversionsorientierten WooCommerce-Shops. Agenturen, die mehrere Websites bauen, profitieren von den Presets und dem JSON-Export, und Gutenberg-Nutzer erhalten die volle Funktionalität ohne Elementor.

Elementor, das Crocoblock-Ökosystem und WooCommerce-Shops

Für wen sich JetPopup am besten eignet:

• Website-Ersteller mit Elementor, die Popups mit denselben Widgets wie den Rest der Website gestalten wollen, ohne stilistischen Bruch;
• Nutzer des Crocoblock-Ökosystems, die bereits JetEngine, JetElements oder JetWooBuilder verwenden — das Popup fügt sich in dasselbe Panel und dieselben Daten ein;
• WooCommerce-Shops und konversionsorientierte Seiten, denen an Shop-Bedingungen, Schnellansicht und Rabatt-Fenstern ohne externes SaaS gelegen ist;
• Agenturen und Freelancer, die mehrere Websites bauen — die Preset-Bibliothek und der JSON-Export beschleunigen sich wiederholende Umsetzungen;
• Gutenberg-Nutzer, die Popups im nativen Block-Editor wollen, ohne Elementor zu installieren.

Für wen JetPopup nicht die beste Wahl ist

JetPopup konzentriert sich auf das Erstellen und Targeting von Popups, nicht auf die Conversion-Optimierung, weshalb es nicht für jeden passt. Die folgenden Szenarien bedienen andere Tools besser.

• Marketer, die fortgeschrittenes A/B-Testing, umfangreiche Analytik und Verhaltenssegmentierung benötigen — das ist die Domäne spezialisierter Tools wie OptinMonster oder Thrive Leads;
• Websites, die vorwiegend auf Bricks oder Divi basieren — JetPopup gehört nicht zu den mit Bricks integrierten Jets und ist auch nicht Teil des Divi-Pakets, und ohne Elementor oder Gutenberg verliert seine visuelle Bearbeitung ihren Sinn;
• Nutzer, die nach einer vollständig kostenlosen Lösung suchen — JetPopup hat keine kostenlose Version auf wordpress.org, und für einfache Bedürfnisse reichen kostenlose Alternativen aus.

Technische Anforderungen und Kompatibilität

JetPopup benötigt PHP 8.1 oder neuer, ein SSL-Zertifikat sowie eine aktuelle WordPress-Version, und für die visuelle Bearbeitung Elementor (die kostenlose Version genügt — Elementor Pro ist nicht erforderlich) oder Gutenberg. Das Plugin ist offiziell mit gängigen Themes getestet, ab Version 2.0.7 mit WPML kompatibel, und die Popups bleiben auf Mobilgeräten responsiv.

Serverumgebung und Versionen

Die Umgebungsanforderungen gibt Crocoblock gesammelt für die gesamte JetPlugins-Familie an, und JetPopup läuft auf demselben Stack. Eine Mindestversion von WordPress legt der Hersteller für dieses Plugin nicht gesondert fest — am sichersten ist es, die aktuelle Version zu verwenden, zumal bei der Arbeit mit Elementor dessen eigene Anforderungen gelten.

Builder, Themes und Mehrsprachigkeit

Für die visuelle Bearbeitung benötigt JetPopup Elementor oder Gutenberg — in beiden funktioniert die vollständige Popup-Mechanik, und Elementor Pro bleibt überflüssig. Das Plugin gehört nicht zu den mit Bricks integrierten Jets und ist auch nicht Teil des Divi-Pakets, sodass diese beiden Builder das reale Einsatzumfeld bleiben.

Crocoblock testet JetPopup offiziell mit acht Themes: Astra, GeneratePress, Kadence, Blocksy, OceanWP sowie dem schlanken Hello Theme, das oft für die Kombination mit Elementor empfohlen wird. Die Mehrsprachigkeit unterstützt WPML ab Version 2.0.7, und eine separate Bedingung pro Gerät passt das Verhalten des Fensters an Desktop und Mobile an.

Häufig gestellte Fragen