Master Addons
  • Widgets
    • Changelogs
      Quellcode NEU PRO
      Caldera-Formulare
      Logo-Slider
      Inhaltsverzeichnis
      Schwerkraftformen
      Transformiert PRO
      Inhalt einschränken PRO
      Preistabelle
      Ninja-Formular
      Mailchimp
      Tooltip
      Popup-auslöser NEU PRO
      Welches Element NEU
      Kreativer Knopf
      Kreative Links NEU
      Domain-suche HEISS PRO
      Doppelüberschrift HEISS
      Flipbox
      Animierter Gradient BG HEISS PRO
      Bild Hotspot PRO
      Infobox
      News-ticker PRO
      Partikel
      Fortschrittsanzeige
      Off-Canvas-Inhalt NEU PRO
      Fortschrittsanzeige lesen HEISS
      Benutzerdefinierte JS
      Blockquote
      Gegen auf
      Bild-Hover-Effekte
      Enthüllen NEU PRO
      Rellax PRO
      Positionierung
      Bildvergleich
      Tabs
      Inhalte umschalten HEISS PRO
      Post-/Seitenduplikator KOSTENLOS
      Schwimmende Effekte PRO
      Mega-Menü HEISS
      Benutzerdefiniertes CSS HEISS
      Gradientenüberschrift
      Erweitertes Bild
      Nav-menü
      Tooltips
      Vergleichstabelle PRO
      Glasmorphie
      Ausgewählte Produkt PRO
      Bild Karussell
      Galerie-schieber NEU PRO
      Dynamische Tags NEU
      Countdown-timer
      Aktuelle Uhrzeit
      Muster
      Wrapper Link
      Zeitleiste
      Teammitglied
      Kontaktformular 7
      Erweiterte Akkordeon
      Animierte Schlagzeilen
      Blog
      Geschäftszeiten
      Aufruf zum Handeln
      Fortschrittsbalken
      Hintergrundschieber
      Team Slider
      Dynamische Tabelle
      Gitterlinie PRO
      WP-Formulare
      Suchen
      Wir bilden
      Eingangsanimation NEU PRO
      Anzeigebedingungen PRO
      Filterbare Bildergalerie
      WP-Formulare
      Benutzerdefinierte Haltepunkte NEU
  • Merkmale
    • Themenbauer

      Entwerfen Sie standortweite Vorlagen für einen einheitlichen Look auf jeder Seite Ihrer Website.

      Popup-builder

      Erstellen Sie ansprechende Popups, Modals und Ankündigungsbalken - um Leads zu erfassen.

      Widget-builder

      Erweitern Sie Elementor mit erweiterten benutzerdefinierten Widgets, um dynamischere Layouts zu erstellen.

      Mega-Menü-Builder

      Erstellen Sie mehrspaltige Menüs mit Symbolen und Bildern für eine erstklassige Navigation.

      Benutzerdefinierte Css

      Wenden Sie Ihr eigenes CSS für pixelperfektes Styling über die Standarddesignoptionen hinaus an.

      Dynamische Tags

      Fügen Sie dynamische Inhalte wie Beitragstitel und benutzerdefinierte Felder direkt in Designs ein.

      Anzeigebedingungen

      Sichtbarkeit des Steuerelements basierend auf Benutzerrolle, Gerät, Zeit und anderen Regeln.

      Icons-bibliothek

      Wählen Sie aus Tausenden integrierten Symbolen, um die Grafik und Konsistenz zu verbessern.

      Animation

      Fügen Sie Bildlauf, Hover, Eingang und viele weitere Animationen hinzu, um Designs zum Leben zu erwecken.
  • Vorlagenkits
    • Vorlagenkits

      Professionell gestaltetes ganzseitiges Template Kit. Importieren und anpassen in Sekundenschnelle.

      Bereit Sektionen

      Vorgefertigte Inhaltsabschnitte und Zeilen Ziehen, Drop, and customize sofort.

      Bereit Popups

      Verschiedene Arten von High-Converting Popup Designs Importieren und starten Sie schnell.

      Elementorseitenvorlagen

      Komplette Seitenlayouts für jeden Zweck Beginnen Sie sofort mit der Bearbeitung.

      Bereit Header

      Mehrere moderne Header-Designs Importieren und passen Sie sich Ihrer Marke an.

      Bereit Fußzeile

      Vollständig gestaltete Footer für verschiedene Websites Fügen Sie Funktionalität und Stil in Klicks hinzu.
  • Marken
    • WP Adminify

      WP Adminify

      Übernehmen Sie die Kontrolle über Ihr WordPress-Dashboard. Passen Sie das Admin-Erlebnis an.
      Admin Bar Editor

      Admin Bar Editor

      Passen Sie die WordPress-Administratorleiste an, um einen saubereren, personalisierteren Arbeitsbereich zu erhalten
      Loginfy

      Loginfy

      Passen Sie Ihre WordPress-Anmeldeseite mit Branding, Stilen und Sicherheitsverbesserungen an.

      Rollenmeister-Suite

      Verwalten Sie Benutzerrollen und Berechtigungen präzise für mehr Sicherheit und Arbeitsablauf.
      Masterblöcke

      Masterblöcke

      Erweitern Sie den Gutenberg-Editor um erweiterte benutzerdefinierte Blöcke für kreativere Layouts.
      WP Spotlight

      WP Spotlight

      Suchen und greifen Sie von überall aus sofort auf Administratorfunktionen, Beiträge und Einstellungen zu.
  • Themen
  • Hilfe
    • Erhalten Sie Support
    • Dokumentation
    • Facebook-Community
    • Changelogs
  • Blog
