Sobald ein Pop-up erstellt ist, haben Sie im Editor die volle Kontrolle. Fügen Sie beliebige Inhalte auf der Pop-up-Arbeitsfläche ein und steuern Sie über die rechte Seitenleiste, wann es erscheint, wie es aussieht und wie es geschlossen wird.
Inhalte zu Ihrem Pop-up hinzufügen
Klicken Sie im Popups-Panel auf ein Pop-up, um es auf der Arbeitsfläche zu aktivieren. Die linke Seitenleiste wechselt zum Panel Elements – demselben, mit dem Sie Ihre Landingpage bauen.
Ziehen Sie beliebige Elemente per Drag-and-drop direkt in das Pop-up. Häufige Anwendungsfälle sind:
- Überschriften und Text
- Bilder und Video
- CTA-Schaltflächen
- Formulare und Lead-Erfassung
- Quiz-Funnels
- Weiterleitungslinks
- Countdown-Timer
- Custom Code
Sie können den KI-Builder auch im Pop-up nutzen. Klicken Sie auf der Arbeitsfläche auf das KI-Symbol, um Inhalte direkt im Pop-up zu generieren oder umzuschreiben.
Rechte Seitenleiste – Pop-up-Einstellungen
Ist ein Pop-up ausgewählt, zeigt die rechte Seitenleiste drei Tabs: Popup, Backdrop und Close.
Hier steuern Sie, wann und wie das Pop-up erscheint.
Trigger – legen Sie fest, wodurch das Pop-up ausgelöst wird:
- On Page Load – erscheint sofort, wenn der Besucher die Seite öffnet.
- After Delay – erscheint nach einer festgelegten Anzahl Sekunden. Geben Sie die Wartezeit in das erscheinende Feld ein.
- On Scroll (%) – erscheint, nachdem der Besucher einen prozentualen Anteil der Seite gescrollt hat. Sie können unterschiedliche Werte für Desktop, Tablet und Mobil festlegen.
- Exit Intent – erscheint, wenn der Besucher im Begriff ist, die Seite zu verlassen. General – steuert Position, Animation und Anzeigehäufigkeit:
- Position – wo auf dem Bildschirm das Pop-up erscheint: Center, Top Left, Top Center, Top Right, Left Center, Right Center oder Bottom Left.
- Animation – wie das Pop-up eingeblendet wird: Scale, Fade, Slide Up, Slide Down oder Bounce.
- Stay Dismissed – ist die Option aktiviert, sehen Besucher, die das Pop-up schließen, es 30 Tage lang nicht erneut.
- Show Once – löst das Pop-up nur einmal pro Sitzung aus.
- Size, Layout, Background, Typography – die üblichen Gestaltungsoptionen. Legen Sie die Breite des Pop-ups fest und passen Sie Abstände, Hintergrundfarbe und Schriftstile an Ihr Seitendesign an.
Tab „Backdrop“
Der Backdrop ist die abgedunkelte Überlagerung hinter dem Pop-up. Sie lenkt die Aufmerksamkeit des Besuchers auf den Pop-up-Inhalt.
- Visibility – blendet den Backdrop vollständig ein oder aus.
- Close on click – ist die Option aktiviert, schließt ein Klick auf den Backdrop das Pop-up.
- Color – legt Farbe und Deckkraft des Backdrops fest. Standard ist
rgba(0,0,0,0.5).
- Blur – wendet einen Weichzeichner auf den Seiteninhalt hinter dem Pop-up an.
Tab „Close“
Steuert die Schließen-Schaltfläche des Pop-ups.
- Visibility – blendet die Schließen-Schaltfläche ein oder aus.
- Shape – wählt den Icon-Stil der Schließen-Schaltfläche.
- Position – platziert die Schaltfläche innerhalb oder außerhalb des Pop-up-Rahmens.
- Size and Offset – passt die Größe der Schaltfläche und ihren Abstand zur Ecke an.
- Close on ESC – ist die Option aktiviert, schließt auch die Escape-Taste das Pop-up.
- Colors – legt Hintergrund- und Symbolfarbe der Schließen-Schaltfläche fest.
