Wie du dynamische Timer in Klaviyo hinzufügst
Dynamische Countdown-Timer sind ein wirkungsvolles Mittel, um Dringlichkeit zu erzeugen und Klicks in deinen E-Mail-Kampagnen zu steigern. Wenn du
Erstveröffentlichung: .Zuletzt aktualisiert: Dynamische Countdown-Timer sind ein wirkungsvolles Mittel, um Dringlichkeit zu erzeugen und Klicks in deinen E-Mail-Kampagnen zu steigern. Wenn du Klaviyo mit Sendtric nutzt, ist dir vielleicht aufgefallen, dass die Variable today je nach Server- oder Kontoeinstellungen die falsche Zeitzone referenzieren kann.
Dieser Leitfaden erklärt, warum das passiert, und zeigt dir zwei zuverlässige Methoden, um dynamische Timer in Klaviyo hinzuzufügen.
Warum das Zeitzonenproblem auftritt
Die Variable today von Klaviyo kann die Serverzeitzone von Klaviyo verwenden oder fälschlicherweise die Zeitzone des Kontonutzers referenzieren. Wenn die Zeitzone deines Kontos nicht korrekt eingestellt ist, zeigt dein Countdown-Timer möglicherweise die falsche Ablaufzeit an.
Bevor du eine der folgenden Lösungen umsetzt:
Stelle sicher, dass die Zeitzoneneinstellungen deines Klaviyo-Kontos korrekt sind.
Bestätige, dass das Timing deiner Kampagne mit dieser Zeitzone übereinstimmt.
Methode 1: Die Zeitzone manuell verschieben
Diese Methode fügt eine separate Zeitzonen-Variable hinzu und hängt sie an deinen Zeitstempel an, bevor er in das Unix-Format umgewandelt wird.
Beispiel: 1-Tages-Countdown
<table align="center">
<tbody>
<tr>
<td>
{% today "%Y-%m-%dT%H:%M:%S" as dt %}
{% today "%z" as tz %}
<img style="display:block; max-width:100%;"
src="REPLACE_WITH_YOUR_TIMER_URL?to={{ dt|days_later:1|append:tz|format_date_string|date:'U' }}" />
</td>
</tr>
</tbody>
</table>So funktioniert's
dt erfasst das aktuelle Datum und die Uhrzeit.
tz erfasst den Zeitzonen-Offset.
days_later:1 legt fest, dass der Timer 1 Tag später abläuft.
Das Datum wird mit date:'U' in einen Unix-Zeitstempel umgewandelt.
Diese Methode eignet sich ideal, wenn du einen Countdown basierend auf einer bestimmten Anzahl von Tagen möchtest.
Methode 2: Die Variable „Now“ verwenden und Sekunden hinzufügen
Dieser Ansatz bietet mehr Flexibilität. Statt in Tagen zu zählen, fügst du manuell die genaue Anzahl an Sekunden hinzu, die der Timer laufen soll.
Beispiel: 24-Stunden-Countdown
<tbody>
<tr>
<td>
{% today "%Y-%m-%dT%H:%M:%S%z" as now %}
<img style="display:block; max-width:100%;"
src="REPLACE_WITH_YOUR_TIMER_URL?to={{ now|format_date_string|date:'U' }}+86400" />
</td>
</tr>
</tbody>So funktioniert's
now enthält den Zeitzonen-Offset automatisch.
Der Wert wird in einen Unix-Zeitstempel umgewandelt.
+86400 addiert 86.400 Sekunden, was 24 Stunden entspricht.
Du kannst 86400 durch eine beliebige Anzahl von Sekunden ersetzen:
3 Stunden = 10800
48 Stunden = 172800
7 Tage = 604800
Diese Methode ist am besten geeignet, wenn du präzise Kontrolle über die Countdown-Dauer möchtest.