Preisgestaltung
🇩🇪DE
  • 🇺🇸EN
  • 🇸🇦AR
  • 🇧🇩BN
  • 🇩🇰DA
  • 🇩🇪DE
  • 🇪🇸ES
  • 🇫🇷FR
  • 🇮🇳HI
  • 🇰🇷KO
  • 🇵🇹PT
  • 🇷🇺RU
  • 🇨🇳ZH

Erste Schritte

  • Sie können das Master Addon Element im Elementor Page-Editor nicht sehen?
  • Wie beantrage ich ein Partnerkonto?
  • Active Pro Version
  • Plugin installieren

Addons

  • Popup-Trigger-Widget-Einstellungen
  • Einstellungen für Inhaltswidgets außerhalb des Canvas
  • Logo Slider Widget Einstellungen
  • Widget-Einstellungen für Fortschrittsbalken
  • Bild Karussell Einstellungen
  • Ausgewählte Produkt-Widget-Einstellungen
  • Vergleichstabellen-Widget-Einstellungen
  • Quellcode-Widget-Einstellungen
  • Erweiterte Bild-Widget-Einstellungen
  • Einstellungen für das Gradienten-Schlagzeilen-Widget
  • Einstellungen für Galerie-Schieberegler
  • Schalten Sie die Einstellungen für das Inhalts-Widget um
  • Info-Box Widget-Einstellungen
  • Einstellungen für das Zeitleisten-Widget
  • Dynamische Tabellen-Widget-Einstellungen
  • Mailchimp Widget-Einstellungen
  • Blockquote Widget-Einstellungen
  • Changelog Widget-Einstellungen
  • Countdown Timer Widget-Einstellungen
  • Aktuelle Zeit-Widget-Einstellungen
  • Widget-Einstellungen suchen
  • Filterbare Bildergalerie
  • Einstellungen für das Team-Slider-Widget
  • Einstellungen für das Gegen-Up-Widget
  • Inhalteinstellungen einschränken
  • Inhaltsverzeichnis Widget-Einstellungen
  • Einstellungen für das Bild-Hotspot-W
  • Einstellungen für Bildvergleichs-Widgets
  • Einstellungen für das Widget für News-Ticker
  • Bild-Hover-Effekte
  • Tabs-einstellungen
  • Preis-Tabellen-Widget-Einstellungen
  • Nav-Menü-Widget-Einstellungen
  • Widget-Einstellungen für die Domänensuche
  • Flipbox Widget-Einstellungen
  • Einstellungen für die Kurzinfos
  • Creative Links Widget-Einstellungen
  • Widget-Einstellungen für Geschäftszeiten
  • Kontaktformular 7 Widget-Einstellungen
  • Kreative Tasten-Widget-Einstellungen
  • Einstellungen für animierte Schlagzeilen
  • Erweiterte Akkordeon-Widget-Einstellungen
  • Aufruf zu den Action-Widget-Einstellungen
  • Einstellungen für das Widget der Fortschrittsleiste
  • Blogbeiträge Widget-Einstellungen
  • Einstellungen für das Teammitglieds-Widget
  • Dual-Heading-Einstellungen

