> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Was sind Time Labels und verfügbare Countdown-Typen > ℹ️ **Note:** Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team. Hoppy Countdown Timer bietet mehrere Countdown-Typen, so dass Sie Dringlichkeit in verschiedenen Bereichen Ihres Shops erstellen können - von Produktseiten und Warenkorbschubladen bis hin zu Checkout- und E-Mail-Kampagnen. Jeder Countdown-Typ ist für einen bestimmten Platzierungsbereich konzipiert und verfügt über ein eigenes Verhalten, eigene Einstellungen und eine eigene Storefront-Logik. Die Wahl des richtigen Typs hilft Ihnen, Timer genau dort anzuzeigen, wo sie am wichtigsten sind 🎯 --- # **⚠️ Bevor Sie beginnen** Um Countdown-Typen zu erkunden: → Öffnen Sie die **Hoppy Countdown Timer** App. → Klicken **Erstellen Sie einen neuen Countdown** → Wählen Sie einen Countdown-Typ aus den verfügbaren Optionen Einmal ausgewählt, öffnet sich die Setup-Seite mit Einstellungen, die auf diesen spezifischen Typ zugeschnitten sind. ℹ️ Nicht alle Einstellungen erscheinen für jeden Typ. Die App zeigt dynamisch nur die Felder an, die für Ihren ausgewählten Countdown relevant sind. --- # **🏷️ Zeitangaben** Time Labels steuern, welche Unit Labels neben dem Countdown-Timer angezeigt werden. Standardmäßig zeigen Countdowns alle verfügbaren Labels an: * Tage * Hrs * Min. * Secs Händler können diese Etiketten individuell aktivieren oder deaktivieren, je nachdem, wie der Timer auf der Storefront erscheinen soll. ### **Beispiel** Ein Countdown zeigt an: **02 Tage : 14 Stunden : 30 Minuten : 45 Sekunden** kann vereinfacht werden, indem ausgewählte Etiketten deaktiviert werden, wie: **14: 30: 45** oder **02 Tage: 14 Stunden** Abhängig von den Kampagnenanforderungen. ### **Wie es funktioniert** Im Countdown-Editor finden Sie **Zeitangaben** Schnitt. Sie können auswählen, welche Etiketten sichtbar sein sollen: * Tage * Hrs * Min. * Secs Wenn ein Label deaktiviert ist: * Der entsprechende Zeitwert funktioniert weiterhin normal. * Lediglich das Textlabel ist vom Storefront-Display ausgeblendet. Dies ermöglicht es Händlern, ein saubereres oder kompakteres Countdown-Design zu erstellen, während die Timergenauigkeit erhalten bleibt. ⚠️ **Wichtig:** Time Labels kontrollieren nur die Sichtbarkeit der Textlabels. Sie beeinflussen nicht, wie der Countdown selbst die Zeit berechnet oder anzeigt. --- # **📍 Platzierungsbasierte Countdown-Typen** Diese definieren **wo** Der Countdown erscheint auf Ihrer Storefront. --- ## **🛍️ Produktseite** * **Was sie tut:** Zeigt einen Countdown-Block auf Produktseiten an, der unter der Schaltfläche Warenkorb hinzufügen positioniert ist. * **Am besten für:** Schaffung von Dringlichkeit für einzelne Produkte. ### **Platzierungsoptionen** * **Alle Produkte** - Zeigt auf jeder Produktseite. * **Spezifische Erzeugnisse** - Wählen Sie einzelne Produkte über die Shopify Resource Picker. * **Produkte mit spezifischen Tags** - Zielprodukte, die mit den von Ihnen definierten Tags übereinstimmen. * **Produkte in spezifischen Kollektionen** - Zielprodukte innerhalb ausgewählter Kollektionen. * **Zoll** Verwenden Sie die Countdown-ID in Ihrem Theme-Editor oder fügen Sie einen Code-Snippet manuell ein. ### **Standardverhalten** * Titel: "Beeilen Sie sich!" * Untertitel: "Verkauf endet in" * Zeigt alle Zeiteinheiten: Tage, Stunden, Minuten, Sekunden * Fortschrittsleiste ist standardmäßig versteckt * Standardmäßig kein Call-to-Action-Button --- ## **📶 Top / Bottom Bar** * **Was sie tut:** Zeigt eine feste oder klebrige Countdownleiste oben oder unten in Ihrem Shop an. * **Am besten für:** Store-weite Ankündigungen, Flash-Verkäufe oder Versandtermine. ### **Platzierungsoptionen** * **Jede Seite** - Sichtbar in Ihrem gesamten Shop. * **Nur Homepage** Nur auf der Homepage. * **Alle Produktseiten** Jede Produktseite. * **Spezifische Erzeugnisse** Nur für ausgewählte Produkte. * **Alle Sammlungsseiten** Jede Sammlungsseite. * **Besondere Sammlungen** Nur ausgewählte Sammlungen. * **Zoll** Manuelle Platzierung mit Countdown-ID oder Code-Snippet. ### **Position und Verhalten** * **Position:** Wählen **oben** oder **Boden**. * **klebrig:** Wenn Sie auf oben eingestellt sind, können Sie klebriges Verhalten aktivieren, damit die Leiste beim Scrollen sichtbar bleibt. * **Close Icon:** Händler können einen Schließknopf aktivieren. Wenn ein kunde die bar ablehnt, bleibt sie über den browserspeicher verborgen. ### **Standardverhalten** * Enthält standardmäßig einen CTA-Button * Close Icon ist standardmäßig aktiviert * Button Links und Text sind konfigurierbar --- ## **🗂️ Landing Page (Collection Page)** * **Was sie tut:** Zeigt einen Countdown-Block auf Sammelseiten an. * **Am besten für:** Sammlungsspezifische Verkäufe, saisonale Kampagnen oder Kategorieaktionen. ### **Platzierungsoptionen** * **Alle Sammlungsseiten** Jede Sammlungsseite. * **Besondere Sammlungen** Nur ausgewählte Sammlungen. * **Zoll** Manuelle Platzierung mit Countdown-ID oder Code-Snippet. ### **Standardverhalten** * Enthält standardmäßig einen CTA-Button * Unterstützt anklickbare Whole-Bar-Aktionen * Injiziert vor dem Hauptinhaltsbereich --- ## **🛒 Warenkorbseite** * **Was sie tut:** Zeigt einen Countdown auf der Warenkorbseite an **und** in der Warenkorbschublade, wenn Gegenstände hinzugefügt werden. * **Am besten für:** Reduzieren Sie den Warenkorbabbruch mit Checkout- Dringlichkeit. ### **Platzierungsoptionen** * **Oberseite des Wagens** - An der Spitze des Warenkorbinhalts positioniert. * **Zoll** Manuelle Platzierung mit Countdown-ID oder Code-Snippet. ### **Besonderes Verhalten** * **Timer beginnt, wenn der erste Artikel in den Warenkorb hinzugefügt wird.** Die App erkennt automatisch Add-to-Cart-Aktionen. * Wenn der Wagen leer wird, wird der Countdown entfernt. * Der Titel unterstützt eine `{timer}` Platzhalter, so dass der live-timer inline in ihrer nachricht erscheint. ### **Standardverhalten** * Es werden nur Stunden, Minuten und Sekunden angezeigt (keine Tage). * Standardmäßig abschließbar. * Standardtitel: "Beeilen Sie sich Verkauf endet in {timer}" --- ## **📄 Warenkorbseite Standalone** * **Was sie tut:** Wie Cart Page, aber **Nur am `/cart` Seite** Nicht in der Wagenschublade. * **Am besten für:** Händler, die Countdown-Dringlichkeit ausschließlich auf der dedizierten Warenkorbseite wünschen. ### **Storefront Verhalten** * Nur auf dem `/cart` Pathname. * Befestigt sich nicht an oder erscheint nicht in der Warenkorbschublade. --- ## **🗃️ Warenkorbschublade** * **Was sie tut:** Wie Cart Page, aber **Nur innerhalb der Wagenschublade** - nicht am `/cart` Seite. * **Am besten für:** Geschäfte, in denen Kunden hauptsächlich die Warenkorbschublade verwenden, anstatt die vollständige Warenkorbseite zu besuchen. ### **Storefront Verhalten** * Nur Renderings innerhalb der Wagenschublade. * Verwendet einen MutationObserver, um zu erkennen, wenn sich die Schublade öffnet, und spritzt den Countdown automatisch ein. * Erscheint nicht auf der `/cart` Seite. --- ## **💳 Checkout Seite** * **Was sie tut:** Zeigt einen Countdown direkt auf dem Shopify Checkout-Seite. * **Am besten für:** Letzter Schritt, um den Kauf abzuschließen. ### **Wichtige Anforderung** ⚠️ **Shopify Plus Plan ist erforderlich.** Dieser Countdown-Typ ist nur für Shopify Plus Händler, weil es verwendet Shopify Checkout UI Extensions. ### **Platzierungsoptionen** * **Kaufen Checkout Block Render** Benutzerdefinierte Blockplatzierung, die vom Händler im Checkout-Editor konfiguriert wurde. ### **Konstruktionsbeschränkungen** Weil Checkout-Seiten verwendet werden ShopifyUI Extension Framework: * Die Schriftauswahl ist beschränkt auf ShopifyVordefinierte Optionen. * Timer-Styles sind beschränkt auf ShopifyTextgröße und Farbvoreinstellungen. * Vorlagen und erweiterte Styling-Optionen sind nicht verfügbar. * Nur **ein veröffentlichter Checkout-Countdown ist pro Shop erlaubt**. ### **Verfügbare Endaktionen** Nur **Unveröffentlicht** und **Nichts** verfügbar sind. Andere Endaktionen wie benutzerdefinierte Nachrichten, Erweiterung oder Neustart werden für Checkout-Countdowns nicht unterstützt. ### **Standardverhalten** * Titel: "Beeilen Sie sich!" Der Verkauf endet in {Timer} * Standardmäßig abschließbar --- # **⏱️ Timer-Verhaltenstypen** Diese definieren **Wie** Der Countdown-Timer verhält sich über die Zeit. Die verfügbaren Optionen hängen davon ab, welchen Platzierungstyp Sie ausgewählt haben. --- ## **📅 Countdown auf ein Date** * **Was sie tut:** Zählt bis zu einem bestimmten festen Datum und Uhrzeit. * **Am besten für:** Flash-Verkäufe, Produkteinführungen oder Event-Fristen. ### **Einstellungen** * **Startart:** * **Jetzt** Der Timer wird sofort sichtbar. * **Später** Der Timer wird erst nach dem von Ihnen konfigurierten Startdatum sichtbar. * **Startdatum** - Erscheint nur, wenn Start Type auf "Später" gesetzt ist. * **Enddatum** Das genaue Datum und die Uhrzeit, wenn der Countdown Null erreicht. --- ## **⏲️ Feste Minuten** * **Was sie tut:** Startet einen Countdown von einer festen Anzahl von Minuten für jede Besuchersitzung. * **Am besten für:** Erstellen Sie pro Sitzung Dringlichkeit wie "Ihr Warenkorb ist für 15 Minuten reserviert." ### **Einstellungen** * **Protokoll** Geben Sie die Dauer in Minuten ein (Standard ist 120). ### **Storefront Verhalten** * Timer beginnt frisch auf jeder Seite laden. * Wenn die Zeit abgelaufen ist, endet der Countdown basierend auf Ihrer ausgewählten Endaktion. --- ## **🔁 Täglich wiederkehrender Timer** * **Was sie tut:** Wiederholt den Countdown an ausgewählten Tagen der Woche zwischen konfigurierten Start- und Endzeiten. * **Am besten für:** Tägliche Flash-Verkäufe, Happy Hours oder wiederkehrende Promotions. ### **Einstellungen** * **Ausgewählte Tage** Wählen Sie, an welchen Tagen der Woche der Countdown erscheinen soll. * **Startzeit** Stunden, Minuten und AM / PM-Indikator. * **Endzeit** Stunden, Minuten und AM / PM-Indikator. ### **Storefront Verhalten** * Wenn die Endzeit früher als die Startzeit ist (z. B. 22 Uhr bis 2 Uhr), übernimmt die App automatisch den Übernachtübergang. * Der Countdown ist **vollständig versteckt** an Tagen, die nicht ausgewählt sind. --- ## **📊 Intervallzeitgeber** * **Was sie tut:** Legt bis zu 7 separate Countdown-Intervalle mit jeweils eigenem Start- und Enddatum fest. * **Am besten für:** Mehrphasenkampagnen, gestaffelte Verkäufe oder einwöchige Veranstaltungen mit unterschiedlichen Dringlichkeitsperioden. ### **Einstellungen** * **Intervalle** Fügen Sie bis zu 7 Intervalle hinzu, jeweils mit einem Start- und End-Zeitstempel. ### **Storefront Verhalten** * Der Countdown erscheint nur **während eines aktiven Intervalls**. * Wenn die aktuelle Zeit zwischen den Intervallen liegt, wird der Countdown ausgeblendet. * Intervalle werden sequentiell ausgewertet. --- ## **👤 Session Timer** * **Was sie tut:** Startet einen einzigartigen Countdown für jeden Besucher und bleibt über die Seite mit Browserspeicher aktualisiert. * **Am besten für:** Per Besucher Dringlichkeit, die nicht zurückgesetzt wird, wenn sie zu einer anderen Seite navigieren. ### **Einstellungen** * **Protokoll** Geben Sie die Sitzungsdauer in Minuten ein. ### **Storefront Verhalten** * Beim ersten Besuch des Besuchers startet der Timer und speichert die Start- und Endzeiten im Browserspeicher. * Bei nachfolgenden Besuchen wird der Timer dort fortgesetzt, wo er aufgehört hat. * Wenn der Browserspeicher gelöscht oder beschädigt wird, wird automatisch eine neue Sitzung erstellt. --- # **🎯 Was passiert Wenn der Timer endet** Jeder Countdown-Typ unterstützt Endaktionen, die steuern, was passiert, wenn die Zeit Null erreicht. Endmaßnahme Verhalten **Unveröffentlicht** Verbirgt den Countdown vollständig von der Storefront **Custom Message** Ersetzt den Timer durch einen benutzerdefinierten Titel und eine von Ihnen definierte Unterüberschrift **Verlängerung** Fügt zusätzliche Zeit (60-600 Sekunden) mit einer optionalen Nachricht hinzu. Sie können mehrere Erweiterungen miteinander verketten **Neustart** Starten Sie den Countdown ab sofort mit der ursprünglichen Dauer **Nichts** Timer stoppt, aber der Countdown-Inhalt bleibt sichtbar **Warenkorb löschen** Löscht den Warenkorb des Kunden und lädt die Seite neu. Nur für wagenbezogene Countdowns verfügbar ### **End Action Verfügbarkeit nach Typ** * **Standardtypen** (Produktseite, Top/Bottom Bar, Landing Page): Alle Endaktionen außer Delete Cart. * **Wagentypen** (Cart Page, Cart Drawer, Cart Page Standalone): Alle Endaktionen einschließlich Delete Cart. * **Checkout Seite:** Nur unveröffentlicht und nichts. --- # **⚠️ Wichtige Hinweise** ## **Verfügbarkeit des Timertyps nach Platzierung** Nicht alle Timer-Verhaltenstypen sind für jede Platzierung verfügbar: * **Produktseite, Top/Bottom Bar, Landing Page:** Alle verfügbaren Timertypen (Datum, Minuten, Wiederholung, Intervall, Sitzung). * **Cart Page, Cart Drawer, Cart Page Standalone:** Nur **Feste Minuten** Timer-Typ ist verfügbar. * **Checkout Seite:** Nur **Feste Minuten** Timer-Typ ist verfügbar. ## **Checkout Page Einschränkungen** * Erforderlich **Shopify Plus** Plan. * Nur **eine** Der Checkout-Countdown kann pro Shop gleichzeitig veröffentlicht werden. * Designoptionen sind begrenzt auf ShopifyDie Checkout UI Presets. ## **Warenkorbtypen sind gegenseitig exklusiv** Cart Page, Cart Page Standalone und Cart Drawer sind ähnlich, dienen aber unterschiedlichen Zwecken: * Verwendung **Warenkorbseite** wenn Sie den Countdown sowohl auf der Warenkorbseite als auch in der Warenkorbschublade wünschen. * Verwendung **Warenkorbseite Standalone** Wenn Sie es nur auf dem `/cart` Seite. * Verwendung **Warenkorbschublade** Wenn Sie es nur in der Warenkorbschublade haben möchten. --- # **💡 Use Cases & Beispiele** ### **Flash Sale auf Produktseiten** → auswählen **Produktseite** → Platzierung: Spezifische Produkte (ausgewählte Verkaufsartikel) Timer: Countdown auf ein Date → End Action: Unpublish ### **Store-Wide Shipping Frist** → auswählen **Top / Bottom Bar** → Platzierung: Jede Seite → Position: Top + Sticky → Timer: Täglich wiederkehrende (z. B. Montag-Freitag, 9 bis 17 Uhr) → End Action: Benutzerdefinierte Nachricht - "Bestellungen nach 17 Uhr Schiff morgen" ### **Cart Abandonment Dringlichkeit** → auswählen **Warenkorbseite** → Platzierung: Top of Cart → Timer: Feste Minuten (z.B. 30 Minuten) → Titel: "Füllen Sie Ihre Bestellung innerhalb {timer} ab, um Ihre Artikel zu sichern" → Aktion beenden: Warenkorb löschen ### **Checkout Final Push** → auswählen **Checkout Seite** ()Shopify Nur plus → Timer: Feste Minuten (z.B. 15 Minuten) Titel: "Beeilen Sie sich!" Der Verkauf endet in {Timer} End Action: Nichts --- # **🚀 Endergebnis** Einmal richtig konfiguriert: ✅ Countdowns erscheinen genau dort, wo Sie sie wollen ✅ Timerverhalten passt zu Ihren Kampagnenzielen ✅ End Aktionen Griff Ablauf anmutig ✅ Kunden erleben eine konsistente Dringlichkeit über Produktseiten, Warenkorb, Kasse und E-Mail ✅ Jeder Platzierungstyp respektiert seine eigenen Sichtbarkeitsregeln, Targetingbedingungen und Designbeschränkungen Die Wahl des richtigen Countdown-Typs stellt sicher, dass Ihre Dringlichkeitsnachrichten den richtigen Kunden zur richtigen Zeit am richtigen Ort angezeigt werden. ✨