Was ist ein Countdown-Widget?
Ein Countdown-Widget ist ein kleiner Kasten auf deiner Website, der die verbleibende Zeit bis zu einem bestimmten Moment zeigt: dem Ende einer Rabattaktion, einem Produktlaunch, einem Webinar, einer Hochzeit oder Silvester. Die Zahlen laufen live herunter, sodass Besucher auf einen Blick sehen, wie viele Tage, Stunden, Minuten und Sekunden noch bleiben.
Mit dem Countdown Timer von WebToolsMe legst du Datum, Uhrzeit und Zeitzone fest, schreibst eine Überschrift, passt die Farben an deine Website an und kopierst eine einzige Zeile HTML-Code. Kein Plugin, kein Konto: Die kostenlose Countdown-Uhr läuft auf WordPress, Wix, Jimdo, Shopify, Shopware oder jeder HTML-Seite.
Wofür ein Countdown auf der Website?
Eine sichtbare Frist hilft beim Entscheiden und Planen. Das sind die häufigsten Gründe, einen Countdown einzubinden:
- Aktionen und Rabatte: Black Friday, Cyber Monday, Sommer- oder Winterschlussverkauf, Gutscheincodes mit Ablaufdatum.
- Feiertage: Silvester, Weihnachten, Advent, Ostern oder der Beginn der Ferien.
- Launches: neue Produkte, Kollektionen oder eine „Demnächst“-Seite.
- Events und Webinare: Konzerte, Messen, Livestreams und das Ende des Vorverkaufs.
- Prüfungen und Fristen: Abitur, Bewerbungsfristen, Anmeldeschluss oder Frühbucherpreise.
- Hochzeiten und private Anlässe: Hochzeit, Geburtstag oder Abschlussfeier.
So bindest du den Countdown ein (HTML-Code)
Stelle oben Datum und Design ein und klicke auf Code kopieren. Du erhältst einen kurzen HTML-Code: Füge ihn dort ein, wo der Countdown erscheinen soll, und folge den Schritten für deine Plattform:
- Füge im Seiten- oder Beitragseditor einen Block Individuelles HTML hinzu.
- Füge den Code in den Block ein.
- Aktualisiere oder veröffentliche die Seite.
- Öffne die HTML-Datei deiner Seite.
- Füge den Code dort ein, wo das Widget erscheinen soll.
- Speichere die Datei und lade sie auf deinen Server.
- Wähle Hinzufügen › Code einbetten › HTML einbetten.
- Füge den Code ein und platziere den Kasten auf der Seite.
- Veröffentliche deine Website.
- Gehe zu Layout › Gadget hinzufügen › HTML/JavaScript.
- Füge den Code ein.
- Speichere.
Funktionen
Zeitzone: ein Moment für alle oder die Ortszeit?
Die meisten Fristen sind ein einziger Zeitpunkt. Endet deine Aktion um Mitternacht deutscher Zeit, sollte ein Besucher in London den Countdown um 23 Uhr seiner Zeit bei null sehen, nicht erst um seine eigene Mitternacht. Wähle dafür die Zeitzone, in der die Frist gilt, zum Beispiel Europe/Berlin. Dann zählen alle Besucher bis zum selben Moment herunter, und die Sommerzeit wird automatisch berücksichtigt.
Manche Momente kommen überall zur Ortszeit. Neujahr beginnt um Mitternacht in der Zeitzone jedes Besuchers. Wähle dafür Ortszeit jedes Besuchers; der Countdown nutzt dann die Uhr auf dem Gerät des Besuchers.
Tipps für einen wirksamen Countdown
- Schreibe eine Überschrift, die sagt, was bei null passiert: „Aktion endet in“, „Shop öffnet in“, „Launch in“.
- Verwende echte Termine. Falsche Countdowns, die bei jedem Besuch neu starten, schaden dem Vertrauen und können nach dem Gesetz gegen den unlauteren Wettbewerb (UWG) als Irreführung gelten.
- Blende bei mehrwöchigen Countdowns die Sekunden aus und zeige sie am letzten Tag, um Spannung aufzubauen.
- Platziere den Countdown nahe am „Jetzt kaufen“- oder „Anmelden“-Button.
- Lege einen Schlusstext fest, damit das Widget auch nach Ablauf sinnvoll bleibt.
Leicht und datenschutzfreundlich
Der Countdown ist ein einzelnes kleines Skript. Nach dem Laden kontaktiert er keinen Server mehr: Die Restzeit wird jede Sekunde im Browser des Besuchers berechnet. Keine Cookies, keine Datenerfassung – DSGVO-freundlich. Er läuft in einer eigenen, abgeschlossenen Box, stört dein Theme nicht und bremst deine Seite nicht.
Häufige Fragen
Ist der Countdown Timer kostenlos?
Ja. Er ist komplett kostenlos, ohne Anmeldung und ohne Begrenzung der Websites; nur ein kleiner Quellenlink wird angezeigt.
Kann ich einen Countdown ohne Plugin einbinden?
Ja. Kopiere den HTML-Code und füge ihn in einen Block „Individuelles HTML“ (WordPress), ein HTML-Element (Wix, Jimdo) oder direkt in den HTML-Code deiner Seite ein.
Was passiert, wenn der Countdown abgelaufen ist?
Er bleibt bei null stehen und zeigt deinen Schlusstext oder „Die Zeit ist abgelaufen!“, wenn du das Feld leer lässt.
Sehen alle Besucher dieselbe Restzeit?
Ja, wenn du eine bestimmte Zeitzone wählst. Mit der Ortszeit jedes Besuchers erreicht der Countdown in jedem Land zur gleichen Ortszeit null.
Kann der Countdown für jeden Besucher neu starten?
Nein. Das Widget zählt nur bis zu einem echten Datum – so bleiben deine Aktionen ehrlich.
Wie ändere ich das Datum später?
Komm auf diese Seite zurück, stelle das neue Datum ein und ersetze den alten Code durch den neuen.