Anpassungsoptionen für den Countdown-Timer

Zuletzt aktualisiert 30. Oktober 2026

Die meisten Gestaltungsmöglichkeiten findest du im Visuelles Design und Text & Beschriftungen Bereiche des Timer-Editors. Die Vorschau wird aktualisiert, sobald du Änderungen vornimmst. Die folgenden Beispiele zeigen, wie sich die einzelnen Optionen auf einen echten Timer auswirken.

Visuelles Design

Größe

Wähle zwischen X-Small und X-Large. Größere Timer sind außerdem präziser.

Stil

Klick auf den aktuellen Stil, um alle anzusehen Wähle einen neuen Timer-Stil aus. Der „Free plan“ enthält den „Classic“-Stil, „Micro“ bietet 10 weitere Stile (Clean, Blocks, Arcs, Pill Bar und deren Varianten), und ab „Standard“ sind alle Stile freigeschaltet, einschließlich Bewegungsstile, bei denen sich die Zahlen zwischen den Einzelbildern bewegen (Smooth Flip, Ticks, Ring Progress und mehr). Aktiviere Derzeit ausgewählte Farben verwenden damit deine Farben beim Stilwechsel erhalten bleiben.

Hier sind sechs davon in den Sendtric-Farben:

Sechs Timer-Designs in Marineblau und Blau: Classic, Blocks, Arcs, Pill Bar, Smooth Flip und Ring Progress

Vertikaler Timer

Staple die Elemente, anstatt sie in einer Reihe anzuzeigen (ab „Standard“). Blockstile bieten außerdem Seitliches Etikett, wodurch jede Bezeichnung neben ihrer Nummer steht.

Ein „Blocks“-Timer in einer Reihe, derselbe Timer vertikal gestapelt und vertikal gestapelt, wobei die Beschriftungen neben den Zahlen stehen

Farben

Set Ziffern und Etiketten, oder eine eigene Farbe pro Einheit mit Individuelle Farben für Ziffern und Individuelle Farben für Etiketten. Die meisten Modelle haben außerdem ein oder zwei Akzent Farben für ihre Ringe, Stäbe oder Blöcke.

Ein Timer mit einer Ziffernfarbe und einer Beschriftungsfarbe, derselbe Timer mit einer anderen Farbe für jede Einheit und ein „Ring Progress“-Timer mit orangefarbenen Akzentringen

Hintergrund

Wähle ein Einfarbig, Transparent (Standard und höher) oder Hintergrundbild hochladen (Micro und höher). Ein einfarbiger Hintergrund ist ein Feld in einer einzigen Farbe. Bei einem transparenten Hintergrund scheint die E-Mail dahinter durch, allerdings können die Ränder unschön aussehen. Siehe So verwendest du dein eigenes Hintergrundbild für einen Timer und Warum ist mein Countdown-Timer mit transparentem Hintergrund verschwommen?

Auffüllung

Füge auf jeder Seite um den Timer herum einen Abstand von 0 bis 100 Pixel hinzu (ab der Version „Standard“). Der zusätzliche Abstand wird mit dem Hintergrund des Timers ausgefüllt. Alle Abstände entfernen setzt jede Seite auf 0 und Auf Standard zurücksetzen kehrt zum Abstand des Stils zurück.

Die Einstellungen für den Abstand mit den Feldern „Oben“, „Rechts“, „Unten“ und „Links“ sowie die Schaltflächen „Gesamten Abstand entfernen“ und „Auf Standard zurücksetzen“

Ein Blocks-Timer mit Standard-Abstand, bei dem links und rechts jeweils 20 Pixel hinzugefügt wurden und an jeder Seite 30 Pixel Platz sind, wobei eine gestrichelte Linie den Rand jedes Bildes markiert

Ablaufoption

Was wird angezeigt, wenn der Timer abgelaufen ist? Siehe Wie man festlegt, was angezeigt wird, wenn ein Timer abgelaufen ist.

Text & Beschriftungen

Sprache und Bezeichnungen

Sprache: 47 Sprachen für die Beschriftungen. Siehe So änderst du die Sprache deiner Widgets.
Individuelle Etiketten oder Beschriftungen ausblenden (kostenpflichtige Tarife).
Anzeige: Wähle aus, welche Einheiten angezeigt werden sollen: Jahre, Tage, Stunden, Minuten und Sekunden.

Der gleiche Timer mit Standardbeschriftung, mit benutzerdefinierter Beschriftung „D H M S“, mit ausgeblendeter Beschriftung und mit deaktivierten Sekunden

Schriftarten

Wähle aus über 900 Google Fonts für die Ziffern und Beschriftungen jeweils separat aus. Der „Free plan“ umfasst Roboto, Droid Sans Mono und Noto Sans. Großunternehmen können zudem eigene Schriftarten verwenden. Siehe So lädst du eigene Markenschriftarten hoch.

Schriftgröße und Position der Beschriftung

Vergrößere oder verkleinere die Beschriftungen und verschiebe sie relativ zu den Ziffern nach oben oder unten (ab der Version „Standard“).

Derselbe Timer mit Standardbeschriftungen, mit größeren Beschriftungen und mit Beschriftungen, die weiter unterhalb der Ziffern platziert sind

Textgliederung

Textkontur aktivieren (Stufe „Power“ und höher) zeichnet einen Umriss um die Ziffern, die Beschriftungen oder beides. Wähle Auf Zahlen anwenden, Auf Etiketten anwenden, das Konturbreite und das Konturfarbe. Dadurch hebt sich der Timer vor unruhigen Hintergründen und im Dunkelmodus besser ab, und kleine oder transparente Timer wirken schärfer.

Der Schalter „Textumriss aktivieren“ ist eingeschaltet, mit den Optionen „Auf Zahlen anwenden“, „Auf Beschriftungen anwenden“, „Umrissbreite“ und „Umrissfarbe“

Ein weiß-auf-blauer Timer ohne Umrandung und mit einer 2-Pixel-Umrandung in Marineblau um die Ziffern und Beschriftungen

Ausrichtung

Wähle Linksbündig, Zentrieren oder Rechtsbündig Füge den Code dort ein, bevor du ihn kopierst.

Speichere deinen Entwurf für das nächste Mal

Speichere ein Design als Vorlage und starte daraus neue Timer. Siehe So verwendest du Timer-Vorlagen.

Wenn du mehr über E-Mail-Countdown-Timer erfahren möchtest, schau dir unseren Seite „E-Mail-Countdown-Timer“.