Erweiterungen

  • Symbolbibliothekseinstellungen
  • Mega-Menüeinstellungen
  • Welche Element-Erweiterungseinstellungen
  • Einstellungen für die Post-/Seitenduplikatorerweiterung
  • Einstellungen für die Gitterlinienerweiterung
  • Glassmorphism-Erweiterungseinstellungen
  • Einstellungen für die Tooltip-Erweiterung
  • Wrapper-Link-Einstellungen
  • Einstellungen für die Erweiterung der Floating-Effekte
  • Dynamische Tags-Einstellungen
  • Einstellungen für die Erweiterung der Anzeigebedingungen
  • Eingangsanimationseinstellungen
  • Benutzerdefinierte Haltepunkteeinstellungen
  • Einstellungen für BG-Erweiterungen mit animiertem Gradienten
  • Erweiterungseinstellungen aufdecken
  • Einstellungen für die Partikelerweiterung
  • Einstellungen für Hintergrund-Slider-Erweiterungen
  • Transformiert Erweiterungseinstellungen
  • Rellax-Erweiterungseinstellungen
  • Positionierungserweiterungseinstellungen
  • Benutzerdefinierte CSS-Einstellungen

Widget-builder

  • Bedingungen
  • Zweig-Syntax
  • Einführung in das Einstellungen-Panel
  • Trennwand
  • Text Schatten
  • Wählen2
  • Grenze
  • Überschrift
  • Tabs
  • Repeater
  • Visuelle Wahl
  • Hintergrund
  • Abmessungen
  • Kastenschatten
  • Schieber
  • Symbole
  • Galerie
  • Medien
  • Popover-Schalter
  • URL-Feld
  • Datum Uhrzeit
  • Typografie
  • Schriftart
  • Farbfeld
  • Wählen Sie
  • Wählen
  • Schalter
  • Versteckt
  • Code
  • WYSIWYG
  • Textarea-feld
  • Nummer
  • Textfeld

Themenbauer

  • Kommentarformular
  • 404
  • Suchen
  • Archiv
  • Single
  • Fußzeile
  • Kopfzeile

Popup-builder

  • So öffnen Sie ein Popup nach Inaktivität in Elementor
  • So zeigen Sie ein Exit Intent Popup in Elementor an
  • So öffnen Sie ein Popup auf Scroll zu einem bestimmten Element im Elementor
  • So öffnen Sie ein Popup auf Scroll in Elementor
  • So öffnen Sie ein Popup auf Klicken Sie in Elementor
  • Wie öffnet man ein Popup beim Laden der Seite?
  • Popup-Einstellungen und -Optionen

Vorlagen-kit

  • So importieren Sie Vorlagen-Kits in Master-Add-ons
  • So deaktivieren Sie Elementor-Standardschriftarten und -farben
  • Elementor-Vorlagen-Kits importieren
Kategorien anzeigen
  • Zuhause
  • Dokumente
  • Popup-builder
  • So öffnen Sie ein Popup auf Scroll in Elementor

So öffnen Sie ein Popup auf Scroll in Elementor

Roy Jemee
Aktualisiert am 15. September 2026

3 min gelesen

Ein Popup, das die Sekunde lädt, in der eine Seite geöffnet wird, fühlt sich aufdringlich an, und die meisten Besucher schließen es, bevor sie ein Wort gelesen haben Ein durch Scrollen ausgelöster Popup wartet, bis jemand tatsächlich liest, und zeigt dann Ihr Angebot an, sobald er weit genug gescrollt hat, um interessiert zu sein Die Master Addons Popup Builder Handhabt dies mit der Auf Scroll Auslöser und eine Scrollen Sie den Fortschritt Einstellung. Kein Code.

So stellen Sie ein Popup ein, das geöffnet wird, nachdem ein Besucher einen ausgewählten Prozentsatz der Seite gescrollt hat, und verwenden dabei den Popup Builder, der kostenlos mit Master Addons for Elementor geliefert wird.

Bevor Sie beginnen #

  • Ein Popup, das bereits im Master Addons Popup Builder erstellt wurde (siehe die Anleitung für Popup-Einstellungen Einen zu erstellen)
  • Elementor installiert und aktiv
  • Master-Addons für Elementor installiert und aktiv (Installationsführung)

Schritt 1: Öffnen Sie Ihr Popup in Elementor #

