Zwei Dringlichkeits-Popup-Vorlagen auf Basis desselben Systems: Flash Sale Countdown kündigt einen Sale mit Live-Countdown und einer Produktreihe an, und Cart Exit — Timer + Coupon fängt Besucher ab, die einen Warenkorb verlassen — mit ihrem eigenen Produkt, einem Countdown und einem Rabattcode zum Kopieren in die Zwischenablage. Beide teilen dieselben Style-Accent-Presets, den vollständigen Timer-Designer von Personyze und das Vorschausystem mit Demoprodukten; alles auf dieser Seite gilt also für beide, sofern ein Abschnitt nichts anderes sagt.
Style Accents
Die erste Einstellung in jeder Vorlage ist Style accent — ein einziges Dropdown, das das ganze Popup neu einfärbt:
- bold — dunkler Hintergrund mit roten Akzenten (Standard)
- light — dasselbe Layout auf Weiß
- gold — dunkles Premium-Design mit goldenen Akzenten
- ocean — Weiß mit blauen Akzenten
Der Akzent steuert alle farbigen Elemente auf einmal — Banner, Timer-Kästen und Ziffern, Coupon-Rahmen, Buttons, Badges und Sale-Preise — und wirkt auch weiter, nachdem Sie einzelne Elemente angepasst haben, weil alle Standardstile auf die Akzentfarben verweisen, statt sie fest einzutragen. Wählen Sie zuerst den Akzent und passen Sie dann an, was Sie möchten.
Der Countdown-Timer
Beide Vorlagen nutzen den vollständigen Timer-Designer von Personyze:
- Festes Enddatum — zählt bis zu einem bestimmten Datum und einer Uhrzeit mit Zeitzone herunter; die natürliche Wahl für einen echten Sale.
- Pro Besucher (cookiebasiert) — jeder Besucher erhält sein eigenes Zeitfenster ab seiner ersten Ansicht, z. B. „Ihr Rabatt läuft in 15 Minuten ab“. Empfohlen für die Warenkorbrückgewinnung, mit konfigurierbarem Neustart.
- Jedes Mal neu starten — startet bei jeder Ansicht neu; vor allem für Tests und dauerhafte Dringlichkeit.
Kästen, Ziffern und die Beschriftungen DAYS / HOURS / MINUTES / SECONDS werden alle über das Menü gestaltet. Standardmäßig stehen die Kästen ohne Trennzeichen nebeneinander; im Feld Separator character können Sie einen Doppelpunkt oder ein beliebiges Zeichen dazwischen setzen. Sie können außerdem festlegen, was passiert, wenn der Timer null erreicht — eine Nachricht „Zeit abgelaufen“ oder eine Folgeaktion —, damit ein abgelaufenes Popup nie einen toten Timer zeigt.
Demoprodukte — nur in der Vorschau
Beim Gestalten, bevor ein Produktkatalog verbunden ist, zeigen die Vorlagen Demoinhalte mit einem Hinweisbanner: Flash Sale stellt sechs Beispiel-Produktkarten dar, Cart Exit ein Beispielprodukt im Warenkorb. Demos erscheinen nur im Personyze-Editor und in Vorschaulinks; sobald Ihr Katalog echte Produkte liefert — oder bei Cart Exit der Besucher einen echten Artikel im Warenkorb hat —, übernehmen die echten Daten. Normale Besucher der Website sehen die Demo nie.
Flash Sale Countdown
Aufbau von oben nach unten: Eyebrow-Label („⚡ FLASH SALE“), Überschrift („UP TO 40% OFF — TODAY ONLY“), Unterzeile, Countdown, CTA-Button und eine horizontal scrollende Produktreihe. Die Reihe wird von dem Algorithmus befüllt, den Sie zuordnen — für diese Vorlage eignet sich ein auf reduzierte Produkte gefilterter Algorithmus am besten, damit das Popup Artikel zeigt, die tatsächlich im Sale sind. Die Karten zeigen das Produktfoto, ein automatisches Badge „X% OFF“ (mit Mindestrabatt-Schwelle), den Titel und Sale-Preise mit Durchstreichung. Scroll-Pfeile erscheinen auf dem Desktop und blenden sich auf Touch-Geräten automatisch aus, wo die Reihe gewischt wird.
Empfehlung für Auslöser: einmal pro Besucher und Sale anzeigen, die Aktion auf den Sale-Zeitraum terminieren und Seiten auslassen, die ohnehin dem Sale gewidmet sind.
Cart Exit — Timer + Coupon
Aufbau: ein Banner in voller Breite („YOUR DISCOUNT EXPIRES IN“), der Countdown, dann zwei Spalten — das Warenkorbprodukt des Besuchers auf einer weißen Karte (Bild, Titel, Sale-Preis) und die Nachrichtenseite: Überschrift, Unterzeile, die gestrichelte Coupon-Box, der CTA und ein Link „No thanks“ zum Schließen.
Der Coupon: Der von Ihnen eingegebene Code wird in der Box angezeigt und in die Zwischenablage des Besuchers kopiert, wenn er auf Copy drückt, mit der Bestätigung „Copied!“. Das Popup zeigt den Code an — es wendet den Rabatt nicht selbst an. Der Code muss in Ihrem Shop existieren; unterstützt Ihre Plattform Links, die einen Rabatt anwenden, können Sie einen solchen auf den CTA-Button legen, damit der Rabatt beim Klick greift.
Das Warenkorbprodukt ist der zuletzt in den Warenkorb gelegte Artikel des Besuchers, entnommen aus den Interaktionen, die Personyze auf Ihrer Website trackt.
Empfehlung für Auslöser: Exit-Intent auf dem Desktop, nur bei nicht leerem Warenkorb, begrenzt auf einmal pro Sitzung. Mausbasierter Exit-Intent existiert auf Touch-Geräten nicht — nutzen Sie auf Mobilgeräten stattdessen einen zeit- oder scrollbasierten Auslöser. Sowohl der Link zum Schließen als auch das × in der Ecke nutzen das übliche Verhalten „nicht mehr anzeigen“.
FAQ
Überschreibt die Akzent-Einstellung meine eigenen Stile? Nein. Sie ändert die gemeinsame Farbpalette; Stile, die Sie auf Elementebene bearbeiten, bleiben erhalten, und alle Ihre Stile, die auf die Akzentfarben verweisen, folgen dem Preset automatisch.
Was passiert, wenn der Timer null erreicht? Das legen Sie im Timer-Designer fest: eine Nachricht „Zeit abgelaufen“ anzeigen oder eine Folgeaktion auslösen. Countdowns pro Besucher können außerdem nach einem von Ihnen gewählten Zeitraum neu starten.
Wendet der Copy-Button den Rabatt an? Nein — er kopiert den Code. Der Code muss in Ihrem Shop gültig sein; für das automatische Anwenden nutzen Sie eine Rabatt-URL auf dem CTA.
Welches Produkt erscheint, wenn der Warenkorb mehrere Artikel enthält? Der zuletzt hinzugefügte Artikel — der, mit dem der Besucher zuletzt interagiert hat.
Kann die Flash-Sale-Reihe nur reduzierte Artikel zeigen? Ja — ordnen Sie einen Algorithmus zu, der auf Produkte mit aktivem Rabatt gefiltert ist; die Reihe zeigt, was der Algorithmus liefert.
Sehen Besucher jemals die Demoinhalte? Nein. Demos werden nur im Personyze-Editor und in Vorschaulinks dargestellt, und nur, wenn es keine echten Daten gibt.