Elementor Popup Close Button Widget (Popup-Trigger)

Das X in der Ecke eines Popups ist das einzige Stück, das Sie nicht neu gestalten können Popup Trigger ist ein kostenloses Widget, das Ihren eigenen Close-Button in einem Popup hinzufügt, das mit dem erstellt wurde Master Addons Popup Builder. Schreiben Sie den Button-Text, wählen Sie ein Symbol, und wählen Sie, was der Klick bewirkt: Schließen Sie das Popup, schließen Sie es endgültig, oder senden Sie den Besucher zurück zur vorherigen Seite Es schließt Popups Es öffnet sie nicht.

Popup-Trigger-Schaltflächen-Widget in einem Master Addons-Popup schließen

So fügen Sie einer Elementorpopup eine Schließtaste hinzu

Sie benötigen Elementor und das kostenlose Plugin Master Addons, wenn Sie noch kein Popup erstellt haben, beginnen Sie mit So fügen Sie kostenlos ein Popup in Elementor hinzu.

  1. Gehe zu Master-Addons, Popups und öffnen Sie Ihr Popup in Elementor.
  2. Suchen nach Popup-auslöser Und ziehen Sie es in den Popup-Inhalt.
  3. Wählen Sie die Tastenaktion: Popup schließen, dauerhaft schließen oder zurück zum Referrer gehen.
  4. Für Close Popup, einstellen Wieder zeigen Verzögerung. Einschalten Bei Schließung zur URL weiterleiten Wenn der Klick den Besucher auf eine andere Seite bringen soll.
  5. Legen Sie den Schaltflächentext, das Symbol und die Ausrichtung fest und gestalten Sie ihn dann auf der Registerkarte Stil.
  6. Veröffentlichen Sie das Popup und testen Sie die Schaltfläche am Frontend.
Popup-Trigger Wieder anzeigen Verzögerungseinstellung

Entscheiden Sie, wann das Popup wieder erlaubt ist

Das gleiche Popup auf jeder Seitenansicht zu zeigen, ist, wie ein gutes Angebot zu einem Ärgernis wird Die Einstellung Wieder zeigen Verzögerung sitzt auf dem Schließen-Button selbst, so dass ein Besucher, der das Popup abtut, eine Pause bekommt, bevor es wieder erlaubt wird.

  • Siebzehn Verzögerungsvoreinstellungen: Der Dropdown läuft von einer Minute bis zu einem Monat: Minuten bei 1, 3, 5, 10 und 30, Stunden bei 1, 3, 6 und 12, dann Tage bei 1, 3, 5, 7, 10, 15 und 20. Lassen Sie es auf No Delay und das Popup ist kostenlos, um wieder auf der nächsten Seite geladen zu werden.
  • Im Browser erinnert: Die knappe Zeit geht in den eigenen Browserspeicher des Besuchers, gebunden an die ID dieses Popups, niemand muss sich anmelden, damit es funktioniert, und jedes andere Popup auf der Seite behält sein eigenes separates Timing.
  • Verschiedene Tasten, andere Regeln: Weil die Verzögerung eher auf dem Button als auf dem Popup lebt, können sich zwei Schließknöpfe im selben Popup unterschiedlich verhalten Ein “Remind me later” - Button setzt eine eintägige Pause, während ein “No thanks” - Button daneben das Popup dauerhaft schließt.

Schicken Sie Menschen irgendwohin statt nirgendwo hin

Das Schließen eines Popups lässt einen Besucher normalerweise wieder auf die Seite fallen, die er bereits ignoriert hat. Schalten Sie die Weiterleitung auf URL ein, wenn geschlossen ist, und derselbe Klick kann ihn an einen nützlicheren Ort bringen.

  • Jede gewünschte URL: Zeigen Sie den Schließen-Button auf eine Preisseite, einen Support-Artikel, einen günstigeren Plan oder direkt zur Kasse Schalten Sie den Schalter ein, fügen Sie den Link ein und die Weiterleitung wird ausgelöst, sobald das Popup geschlossen wurde.
  • Dynamic Tag-Unterstützung: Das URL-Feld nimmt Elementor-dynamische Tags, sodass das Ziel aus dem Beitrag oder aus einem benutzerdefinierten Feld stammen kann, anstatt fest codiert zu sein. Eine Popup-Vorlage kann Besucher dann auf jeder angezeigten Seite an einen anderen Ort schicken.
  • Nur dasselbe Tab: Die Weiterleitung läuft im selben Browser-Tab gleich nach dem Schließen des Popups, neue Tab - und Nofollow-Optionen auf dem Linkfeld haben hier keine Wirkung.
Popup Trigger leitet bei geschlossener Einstellung zur URL um
Popup Trigger Knopfstilsteuerungen

Stylen Sie es wie jede andere Schaltfläche auf Ihrer Website

Der Auslöser ist ein normales Elementor-Element, das heißt, es kommt mit einem vollen Style-Tab Alles darüber antwortet auf Ihr Design und nicht auf das integrierte Markup des Popups.

  • Deine Worte, nicht “Schließen”: Der Buttontext ist ein reines Textfeld, und es braucht auch dynamische Tags “Vielleicht später” oder “Weiter zur Seite” sagt einem Besucher, was der Klick bewirken wird, was mehr ist, als ein Eck-Symbol verwaltet.
  • Symbol vorher oder nachher: Fügen Sie ein Font Awesome- oder benutzerdefiniertes SVG-Symbol hinzu und setzen Sie es vor oder nach dem Etikett oder setzen Sie die Symbolposition auf Null und überspringen Sie es. Separate Schieberegler steuern die SVG-Größe und die Lücke zwischen dem Symbol und dem Text.
  • Normal- und Schwebezustände: Textfarbe, Hintergrundfarbe, Randfarbe und Kastenschatten erhalten jeweils ihre eigenen Normal - und Hover-Werte Übergangsdauer ist ein Zahlenfeld, so dass der Hover je nach Verhalten der restlichen Tasten einrasten oder sich entspannen kann.