Gehe zu Master Addons → Popup Builder. Suchen Sie das Popup, das Sie auslösen möchten, auf dem Bildlauf, fahren Sie mit der Maus über den Namen und klicken Sie Mit Elementor bearbeiten. Das Popup öffnet sich im Elementor-Editor mit dem MA Popup-Einstellungen Tafel links.

Master Addons Popups Liste mit dem Link Bearbeiten mit Elementor für das Sale Popup

Schritt 2: Stellen Sie das Popup so ein, dass es auf dem Bildlauf geöffnet wird #

In der MA Popup-Einstellungen Panel, öffnen Sie die Einstellungen Abschnitt und finden Sie die Popup öffnen Dropdown. Es ist eingestellt auf Auf Seite laden Standardmäßig Schalten Sie es auf Auf Scroll.

Derselbe Dropdown gilt auch für die anderen Auslöser, On Click, On Scroll to Element, On Exit Intent, After Inactivity und Custom, sodass Sie das Verhalten später ändern können, ohne das Popup neu zu erstellen.

Öffnen Sie den Popup-Dropdown in den MA-Popup-Einstellungen mit dem ausgewählten On-Scroll-Trigger

Schritt 3: Legen Sie den Scroll-Fortschrittsprozentsatz fest #

Der Moment, den Sie auswählen Auf ScrollEs zeigt sich ein neues Feld: Scroll-Fortschritt (%). So weit muss ein Besucher die Seite hinunter scrollen, bevor das Popup feuert Ziehen Sie den Schieberegler, oder tippen Sie eine Zahl direkt in die Box.

Ein niedriger Wert wie 20% Popup früh, in der Nähe der Spitze zeigt Ein höherer Wert wie 50% Warte bis der Besucher halb unten ist, ich fange meistens um 40%, weit genug, dass der Leser engagiert ist, nicht so weit, dass er bereits gegangen ist.

Scroll Progress prozentualer Schieberegler angezeigt, nachdem Sie den On Scroll-Trigger in Master-Addons ausgewählt haben

Ein paar verwandte Optionen sitzen direkt unter dem Schieberegler:

  • Wieder zeigen Verzögerung Legt fest, wie lange es dauern kann, bis das Popup wieder zurückkommt, nachdem ein Besucher es geschlossen hat.
  • Seitenbildlauf deaktivieren Sperrt die Hintergrundseite, während das Popup geöffnet ist.
  • Popup automatisch deaktivieren und Deaktivieren Nach Lassen Sie sich ein Enddatum auswählen, damit das Popup nicht mehr von selbst angezeigt wird.

Wenn du fertig bist, schlag Veröffentlichen (oder Aktualisieren) das Popup zu speichern.

Schritt 4: Vorschau und Scrollen #

Öffnen Sie die Seite, auf der das Popup angezeigt werden soll, und sehen Sie es sich am Frontend an. Oben gibt es kein Popup, der Besucher sieht zuerst Ihren normalen Inhalt.

Live-Seite Helden-Bereich ohne Popup sichtbar oben vor dem Scrollen

Scrollen Sie nun nach unten Sobald Sie den von Ihnen festgelegten Scroll Progress Prozentsatz übergeben haben, gleitet das Popup über die Seite hinein, auf jeder Seite, die in den Anzeigebedingungen des Popups enthalten ist, funktioniert es genauso.

Master Addons Popup erscheint über dem Seiteninhalt, nachdem der Besucher über den eingestellten Prozentsatz hinaus scrollt

Fehlerbehebung #

  • Popup erscheint nie? Senken Sie den Scroll Progress Prozentsatz Auf einer kurzen Seite kann ein hoher Wert wie 80% unter dem unteren Ende des Inhalts sitzen, so dass der Besucher nie erreicht.
  • Brände zu früh? Erhöhen Sie den Prozentsatz, damit der Besucher mehr liest, bevor es angezeigt wird.
  • Auf der Seite gar nicht angezeigt? Überprüfen Sie, ob das Popup Aktivierung Ein ist und seine Anzeigebedingungen die Seite beinhalten, die Sie testen.
  • Zeigt jedes Mal an, wenn Sie neu laden? Einstellen Wieder zeigen Verzögerung Es öffnet sich also nicht bei jedem Besuch wieder, wenn ein Benutzer es einmal geschlossen hat.

Häufig gestellte Fragen #

Wie öffne ich ein Master Addons Popup auf Scroll?

