Elementor Popup schließen nach dem Klick auf einen Link oder Button (Navigation One Pager)
Hier erfährst du, wie du ein Elementor Popup schließen kannst, nachdem der User einen Link oder einen Button auf dem Popup geklickt hat.
Für diesen Elementor Tipp nehmen wir Folgendes an:
Du hast ein Menü mit einem Elementor Popup erstellt. Nun möchtest du eine klassische Navigation für einen One Pager realisieren. Das bedeutet, du verlinkst die Buttons oder die Links auf dem Popup mit den entsprechenden Abschnitten auf der gleichen Seite und die Seite wird nach dem Klick nicht neu geladen. Weiterhin nehmen wir an, dass du diese Funktion bereits erfolgreich mit einer CSS ID und dem dazugehörigen #-Link umgesetzt hast. Wenn nicht, hilft dir eine kurze Google-Suche oder natürlich mein Elementor Kurs weiter.
Das Problem aber ist:
Nach dem Klick scrollt zwar die Seite zu dem richtigen Abschnitt aber das Popup verschwindet nicht – es bleibt weiterhin offen. Wie kannst du nun das Elementor Popup automatisch nach dem Klick schließen?
Vielen Dank an Steffen Wildt, dass er diesen Code hier auf dem WPC Blog gepostet hat.
Dafür fügst du einfach den folgenden Code in ein HTML Elementor Widget irgendwo auf deinem Popup ein. Hier ist der vollständige Code für ein Elementor Popup Menü bei einen One Pager Design:
<script>
document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
});
});
});
</script>
Für mehr Elementor Tipps besuche die Seite Elementor Tutorials oder hol dir meinen Elementor Praxis Kurs – Der Nr. 1 WordPress Page Builder.
7 Antworten
Hi, habe den Code reinkopiert.. mobil auch funktioniert, aber auf dem Desktop verschwindet dann mein ganzen pop up.. ich habe ein vertical popup drin.. kann mir jemand sagen warum das verschwindet?
Hallo Danjiel,
danke für den nützlichen Artikel! Was ist mit Usern, die mit Browsereinstellungen Popups blocken. Wird das Menü trotzdem funktionieren?
Wäre prima, wenn du da was zu sagen könntest.
LG Beate
Hallo Danijel,
wenn mein Kommentar hier nicht reinpasst, bitte löschen.
Ich habe folgendes Problem. Ich nutze das PopUp von Elementor, passt so weit auch alles. Mein Problem ist nur, dass wenn man das PopUp schließt, taucht es auf einer anderen Seite wieder auf. Das Schließen wird nicht gespeichert, also kein Cookie gesetzt. Wie kann man das einstellen, dass der User nur einmal das PopUp auf der ganzen Webseite nach dem Schließen sieht?
Grüße TImo
Hallo Timo,
wird das Popup über ein Button / Link getriggert oder hast du Conditions für das Popup eingestellt? Vielleicht kannst du die Conditions nochmal überprüfen, damit es nicht so eingestellt ist, dass es einmal pro Seitenaufruf geladen wird.
Schöne Grüße, Danijel
wird nach 50% der Seite geöffnet. Da finde ich leider nix. Wenn per Klick, wäre das ja kein Problem. Es muss also irgendwie gehen? Hast du eine Ahnung evtl. Screenshot wo man das einstellt?
Danke für deine Hilfe.
Dann liegt es wahrscheinlich an den „Advanced Rules“. Die Standard-Einstellung für das Erscheinen eines Popups ist 3-mal. Wenn du es hier auf „1-mal“ einstellst, sollte es passen.
Schöne Grüße, Danijel
Damit hats geklappt, vielen Dank!!