PDF

Einen Countdown-Timer einrichten

Mit einem Countdown-Timer zeigst du deinen Besuchern, wie viel Zeit bis zu einem wichtigen Datum bleibt – etwa bis zum Ende einer Aktion oder bis zur Verfügbarkeit eines Produkts. Der Timer zählt die Tage, Stunden und Minuten herunter und kann mit einer Schaltfläche verbunden werden, um Besucher zu einer Aktion zu bewegen.

Voraussetzungen

Du bearbeitest einen Block auf einer Seite. Siehe dazu Block auf einer Seite einrichten (Blockkatalog).

So gehst du vor

Bezeichnung (für Verlinkung): Gib einen Namen ein, unter dem du diesen Timer später wiederfindest – etwa „Aktions-Timer" oder „Verkaufsfrist". Dies ist intern und wird nicht auf der Website angezeigt. Leer lassen ist möglich.
Überschrift: Schreib einen Titel, der auf der Website sichtbar ist – etwa „Noch 5 Tage Rabatt" oder „Begrenzte Verfügbarkeit". Du kannst hier Markdown-Formatierung nutzen, um Text fett oder kursiv hervorzuheben.
Beschreibung: Ergänze optional einen erklärenden Text unter der Überschrift, etwa „Sichere dir jetzt deinen Vorteil" oder eine kurze Erklärung der Aktion.
Zieldatum: Wähle das Datum und die Uhrzeit, bis zu der der Timer herunterzählen soll. Der Timer zeigt dann die verbleibende Zeit in Tagen, Stunden und Minuten. Nach Ablauf des Datums stoppt der Timer.
Schaltflächentext: Gib den Text ein, der auf der Schaltfläche steht, etwa „Jetzt bestellen" oder „Mehr erfahren". Leer lassen ist möglich – dann wird keine Schaltfläche angezeigt.
Schaltflächenstil: Wähle das Aussehen der Schaltfläche – Farbe, Form und Größe. Dies ist nur relevant, wenn du oben einen Schaltflächentext eingetragen hast. Siehe dazu Schaltflächen gestalten.
Navigationsziel: Wähle, wohin der Besucher geht, wenn er auf die Schaltfläche klickt – zu einer anderen Seite deiner Website, zu einer externen Website oder zu einer Funktion wie dem Kontaktformular. Dies ist nur relevant, wenn du einen Schaltflächentext eingetragen hast.

Aufbau des Einstellungsfensters

Der Timer wird in drei Bereichen eingestellt:

Allgemein: Hier gibst du eine interne Bezeichnung ein, damit du den Block später erkennst.
Text: Hier stellst du die sichtbaren Inhalte zusammen – Überschrift, Beschreibung und vor allem das Zieldatum, das der Timer braucht.
Schaltfläche: Hier gestaltest du eine optionale Schaltfläche mit Text, Stil und Ziel.

Was danach passiert

Sobald du speicherst, wird der Timer auf deiner Website angezeigt und beginnt, die Zeit bis zum Zieldatum herunterzuzählen. Besucher sehen den ablaufenden Timer und – falls vorhanden – die Schaltfläche darunter.

Du kannst den Timer später jederzeit bearbeiten, um das Zieldatum zu verschieben oder den Text anzupassen.

Tipps und Hinweise

Zieldatum ist das Wichtigste: Ohne Zieldatum funktioniert der Timer nicht. Stelle sicher, dass das Datum richtig gesetzt ist.
Schaltfläche ist optional: Du kannst einen reinen Informations-Timer auch ohne Schaltfläche zeigen – trage einfach keinen Schaltflächentext ein.
Nach Ablauf des Datums: Der Timer stoppt beim Zieldatum. Besucher sehen dann „0" oder eine ähnliche Anzeige – plane also zeitnah, den Timer zu aktualisieren oder zu entfernen.