Die Aktion Countdown Timer stellt dem Besucher einen live tickenden Timer vor Augen — für Flash Sales, Launch-Termine, Webinar-Beginn, Versandschluss. Sie unterstützt ein festes Enddatum oder einen Countdown pro Besucher mit automatischem Neustart, und jede Einstellung kann je Zielgruppe variieren, sodass eine Aktion jede Sprache Ihrer Website sprechen kann.
Einen Countdown hinzufügen
- Öffnen Sie in einer Kampagne vom Typ Targeting & Personalisierung den Schritt Inhalte und klicken Sie auf Aktion hinzufügen.
- Wählen Sie Countdown Timer. Eine Vorlagengalerie öffnet sich — Event-Countdowns mit Fortschrittsbalken, Countdown-Karten und Countdown-Leisten in voller Breite, jeweils in gestapelter und nebeneinanderliegender Variante. Sie können auch mit Start blank leer beginnen oder eine bereits gebaute Aktion kopieren.
- Klicken Sie bei einer Vorlage auf Use. Der Aktionseditor öffnet sich mit der Live-Vorschau in der Mitte und allen Einstellungen in der linken Seitenleiste.
Den Countdown einstellen — Tage, Stunden, Minuten
Öffnen Sie in der Seitenleiste den Abschnitt Timer. Countdown logic hat drei Modi:
| Modus | Was er tut | Einsatz |
|---|---|---|
| Fixed date | Zählt bis zu einem Datum mit Uhrzeit herunter, für alle gleich. Optionaler UTC-Versatz — leer lassen, damit er zur jeweiligen Ortszeit des Besuchers endet. | Ein Sale, der Freitag um Mitternacht endet; der Beginn eines Webinars. |
| Cookie based | Zählt eine Dauer (Tage / Stunden / Minuten) ab der ersten Ansicht jedes Besuchers herunter. Haken Sie Restart after countdown ends an, um ihn nach einer Anzahl von Stunden oder an einem gewählten Wochentag neu zu starten. | Dringlichkeit pro Besucher: „Ihr 24-Stunden-Rabatt“, jede Woche neu gestartet. |
| Restart every time | Zählt eine Dauer herunter, die in jeder Sitzung zurückgesetzt wird. | Sitzungsbezogene Angebote, die immer frisch wirken sollen. |
Wenn die Zeit abgelaufen ist
Wählen Sie, was bei null passiert: Show zeros, Show a message (öffnet einen HTML-Editor — dynamische Variablen erlaubt) oder Hide the widget. Der separate Schalter When Timer Ends entscheidet, wie viel durch die Nachricht ersetzt wird: Yes tauscht den gesamten Popup-Inhalt aus, No nur den Timer.
Tage, Stunden, Minuten, Sekunden ein- oder ausblenden
Jede Einheit hat ein Beschriftungsfeld — Days Label, Hours Label, Minutes Label, Seconds Label. Zwei Aufgaben in einem Feld:
- Umbenennen — tippen Sie „Tage“, „Std.“ oder was Ihr Text braucht.
- Die Einheit ganz ausblenden — lassen Sie die Beschriftung leer, und dieser Kasten verschwindet. Ein kurzer Flash Sale, der nie einen ganzen Tag dauert? Leeren Sie das Days Label, und der Timer beginnt bei den Stunden.
Separator Between Boxes legt das Zeichen zwischen den Einheiten fest (: standardmäßig) — leer für keines. Container, Kasten, Zahl, Beschriftung und Trennzeichen haben jeweils einen eigenen CSS-Hook zur Gestaltung.
Vertikal oder horizontal
Im Abschnitt Style schaltet Layout die ganze Karte zwischen stacked (eine zentrierte Spalte — Text oben, Timer darunter) und side-by-side (Text auf der einen Seite, Timer auf der anderen) um. Kombinieren Sie das mit Size (compact / default / spacious) und Timer Position (top / middle / bottom), um enge Plätze zu füllen. Vorlagen im Leistenstil sind von Haus aus horizontal und werden oben oder unten auf der Seite fixiert.
Verschiedene Varianten pro Sprache (oder Zielgruppe)
Jede Einstellung in der Seitenleiste — die Beschriftungen, das Layout, die Texte, das Preset — hat einen Button ⚡ Variations. Er öffnet den Dialog für zielgruppenbasierte Varianten:
- + Add case, dann + Regel hinzufügen — z. B. Browsersprache ist Spanisch.
- Legen Sie den Wert für diesen Fall fest — z. B. Days label
DÍAS. - Wiederholen Sie das für jede Sprache. Der erste passende Fall gewinnt; alle anderen erhalten den Standardwert, sodass das Widget nie leer ist.
Derselbe Mechanismus funktioniert für jede Aufteilung nach Zielgruppe — wiederkehrende vs. neue Besucher, Mobil vs. Desktop, Land, CRM-Felder. Die Zeile „Read what each visitor gets, in plain language“ gibt Ihre Fälle als Sätze wieder, damit Sie sie auf Plausibilität prüfen können.
Wo sie erscheint, wann sie öffnet, wie oft
Schritt 2 — Choose placement — entscheidet über die Auslieferung:
- Inline-Element — wird in einem Platz auf Ihrer Seite gerendert (wählen Sie einen oder mehrere Platzhalter); es reiht sich in Ihre Inhalte ein. Mit Display Mode: fullscreen wird die Karte stattdessen zu einer Vollbild-Übernahme.
- Schwebendes Popup — liegt an einer gewählten Position über der Seite, mit Einblendanimation, optionalem abgedunkeltem modalem Hintergrund, Scrollverhalten, Schließen-Button × und automatischem Schließen.
- Auslöser — kombinieren Sie beliebig viele; der erste Treffer öffnet sie: beim Aufruf der Seite / nach Verzögerung / bei Inaktivität; nach dem Scrollen bis zu einem Prozentsatz / beim Zurückscrollen nach oben / beim Kopieren von Text; bei vorhergesagtem Exit-Intent (der Cursor bewegt sich weg — nur Desktop); oder geöffnet durch Ihren eigenen Klick-/Hover-Auslöser.
- Häufigkeitsbegrenzungen — Regeln in einfachen Sätzen: beenden, nachdem sie geschlossen / angeklickt / N-mal gesehen wurde, in Schüben anzeigen oder nach einem anderen Popup warten. Jede wiederholt sich mit Ihren Zahlen, damit sie nicht verkehrt herum eingestellt werden kann.
Gut zu wissen
- Edit action with AI — der violette Button über der Vorschau schreibt die Aktion anhand eines Prompts in Alltagssprache neu oder gestaltet sie um: „an eine dunkelblaue Marke anpassen und die Texte ins Französische übersetzen“.
- Preview as on — Vorschau für Smartphone / Tablet / Desktop aus der Werkzeugleiste; im Vollseitenmodus erscheint das echte Overlay in der Live-Vorschau, nicht im Editor.
- A/B-Tests — zurück im Schritt „Inhalte“ aktivieren Sie A/B-Tests, um den Traffic zwischen Timer-Varianten aufzuteilen und die Conversions den Gewinner bestimmen zu lassen.
- Vorlagen — die Countdown-Familie der Galerie ist ausführlich unter Countdown-Vorlagen und Event Progress Countdown dokumentiert.