Um einen Countdown Timer in eine Klaviyo-E-Mail einzufügen, erstellst du deinen Timer in CleverTimer und kopierst den vollständigen Timer HTML Code in einen HTML-Block im Klaviyo-Editor. Du musst weder eigenen Code schreiben noch eine App verbinden.
Klaviyo bietet derzeit keinen eigenen E-Mail-Countdown. Die offizielle Countdown-Anleitung beschreibt die Einbindung eines externen Timers über einen HTML-Block. In CleverTimer wählst du ein Design, passt Farben und Beschriftung an und legst bei Bedarf einen Apple-Mail-Fallback fest.
Die folgende Anleitung eignet sich für Angebote, Aktionen und Anmeldungen mit einem festen Endzeitpunkt. Beim Öffnen der E-Mail beginnt keine neue persönliche Frist.
So fügst du einen Countdown Timer in Klaviyo ein
Schritt 1: Endzeitpunkt und Design in CleverTimer festlegen
- Öffne den CleverTimer-Generator und stelle Enddatum, Uhrzeit und Zeitzone ein.
- Wähle ein Design und passe Farben sowie die Sprache der Timer-Beschriftung an deinen Newsletter an. Die Ziffern sollten auch in der späteren Darstellungsgröße gut lesbar sein.
- Falls gewünscht, wähle einen Apple-Mail-Fallback: Bild anzeigen liefert ein statisches Bild mit deinem Text, Ausblenden ein transparentes Ersatzbild. Deaktiviert lässt den Fallback ausgeschaltet. Die Ersatzbilder werden bei Abrufen verwendet, die als mögliche Mail-Privacy-Protection-Aktivität erkannt werden.
- Klicke auf Timer erstellen, gib deine E-Mail-Adresse ein und stimme den Nutzungsbedingungen sowie der Verwendung deiner Adresse für die Aktivierung zu. Fordere den sechsstelligen Aktivierungscode an und gib ihn ein, um deinen Timer zu erstellen. Ein Benutzerkonto brauchst du nicht.
- Kopiere den vollständigen Timer HTML Code, nicht nur die Timer-URL.
Stimme den Endzeitpunkt mit deinem Angebot ab. Steht im Newsletter beispielsweise „Aktion endet am 27. November 2026 um 20 Uhr (MEZ)“, sollten Timer und Angebot auf deiner Website zu genau diesem Zeitpunkt enden.
Schritt 2: HTML-Block in Klaviyo einfügen
- Öffne die gewünschte E-Mail: eine Vorlage, eine noch nicht versendete Kampagne oder eine Flow-E-Mail.
- Füge an der gewünschten Stelle einen HTML-Block ein, zum Beispiel unter dem Angebot und über dem Button.
- Entferne den vorhandenen Code in diesem neuen Block und setze deinen vollständigen CleverTimer-HTML-Code ein.
- Klicke auf den Zurück-Pfeil, um die Änderung zu übernehmen und zum Layout zurückzukehren.
Der Screenshot zeigt links den HTML-Code und rechts den Countdown im Layout. Die Oberfläche und Timer-Beschriftung sind hier auf Englisch; in CleverTimer kannst du deutsche Beschriftungen wählen. Verwende deinen eigenen generierten Code statt der abgebildeten Timer-Adresse.
Tipp: Behalte die ursprüngliche CleverTimer-Bild-URL im Code. Lade das GIF nicht herunter, um es anschließend als Datei in Klaviyo hochzuladen. So würdest du ein bereits erzeugtes Bild übernehmen. Über die ursprüngliche URL kann CleverTimer die Restzeit bei einer Bildanfrage neu berechnen; Mailprogramme können das Ergebnis trotzdem zwischenspeichern.
Alternative: Timer-URL über „Dynamic image“ einfügen
Wenn du lieber mit einem Bildblock arbeitest, verwende die Timer-URL aus CleverTimer statt des HTML-Codes:
- Füge einen Image-Block ein und klicke auf Select image.
- Wähle den Reiter Dynamic image.
- Setze deine vollständige Timer-URL in das Feld Dynamic variable or dynamic URL ein und klicke auf Save.
Die URL im Screenshot ist ein Platzhalter. Ersetze sie durch deine eigene generierte Timer-URL. Nutze für diesen Weg Dynamic image, statt eine heruntergeladene GIF-Datei hochzuladen oder Import URL zu wählen. Der vollständige HTML-Code gehört nicht in das URL-Feld. Die genannten Schaltflächen entsprechen der englischen Oberfläche im Screenshot.
Du brauchst nur eine der beiden Varianten. „Dynamic image“ erzeugt keine persönliche Frist und garantiert nicht, dass bei jedem Öffnen ein frisches Bild geladen wird. Prüfe deshalb bei beiden Wegen eine zugestellte Testmail.
Schritt 3: Eine Testmail prüfen
Sende dir die E-Mail und öffne sie auf Smartphone und Desktop, möglichst in den Mailprogrammen deiner Zielgruppe. Eine passende Vorschau im Editor ist erst der erste Check.
- Restzeit: Vergleiche den angezeigten Countdown mit Endzeitpunkt und Zeitzone. Nenne Datum, Uhrzeit und Zeitzone zusätzlich als normalen Text in der E-Mail.
- Darstellung: Passt der Timer in die Spalte und sind die Ziffern gut lesbar? Wenn du die Abmessungen im HTML änderst, behalte die Proportionen bei.
- Bilder: Prüfe die Nachricht auch mit blockierten Bildern. Ergänze einen passenden Alt-Text wie „Countdown bis zum Aktionsende“ und achte darauf, dass das Angebot ohne Bild verständlich bleibt.
- Ablauf: Verwende einen separaten Testtimer mit kurzer Laufzeit, um die zugestellte E-Mail nach Ablauf zu prüfen. Ersetze den Testcode beziehungsweise die Test-URL vor dem echten Versand durch deinen regulären Timer und kontrolliere die Frist erneut.
Erneutes Öffnen lädt nicht zwangsläufig ein neues Bild. Wenn die Zahlen nicht stimmen, helfen die Hinweise weiter unten bei der Fehlersuche.
Kann ich den Countdown in Klaviyo-Flows verwenden?
Ja, wenn die E-Mail eine gemeinsame Frist bewirbt. Eine Flow-Mail, die an eine am Freitag endende Aktion erinnert, kann denselben festen Countdown wie deine Kampagne verwenden.
Anders ist es bei „Dein Rabatt gilt 24 Stunden ab Anmeldung“: Hier braucht jeder Empfänger einen eigenen Endzeitpunkt. Die in dieser Anleitung beschriebene CleverTimer-Einbindung erstellt keinen solchen Evergreen-Timer. Das Einfügen in einen Flow ändert daran nichts.
Prüfe, wann Empfänger die Flow-Mail erhalten können. Könnte sie auch nach Aktionsende versendet werden, passe den Flow an oder ersetze die Nachricht rechtzeitig. Das Countdown-Bild beendet weder einen Rabatt noch verhindert es den Versand einer Klaviyo-E-Mail.
Warum fehlt der Countdown, steht still oder zeigt eine falsche Restzeit?
Der Code erscheint als Text oder der Timer fehlt
Beim HTML-Weg gehört der vollständige Einbettungscode in einen HTML-Block. Beim Bild-Weg trägst du nur die Timer-URL unter „Dynamic image“ ein. Prüfe außerdem, ob der Timer aktiviert wurde und das Mailprogramm externe Bilder anzeigen darf.
Der Timer läuft, aber die Restzeit stimmt nicht
Kontrolliere zuerst Datum, Uhrzeit und Zeitzone. Sind sie korrekt, zeigt das Mailprogramm möglicherweise ein gespeichertes Bild. Apple Mail Privacy Protection kann Bilder schon vor dem Lesen abrufen. Ein Countdown kann deshalb noch animiert sein, obwohl seine Restzeit nicht mehr stimmt.
CleverTimers optionale Fallbacks liefern für als mögliche MPP-Aktivität erkannte Abrufe ein Ersatzbild. Sie umgehen keinen Cache und erkennen nicht garantiert jeden Apple-Mail-Empfänger. Unser Leitfaden zu Apple Mail Privacy Protection und Countdown Timern erklärt die Optionen und ihre Grenzen.
Der Timer erscheint als Standbild
Manche Mailprogramme oder Einstellungen spielen GIF-Animationen nicht ab. Klaviyo nennt ausdrücklich ältere Outlook-Versionen wie 2007, 2010 und 2013, die nur das erste Bild anzeigen. Die ausgeschriebene Frist neben dem Angebot hilft, damit die Nachricht auch ohne Animation verständlich bleibt.
Häufige Fragen
Nein. Du verwendest den CleverTimer-HTML-Code in einem HTML-Block oder die Timer-URL in einem Dynamic-image-Bildblock. Für beide Wege brauchst du keine App-Verbindung und keinen API-Schlüssel.
CleverTimer ist kostenlos und erfordert kein Benutzerkonto. Zum Erstellen deines Timers gibst du den sechsstelligen Aktivierungscode ein, den du per E-Mail erhältst.
Ja, wenn die neue E-Mail dieselbe Frist bewirbt. Das Kopieren des Codes setzt den Countdown nicht zurück und verlängert ihn nicht. Für ein anderes Angebot erstellst du einen Timer mit dem passenden Endzeitpunkt und prüfst die neue E-Mail vor dem Versand.
Nein. Der Timer zeigt eine Frist an; er steuert weder Preise noch Rabattcodes oder den Checkout deines Shops. Richte das Angebot separat ein und stimme den Endzeitpunkt mit der E-Mail ab.
Dein nächster Klaviyo-Newsletter mit Countdown
Wähle dein Timer-Design, füge den Countdown ein und prüfe eine zugestellte Testmail. Weitere Ideen für Aktionen, Events und Produkteinführungen findest du in unserem Leitfaden zu Countdown Timern im Newsletter.