Einen Countdown Timer in deinen Shop einzubauen, dauert mit dem richtigen Tool nur wenige Minuten: Du fügst einmal einen Code-Schnipsel in den <head> deiner Website ein, gestaltest den Timer im Dashboard und legst fest, wo er erscheint. In dieser Anleitung zeigen wir dir den Weg für Shopify, WooCommerce bzw. WordPress und jede andere Website – plus die wichtigsten Tipps, damit der Timer verkauft statt nervt.
Wofür brauchst du einen Countdown Timer im Onlineshop?
Ein Countdown macht eine Frist sichtbar. Statt „Aktion gilt bis Sonntag“ irgendwo im Kleingedruckten sieht der Besucher: noch 1 Tag, 6 Stunden, 12 Minuten. Das hilft bei typischen Anlässen wie:
- Saisonverkäufen wie Black Friday, Cyber Monday oder dem Sommerschlussverkauf
- Wochenend- oder Flash-Sales mit festem Ende
- Versandfristen, etwa „Bis 14 Uhr bestellt, heute verschickt“ oder „Rechtzeitig zu Weihnachten bestellen“
- Produktlaunches und Vorverkäufen
- Frühbucherpreisen für Kurse, Events oder Workshops
Die Grundregel gilt immer: Der Countdown muss zu einer echten Frist gehören. Läuft er ab, endet auch das Angebot.
Welche Countdown-Varianten gibt es?
Bei wwidgets kannst du zwischen verschiedenen Formen wählen, je nachdem, was du erreichen willst:
| Variante | Geeignet für |
|---|---|
| Countdown mit Call-to-Action | Sale-Aktionen, bei denen der Besucher direkt zur Aktionsseite oder zum Produkt soll |
| Countdown mit E-Mail-Feld | Launches und Vorverkäufe, bei denen Interessenten benachrichtigt werden wollen |
| Countdown als Leiste | Shopweite Aktionen, die dezent oben oder unten auf jeder Seite stehen |
| Countdown als Pop-up | Kampagnenseiten oder Exit-Intent, wenn du mehr Aufmerksamkeit willst |
Schritt 1: wwidgets-Konto anlegen und Kampagne erstellen
Erstelle zuerst ein Konto. Du kannst wwidgets 14 Tage kostenlos testen. Danach legst du eine Kampagne für deine Domain an, zum Beispiel „meinshop.de“. In der Kampagne findest du deinen persönlichen Pixel-Code – eine einzelne Zeile, die du gleich in deine Website einfügst.
Schritt 2: Pixel-Code in deinen Shop einfügen
Der Code gehört in den <head>-Bereich deiner Website. Er lädt asynchron, deine Seite wird also nicht ausgebremst. Du musst das nur einmal machen, danach steuerst du alle Widgets über das Dashboard.
Countdown Timer in Shopify einbauen
- Öffne im Shopify-Admin „Onlineshop“ und dann „Themes“.
- Klicke beim aktiven Theme auf das Drei-Punkte-Menü und wähle „Code bearbeiten“.
- Öffne unter „Layout“ die Datei theme.liquid.
- Füge den wwidgets-Pixel-Code direkt vor dem schließenden </head>-Tag ein.
- Speichern – fertig.
Tipp: Wenn du dein Theme später aktualisierst oder wechselst, prüfe, ob der Code noch drin ist.
Countdown Timer in WooCommerce bzw. WordPress einbauen
Für WordPress gibt es zwei gängige Wege:
- Mit einem Header-Plugin: Installiere ein Plugin, mit dem du Code in den Header einfügen kannst, und trage dort den Pixel-Code ein. Das ist der einfachste Weg und übersteht Theme-Updates.
- Über das Child-Theme: Wenn du mit Code vertraut bist, kannst du den Schnipsel in die header.php deines Child-Themes vor </head> setzen. Ändere nicht das Haupt-Theme direkt, sonst geht der Code beim nächsten Update verloren.
Falls du ein Caching-Plugin nutzt, leere nach dem Einfügen den Cache, damit der Code sofort ausgeliefert wird.
Countdown Timer auf jeder anderen Website einbauen
Egal ob Magento, Wix oder eine selbst programmierte Seite: Überall, wo du Code in den <head> einfügen kannst, funktioniert wwidgets. In Wix findest du dafür zum Beispiel den Bereich für benutzerdefinierten Code in den Einstellungen. Eine Übersicht für die verschiedenen Systeme findest du in der Anleitung für den Einstieg.
Schritt 3: Countdown-Widget erstellen und gestalten
- Wähle in deiner Kampagne „Neues Widget“ und dann den Typ „Countdown“.
- Lege das Enddatum und die Uhrzeit fest. Denk an die richtige Zeitzone – für DACH meist die mitteleuropäische Zeit.
- Schreib eine klare Überschrift, zum Beispiel „Winter-Sale: 20 % auf alle Jacken“.
- Füge einen Button hinzu („Jetzt sparen“) und verlinke ihn auf deine Aktionsseite – oder nutze stattdessen das E-Mail-Feld, wenn du Interessenten sammeln willst.
- Passe Farben, Position und gegebenenfalls den Dark Mode an dein Shopdesign an.
Schritt 4: Anzeige-Regeln festlegen
Jetzt entscheidest du, wann und wo der Timer erscheint. Typische Einstellungen:
- Bestimmte Seiten: Nur auf den Produkten oder Kategorien, die im Sale sind.
- Verzögerung: Zum Beispiel erst nach 5 Sekunden, damit der Besucher zuerst die Seite wahrnimmt.
- Scrolltiefe: Anzeige erst, wenn jemand ein Stück nach unten gescrollt hat.
- Exit-Intent: Der Timer erscheint, wenn der Besucher die Seite verlassen will.
- Gerät: Getrennte Einstellungen für Desktop und Mobilgeräte.
- Häufigkeit: Wie oft ein Besucher das Widget sieht, etwa einmal pro Sitzung.
Welche Best Practices gelten für Countdown Timer?
Nur echte Fristen verwenden
Ein Timer, der nach Ablauf neu startet oder bei jedem Besuch wieder bei 10 Minuten beginnt, ist eine Täuschung. Das schadet deinem Ruf und kann gegen Wettbewerbs- und Verbraucherschutzrecht verstoßen. Wenn die Aktion endet, nimm das Widget raus oder lass es automatisch auslaufen.
Das Angebot muss klar sein
„Nur noch 2 Stunden!“ allein sagt nichts. Der Besucher muss sofort verstehen, was er bekommt: wie viel Rabatt, auf welche Produkte, ob ein Code nötig ist.
Mobil zuerst testen
Auf dem Smartphone ist wenig Platz. Eine schmale Leiste ist dort oft besser als ein großes Pop-up. Prüfe, dass der Timer weder den Warenkorb-Button noch das Menü verdeckt.
Nicht übertreiben
Ein Countdown pro Seite reicht. Wenn gleichzeitig mehrere Timer und Pop-ups laufen, wirkt der Shop unruhig und unseriös.
Ergebnisse auswerten
In der wwidgets-Statistik siehst du Impressionen, Klicks, CTR und Conversion-Rate. Vergleiche verschiedene Überschriften oder Positionen über mehrere Aktionen hinweg, um herauszufinden, was bei deiner Zielgruppe ankommt.
Welche Countdown-Texte funktionieren gut?
Der Timer selbst ist nur die halbe Miete – entscheidend ist, was daneben steht. Ein paar Beispiele, die du an deinen Shop anpassen kannst:
- „Black Week: 25 % auf alles – nur noch bis Montag, 23:59 Uhr“
- „Bis 14 Uhr bestellt, heute verschickt“ (als tägliche Versandfrist, wenn sie für deine Logistik stimmt)
- „Weihnachts-Deadline: Jetzt bestellen, rechtzeitig unterm Baum“
- „Frühbucherpreis für den Töpferkurs in Hamburg endet in …“
- „Neue Kollektion ab Freitag online – trag dich ein und wir erinnern dich“ (mit E-Mail-Feld)
Achte darauf, dass Überschrift, Rabatt und Button-Text zusammenpassen und der Klick genau dort landet, wo das Angebot gilt. Wenn ein Besucher nach dem Klick erst suchen muss, verpufft die Dringlichkeit. Ein letzter Tipp: Plane den Timer schon einige Tage vor der Aktion, prüfe die Vorschau auf Desktop und Handy und setze dir eine Erinnerung, das Widget nach Aktionsende zu deaktivieren oder durch die nächste Kampagne zu ersetzen.
Häufige Fragen zum Countdown Timer
Macht ein Countdown Timer meine Seite langsamer?
Der wwidgets-Code lädt asynchron. Deine Seite baut sich also auf, ohne auf das Widget zu warten.
Kann ich mehrere Countdowns für verschiedene Aktionen anlegen?
Ja. Du kannst mehrere Widgets erstellen und jedem eigene Seiten, Zeiträume und Regeln zuweisen – etwa einen Timer für den Jacken-Sale und einen anderen für die Versandfrist vor Weihnachten.
Was kostet der Countdown Timer?
Der Countdown ist in den Tarifen enthalten: Professional für 9 € und E-Commerce World für 14 € im Monat. Die genauen Leistungen findest du auf der Preisseite.
Ein Countdown Timer ist eines der einfachsten Werkzeuge, um echte Aktionen sichtbar zu machen und Kaufentscheidungen zu erleichtern. Einmal den Code einbauen, Timer gestalten, Regeln festlegen – und deine nächste Aktion bekommt die Aufmerksamkeit, die sie verdient. Teste wwidgets jetzt 14 Tage kostenlos und richte deinen ersten Countdown ein.
