Kostenlos · Ohne Anmeldung
Countdown Widget für deine Website
Bau dir ein kostenloses Countdown Widget und binde es mit einer Zeile Code in WordPress, Shopify, Wix oder HTML ein.
Der Winterschlussverkauf endet in
by tempoo.net
Dein Countdown ist fertig
- HTMLFüg den Code dort ein, wo der Countdown erscheinen soll.
- WordPressFüg den Code in einen „Individuelles HTML“-Block ein.
- ShopifyFüg im Theme-Editor einen „Custom Liquid“-Abschnitt hinzu und setz den Code dort ein.
- WixNutze „Code einbetten“ › „HTML einbetten“.
Die Bearbeitungsrechte werden in diesem Browser gespeichert. Wenn du die Browserdaten löschst, kannst du den Countdown nicht mehr bearbeiten.
Mit dem kostenlosen Countdown Widget von tempoo zeigst du eine laufende Uhr direkt auf deiner eigenen Website – etwa für einen Sale, einen Produktlaunch oder die Anmeldefrist zu deinem Webinar. Du gestaltest das Widget im Baukasten, kopierst eine einzige Codezeile und fügst sie in deine Seite ein.
So baust du dein Widget
- Trage einen Titel ein und wähle Datum, Uhrzeit und Zeitzone des Ziels.
- Entscheide dich für einen Stil: „Box“ mit eingerahmten Ziffern, „Schlicht“ ohne Rahmen oder „Leiste“ als schmales Banner.
- Passe Akzentfarbe und Eckenradius an dein Design an.
- Lege die Sprache des Widgets fest, damit Beschriftungen wie Tage und Stunden zu deinem Publikum passen.
- Bestimme, was nach Ablauf passieren soll: eine Nachricht anzeigen oder das Widget ausblenden.
- Prüfe das Ergebnis in der Vorschau für Desktop und Mobil und kopiere den Script-Code.
Einbinden in WordPress, Shopify, Wix und HTML
Der Code ist eine einzelne Zeile und funktioniert in allen gängigen Systemen. Je nach Plattform gehst du etwas anders vor:
- WordPress: Füge im Block-Editor einen Block „Individuelles HTML“ ein und setze den Code hinein.
- Shopify: Nutze im Theme-Editor einen Abschnitt „Benutzerdefiniertes Liquid“.
- Wix: Wähle „Einbetten“ und dann „HTML einbetten“.
- Eigene HTML-Seite: Kopiere die Zeile an die Stelle im Quelltext, an der der Countdown erscheinen soll.
Das Script lädt asynchron, bremst deine Seite also nicht aus. Es ist leichtgewichtig, passt sich der verfügbaren Breite an und stellt seine Höhe automatisch ein, sodass nichts abgeschnitten wird oder unschöne Lücken entstehen.
Wann ein Countdown auf der Website sinnvoll ist
Ein sichtbarer Countdown schafft einen klaren Zeitrahmen. Deine Besucher sehen auf einen Blick, wie lange ein Angebot noch gilt oder wann etwas beginnt. Typische Einsätze sind:
- Black Friday, Sommerschlussverkauf oder Gutscheinaktionen im Onlineshop,
- der Start eines neuen Produkts oder einer Kollektion,
- Konferenzen, Konzerte, Vereinsfeste und Anmeldeschlüsse,
- Webinare und Livestreams,
- Hochzeitswebsites, auf denen Gäste die Tage bis zur Feier sehen.
Tipps für den Einsatz
Wähle die Zeitzone des Ereignisses, nicht deine eigene, wenn du ein internationales Publikum hast. Für zeitlich begrenzte Angebote eignet sich die Option „ausblenden“, damit nach Aktionsende kein abgelaufener Zähler stehen bleibt. Bei Launches wirkt dagegen eine kurze Nachricht wie „Jetzt verfügbar“ besser. Die Leisten-Variante passt gut über den Header, während die Box im Inhaltsbereich mehr Aufmerksamkeit bekommt.
Häufige Fehler vermeiden
Wenn das Widget nicht erscheint, liegt das meist am Editor: Manche Baukästen entfernen Script-Code aus normalen Textblöcken. Nutze deshalb immer den dafür vorgesehenen HTML- oder Einbettungsblock. Prüfe außerdem, ob du die komplette Codezeile kopiert hast. Änderst du später Datum oder Farbe, erzeugst du im Baukasten einfach einen neuen Code und ersetzt den alten.
Warum das Widget von tempoo?
Du brauchst kein Konto, kein Plugin und keine Programmierkenntnisse. Das Widget ist kostenlos, sieht auf allen Bildschirmgrößen sauber aus und lässt sich in wenigen Minuten an dein Design anpassen.
FAQ
Kostet das Countdown Widget etwas?
Nein, der Widget-Baukasten und das Einbetten sind kostenlos. Du brauchst dafür auch kein Benutzerkonto.
Brauche ich ein WordPress-Plugin für den Countdown?
Nein. Ein Block „Individuelles HTML“ reicht aus, um die Codezeile einzufügen.
Verlangsamt das Widget meine Website?
Das Script ist klein und wird asynchron geladen. Der Rest deiner Seite wird dadurch nicht blockiert.
Was passiert, wenn der Countdown abgelaufen ist?
Das legst du selbst fest: Entweder erscheint eine eigene Nachricht oder das Widget blendet sich automatisch aus.
Sieht der Countdown auch auf dem Smartphone gut aus?
Ja, das Widget ist responsiv und passt Breite und Höhe automatisch an. In der Vorschau kannst du die Mobilansicht vorher prüfen.