Das Center Modal ist ein zentriertes Popup mit dunklem Overlay dahinter. Es bietet vier Bildlayouts in einer Vorlage, sodass Sie ein Angebot oder eine Ankündigung mit dem Bild genau dort präsentieren können, wo Sie es haben möchten. Auf Mobilgeräten kann das Bild über den Text wandern oder ganz ausgeblendet werden.
Wann Sie sie einsetzen
- Aktionen und Angebote mit Platz für ein Bild und zwei Buttons.
- Ankündigungen von Funktionen oder Produkten.
- Alles, was von einem fokussierten, zentrierten Moment profitiert.
Zu einer Aktion hinzufügen
Wählen Sie in einer Popup-Aktion Center Modal in der Vorlagenauswahl. Overlay und Zentrierung kommen aus dem Schritt Standort der Aktion; die Vorlage ist die Karte selbst.
Bildlayouts
- Image left / Image right — Bild neben dem Text.
- Image top — ein Hero-Bild über dem Text.
- Image full — ein randloses Bild, mit dem Text auf einem Verlaufsschleier darüber.
Einstellungen
- Preset — light, dark, brand, accent.
- Corners, Entrance Animation (pop, fade, slide).
- Image — Auswahl aus der Bibliothek, Anpassungsoption und eine Option On Mobile (Bild nach oben verschieben oder ausblenden).
- Text — Dachzeile, Titel, Fließtext, jeweils mit eigenem CSS.
- Buttons — primär plus optional sekundär, mit Aufmerksamkeitsanimationen.
- Close — integriert oder Button aus der Bibliothek, immer oder beim Überfahren.
Tipps
- Nutzen Sie Image full für ein auffälliges, bildgetriebenes Angebot; nutzen Sie Image left/right, wenn der Text im Mittelpunkt steht.
- Legen Sie das Bildverhalten für Mobilgeräte fest, damit das Modal auf kleinen Bildschirmen aufgeräumt bleibt.
Weiterführende Links
- Website-Popup-Vorlagen — alle 16 Vorlagen und wie Sie das richtige Format wählen.