Bearbeiten Sie das Popup in Elementor, öffnen Sie das MA Popup Settings-Panel und stellen Sie Popup auf On Scroll öffnen ein. Stellen Sie dann den Scroll Progress-Prozentsatz ein, der angibt, wie weit unten auf der Seite ein Besucher scrollt, bevor das Popup angezeigt wird.

Was bedeutet Scroll Progress Prozentsatz?

Es ist der Anteil der Seite, durch den ein Besucher scrollt, bevor das Popup feuert Bei 40% öffnet sich das Popup, sobald jemand 40% des Weges nach unten gescrollt hat Niedrigere Werte zeigen es früher an, höhere Werte warten länger.

Was ist ein guter Scrollprozentsatz für ein Popup?

Bei den meisten Seiten funktionieren etwa 30 bis 50 Prozent, es reicht bei weitem, dass der Besucher sich mit Ihren Inhalten beschäftigt, aber noch nicht so weit, dass er fertig gelesen oder bereits gegangen ist.

Kann ich das Popup jedes Mal nicht mehr anzeigen lassen?

Ja. Verwenden Sie die Option Wieder anzeigen Verzögerung unterhalb des Scroll Progress-Schiebereglers, um festzulegen, wie lange, bevor das Popup zurückkommen kann, nachdem ein Besucher es geschlossen hat.

Benötige ich Elementor Pro für ein Scroll-Popup?

Nr. Der Master Addons Popup Builder arbeitet mit der kostenlosen Version von Elementor, so dass der On Scroll Trigger und die Scroll Progress Einstellung ohne Elementor Pro funktionieren Der On Scroll Trigger selbst benötigt Master Addons Pro, da das kostenlose Plugin jedes Popup auf Seiten laden öffnet.

Verwandte Lektüre #

  • Master Addons Popup Builder Einstellungen
  • Popup-Triggeroptionen erklärt
  • So fügen Sie kostenlos ein Popup in Elementor hinzu
Was sind deine Gefühle

Teilen Sie diesen Artikel:

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Immer noch fest? wie können wir helfen?

Wie können wir helfen?

Aktualisiert am 15. September 2026
So öffnen Sie ein Popup auf Scroll zu einem bestimmten Element im ElementorSo öffnen Sie ein Popup auf Klicken Sie in Elementor
Inhaltsverzeichnis
  • Bevor Sie beginnen
  • Schritt 1: Öffnen Sie Ihr Popup in Elementor
  • Schritt 2: Stellen Sie das Popup so ein, dass es auf dem Bildlauf geöffnet wird
  • Schritt 3: Legen Sie den Scroll-Fortschrittsprozentsatz fest
  • Schritt 4: Vorschau und Scrollen
  • Fehlerbehebung
  • Häufig gestellte Fragen
    • Wie öffne ich ein Master Addons Popup auf Scroll?
    • Was bedeutet Scroll Progress Prozentsatz?
    • Was ist ein guter Scrollprozentsatz für ein Popup?
    • Kann ich das Popup jedes Mal nicht mehr anzeigen lassen?
    • Benötige ich Elementor Pro für ein Scroll-Popup?
  • Verwandte Lektüre

Treten Sie 30.000+ Web Creators bei, die Master Addons vertrauen

Holen Sie sich alle Premium-Widgets und Vorlagen, die Sie wünschen, erstellt mit sauberem Code, der Ihre Website schnell hält. Lassen Sie den Blähungsfaktor fallen, nicht die Funktionen.

Probieren Sie Live-Demo aus
Treten Sie der Community bei
Master-Addons für Elementor
Master Addons Logo

80+ Premium Widgets & Lifetime Updates – Beyond Limits erstellen Eine exklusive Kreation von Pixar Labs

Facebook-f Twitter Youtube Wordpress
Merkmale
  • Vorlagensätze
  • Vorlagenbibliothek
  • Widget-builder
  • Themenbauer
  • Mega-Menü-Builder
Unterstützung
  • Support-forum
  • Kontaktieren Sie UNS
  • Gemeinschaft beitreten
  • Blog
  • Video-rezensionen
Ressourcen
  • Mein Konto
  • Changlogs
  • Dokumentation
  • Video-tutorials
  • Toolz.dev
Navigieren
  • Affiliate beantragen
  • Nutzungsbedingungen
  • Rückerstattungsrichtlinie
  • Datenschutzrichtlinie
  • Über uns