Der Corner Toast ist eine kompakte Benachrichtigungskarte, die ein Bild mit Überschrift, kurzer Nachricht und Call-to-Action kombiniert. Sie ist leicht und unaufdringlich — ideal für Social Proof, dezente Aktionen, Hinweise auf neue Funktionen und zeitlich begrenzte Angebote. Wo sie auf dem Bildschirm erscheint, legen Sie im Schritt Standort der Aktion fest.
Wann Sie sie einsetzen
- Social Proof — „Jemand in London hat gerade gekauft.“
- Dezente Hinweise — eine sanfte Erinnerung oder ein Tipp, der die Seite nicht blockieren soll.
- Kleine Aktionen — ein schnelles Angebot mit einem einzigen Button.
Zu einer Aktion hinzufügen
Öffnen Sie in einer Popup-Aktion die Vorlagenauswahl und wählen Sie Corner Toast. Gestalten Sie jedes Element, indem Sie es in der Vorschau anklicken. Platzieren Sie den Toast im Schritt Standort der Aktion (in einer Ecke, oben oder unten).
Einstellungen
Stil
- Preset — light, dark, brand oder accent.
- Corners — none, soft oder round.
- Entrance Animation — slide, fade oder pop (läuft im Editor und auf der Live-Website).
Bild
- Show Image — das Vorschaubild ein- oder ausschalten.
- Image Side — links oder rechts vom Text.
- Image Fit — cover, contain oder fill.
- Image — aus der Mediathek wählen.
Text und Button
- Eyebrow, title, body — jeweils einzeln schaltbar, mit eigenem CSS.
- Button — ein CTA mit Klick-Tracking und Aufmerksamkeitsanimationen (pulse, bounce, shake, glow, sheen).
Schließen
- Close button — integriertes X oder ein Button aus der Bibliothek.
- Close visibility — immer oder beim Überfahren.
Tipps
- Beschränken Sie den Text auf eine Zeile, das sieht am saubersten aus.
- Nutzen Sie ein freundliches Bild (eine Person oder ein Produkt), um den Blick anzuziehen.
Weiterführende Links
- Website-Popup-Vorlagen — alle 16 Vorlagen und wie Sie das richtige Format wählen.