Elementor Pro Close Popup Action vs Popup Trigger

Elementor Pro Popups schließen von jedem Button Link gesetzt auf die Popup-Aktion Popup Trigger macht den gleichen Job für Popups, die mit dem Master Addons Popup Builder gemacht wurden.

MerkmalElementor Pro Popup-NahaufnahmeMaster Addons Popup Trigger
Funktioniert mitElementor Pro PopupsMaster Addons Popups
EinrichtungDynamischer Link auf einem Button-WidgetEin dediziertes Widget mit eigener Stilsteuerung
Wieder nicht mehr zeigen“Nicht wieder anzeigen” umschaltenDauerhaft schließen oder eine Verzögerung der Wiedergabe von 1 Minute auf 1 Monat
Nach Schließung umleitenNein, es sei denn, Sie fügen benutzerdefinierten Code hinzuJa, bei geschlossener Datei zur URL umleiten
Gehen Sie zurück zur vorherigen SeiteNeinJa, gehen Sie zurück zum Referrer
Öffnen Sie ein Popup auf KlickJa, Popup Open-AktionNein. In Master-Addons ist das der On Click-Trigger, der Pro benötigt
KostenElementor ProKostenlos

Verwandte: die Master Addons Popup Builder, Anzeigebedingungen (Pro) und Aufruf zum Handeln Für den Popup-Content.

Vorlagenbetrachter
Facebook
Twitter
WhatsApp
Link kopieren
Jetzt kaufen
Popup-Trigger-Schaltfläche schließen
Popup-Trigger-Schaltfläche schließen

Häufig gestellte Fragen

Antworten auf häufige Fragen zum Master Addons Popup Trigger Widget.

Was macht das Popup Trigger Widget?

Es fügt einen gestylten Button innerhalb eines Master Addons Popups hinzu, ein Klick schließt das Popup, schließt es dauerhaft oder schickt den Besucher zurück auf die Seite, von der er kam, Sie können auch nach dem Schließen des Popups zu einer URL umleiten.

Nr. Popup Trigger schließt nur Popups Um ein Master Addons Popup zu öffnen, wenn jemand auf eine Schaltfläche klickt, stellen Sie die Open Popup Einstellung des Popups auf On Click ein und geben Sie einen CSS-Selektor ein On Click ist ein Master Addons Pro Trigger Das kostenlose Plugin öffnet Popups auf Seitenlade.

Im Inneren eines Popups, das mit dem Master Addons Popup Builder erstellt wurde Das Panel zeigt einen Hinweis, dass das Widget nur dort funktioniert Auf einer normalen Seite tut der Button nichts Die Anleitung zum Hinzufügen eines Popups in Elementor kostenlos Cover, die zuerst das Popup aufbauen.

Schließen Popup versteckt das Popup und hält es für die Show Again Verzögerung, die Sie auswählen, von keiner Verzögerung bis zu einem Monat Schließen Speichert dauerhaft eine sehr lange Verzögerung im Browser des Besuchers, sodass das Popup für diesen Besucher verborgen bleibt, es sei denn, er löscht seinen Browserspeicher.

Ja. Popup Trigger und der Popup Builder befinden sich im kostenlosen Master Addons Plugin Pro fügt Popup-Trigger wie On Click, On Scroll und Exit Intent, plus Page Targeting hinzu.

Siehe die Popup Trigger Dokumentation Für jede Einstellung mit Screenshots.

Trendige Elementor-Widgets und -Erweiterungen

Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.

Master Addons Glassmorphism-Erweiterung für Elementor: Milchglaskarten mit der auf 20 px eingestellten Kontrolle des Unschärfewerts

Glasmorphie

Startseite Kostenlose Elementor-Glasmorphie-Erweiterung: „Mattiertes Glas-Effekt in einem Umkipp-Glasmorphie ist das Matt...
Details anzeigen
Master Addons Container Extras Erweiterung für Elementor: Container mit einer Kappe von 1400 px Max Breite, mit Max Breite, Max Höhe, Min Breite und Min Höhe Steuerung

Container-extras

Home Elementor Container Max Width and Max Height Controls Container Extras ist ein kostenloser Master...
Details anzeigen
Master Addons Patterns-Erweiterung für Elementor: hero mit dem Purple Gradient Grid Left-Stil, drei weiteren Musterstilen und dem Enable Pattern-Panel

Muster

Home 70+ Free Elementor Background Patterns Patterns ist eine kostenlose Master Addons-Erweiterung, die hinzufügt...
Details anzeigen
Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf

Post-/Seitenduplikator

Startseite Duplicate Elementor Pages and Posts in One Click Post/Page Duplicator ist ein kostenloser Master...
Details anzeigen
Master Addons Reading Progress Bar-Erweiterung für Elementor: Blauer Balken 42% oben auf einer Datenschutzrichtlinie-Seite gefüllt, mit Einstellungen für Aktivierungs-, Positions-, Höhen- und Füllfarben

Fortschrittsanzeige lesen

Startseite Fügen Sie eine Leseprogress-Leiste in WordPress (Elementor) hinzu. Die Leseprogress-Leiste ist kostenlos...
Details anzeigen