Skip to main content

​
Allgemeine Beschreibung

Das “Countdown Plus” Portlet ist ein leistungsstarkes Tool, um Dringlichkeit zu erzeugen oder auf zeitkritische Ereignisse hinzuweisen. Egal ob für limitierte Verkaufsaktionen, Produktlaunches oder den Versand-Cutoff – ein visuell ansprechender Timer motiviert Kunden zur schnelleren Interaktion (FOMO-Effekt). Du hast dabei volle Kontrolle über das Design, das Verhalten nach Ablauf der Zeit und wiederkehrende Intervalle.

​
Einsatzmöglichkeiten (Inspiration)

  • Flash Sales & Aktionen: “Nur noch 2 Stunden: 20% Rabatt auf alles!” – Erzeuge Kaufdruck durch klare Fristen.
  • Product Launches: “Die neue Kollektion ist online in…” – Baue Spannung für neue Artikel auf.
  • Versand-Countdown: “Bestelle innerhalb von 30 Min für Versand heute.” – Erhöhe die Conversion-Rate kurz vor Annahmeschluss.
  • Wiederkehrende Events: Nutze den Timer für wöchentliche Aktionen wie “Happy Hour jeden Sonntag”.

​
Featureübersicht:

  • Flexible Timer-Typen: Wähle zwischen einem festen Enddatum oder wiederkehrenden Intervallen.
  • Design-Vielfalt: Verschiedene Stile (z. B. Cards, Alerts, Clean) und Zeitanzeigen (Digitaluhr vs. Text).
  • Intelligente Ablauf-Logik: Bestimme genau, was passiert, wenn die Zeit abgelaufen ist (Ausblenden, Text ändern, Neustart).
  • Text-Integration: Füge nahtlos Texte vor und nach dem Timer ein, um den Kontext zu erklären.

​
Settings:

​
Allgemein

Image
Timer Typ: Hier legst du die grundlegende Funktionsweise fest.
  • Einmaliges Ende: Der Countdown läuft auf ein festes Datum/Uhrzeit zu.
  • Wiederholend: Der Countdown startet nach Ablauf neu (z. B. täglich oder wöchentlich).
fixes Enddatum: Wähle das genaue Datum und die Uhrzeit, wann der Countdown enden soll (nur bei “Einmaliges Ende”). Text vor dem Countdown: Ein optionaler Text, der direkt links oder über dem Timer steht (z. B. “Angebot endet in:”). Text nach dem Countdown: Ein optionaler Text, der direkt rechts oder unter dem Timer steht.

​
Darstellung

Hier definierst du das optische Erscheinungsbild des Timers.
Image
Schreibstil der Zeiteinheiten: Bestimme, wie die Zeit dargestellt wird.
  • Ausgeschrieben: Tage, Stunden, Minuten (lang).
  • Abgekürzt: T, Std, Min.
  • Digitaluhr: Klassische Doppelpunkt-Trennung (00:00:00).
  • Nur das Enddatum anzeigen: Zeigt statt des Countdowns das Zieldatum.
Abgelaufene Timerbereiche ausblenden: Wenn aktiviert, werden Zeiteinheiten, die auf “0” stehen, ausgeblendet (z. B. werden “Tage” nicht mehr angezeigt, wenn es nur noch wenige Stunden sind). Textfarbe des Countdowns: Passe die Farbe der Ziffern und Texte an dein Design an. Ausrichtung des Inhalts: Lege fest, ob der Timer linksbündig, zentriert oder rechtsbündig im Container stehen soll. Stil des Widgets: Wähle aus vorgefertigten Design-Templates.
  • Auswahlmöglichkeiten: Clean, Card, Bordered, Full, Alert Info, Alert Warning, Alert Danger, Alert Success.
Stil des Widgets, wenn abgelaufen: Definiere ein abweichendes Design, sobald der Timer 0 erreicht hat.
  • Auswahlmöglichkeiten: Clean, Card, Bordered, Full, Alert Info, Alert Warning, Alert Danger, Alert Success.

​
Abgelaufener Countdown

Hier steuerst du das Verhalten, nachdem der Countdown 0 erreicht hat.
Image
Was wird dargestellt, wenn der Timer abgelaufen ist:
  • Komplett ausblenden: Das gesamte Portlet verschwindet.
  • Timer ausblenden, Alternativtext anzeigen: Der Countdown verschwindet, stattdessen erscheint eine definierte Nachricht (z. B. “Aktion beendet”).
  • Nächstes Datum anzeigen: Zeigt den Zeitpunkt des nächsten Intervalls an.
  • Countdown zum nächsten Enddatum starten: Der Timer beginnt sofort wieder für das nächste Intervall zu laufen.