ℹ️ 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. ✨

Aktualisiert am: 10/09/2026