ℹ️ Note: Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team.

Möchten Sie Dringlichkeit schaffen und schnellere Kaufentscheidungen vorantreiben? 🚨

Countdown-PopUps zeigen einen Live-Timer in Ihrem Popup an - perfekt für Flash-Verkäufe, zeitlich begrenzte Angebote, Produkteinführungen und termingesteuerte Kampagnen. Wenn Käufer sehen, dass die Zeit tickt, werden sie eher sofort handeln.

Dieser Leitfaden führt Sie durch das gesamte Setup, so dass Sie Ihr erstes Countdown PopUp in wenigen Minuten starten können.

✅ Bevor Sie beginnen - Aktivieren Sie die App Embed

Damit ein Popup auf Ihrer Storefront erscheint, muss das App-Embed in Ihrem Shopify Thema.

Gehen Sie zu:

Shopify Admin → Sales Channels → Online Store → Themes → Edit Theme → App Embeds

Dann:

• Finde Hoppy Popups
• Umschalten IN
• Klicken Sparen

ℹ️ Ohne diesen Schritt wird Ihr Popup auch nach der Veröffentlichung nicht auf der Storefront rendern.

⚙️ Schritt 1 - Erstellen Sie ein neues Countdown PopUp

Offen Hoppy PopUps App.

Dann:

→ Klicken Erstellen Sie ein neues PopUp

→ auswählen Countdown PopUp Aus der Liste der Popup-Typen.

Die Setup-Seite wird automatisch mit Feldern geöffnet, die auf Countdown-Kampagnen zugeschnitten sind, einschließlich eines standardmäßigen Flip-Clock-Timers.

📝 Schritt 2 - Konfigurieren Sie den Inhalt

Nach dem Öffnen der Setup-Seite landen Sie innerhalb der Inhalt Tab. Dieser Abschnitt steuert, was Ihre Besucher sehen und wie sie mit dem Popup interagieren.

🏷️ PopUp Name

Dieses Feld wird nur für interne Zwecke verwendet. Kunden werden diesen Namen nie sehen.

Sie können jeden erkennbaren Namen verwenden wie:

• Flash Sale Timer
• Black Friday Countdown
• Launch Day Popup
• Wochenende Special

💡 Mit der richtigen internen Benennung können Sie Setups später leichter identifizieren, insbesondere wenn Ihr Shop mehrere Kampagnen ausführt.

💬 Titel und Beschreibung

Diese erscheinen oben in Ihrem Popup und sollten Dringlichkeit erzeugen.

Beispiel

• Titel: "Der Verkauf endet bald!"
• Beschreibung: "Beeilen Sie sich und greifen Sie Ihren Rabatt, bevor die Zeit abläuft"

Sie können diese an Ihre Kampagnenstimme anpassen.

📧 E-Mail & Telefonsammlung

Wählen Sie aus, welche Felder in Ihrem Popup angezeigt werden sollen:

• E-Mail-Sammelfeld anzeigen - erfasst Besucher-E-Mails
• Telefonnummer anzeigen Feld — erfasst Telefonnummern mit Ländercode-Auswahl

Beide sind standardmäßig für Countdown-PopUps aktiviert, aber Sie können sich bei Bedarf anpassen.

⚙️ Zusätzliche Collection & Coupon Einstellungen

In diesem Abschnitt erhalten Sie zusätzliche Kontrolle darüber, wie Besucherinformationen gesammelt werden und wie Rabatte im Popup präsentiert werden.

📩 E-Mail Collection Field Platzhalter

Passen Sie den Platzhaltertext an, der im E-Mail-Eingabefeld angezeigt wird.

Beispiel

• „Geben Sie Ihre E-Mail ein
• "Ihre beste E-Mail-Adresse"

Dies hilft den Besuchern zu zeigen, welche Informationen sie eingeben sollten.

❌ E-Mail Fehlermeldung

Stellen Sie die Validierungsnachricht ein, die angezeigt wird, wenn ein Besucher eine ungültige E-Mail-Adresse eingibt.

Beispiel

• "Bitte geben Sie eine gültige E-Mail-Adresse ein"

Dies wird automatisch angezeigt, wenn das eingegebene E-Mail-Format falsch ist.

📱 Standard-Ländercode

Wählen Sie den Standard-Ländercode für das Feld Telefonnummer.

Beispiel

• Vereinigte Staaten (+1)
• Vereinigtes Königreich (+44)
• Indien (+91)

Besucher können das Land weiterhin manuell ändern, sofern nicht eingeschränkt.

📞 Telefonnummer Platzhalter

Passen Sie den Platzhaltertext an, der im Feld Telefonnummer angezeigt wird.

Beispiel

• "Geben Sie Ihre Telefonnummer ein"
• "Mobilfunknummer"

Dies verbessert die Klarheit und fördert die richtige Formatierung.

⚠️ Telefonnummer Fehlermeldung

Stellen Sie die Nachricht ein, die angezeigt wird, wenn eine ungültige Telefonnummer eingegeben wird.

Beispiel

• "Bitte geben Sie eine gültige Telefonnummer ein"

Dies hilft den Besuchern zu verstehen, warum die Einreichung fehlgeschlagen ist.

🔘 Knopftext

Passen Sie den Call-to-Action-Buttontext an, der im Popup angezeigt wird.

Beispiel

• "Jetzt einkaufen"
• "Anspruchsrabatt"
• "Entsperrungsangebot"

Die Verwendung von aktionsorientiertem Text kann die Conversions verbessern.

🏷️ Coupon Code anzeigen

Wählen Sie aus, ob der Gutscheincode nach erfolgreicher E-Mail-Erfassung im Popup erscheinen soll.

verfügbare Optionen:

• Ja - zeigt den Coupon-Code den Besuchern an
• Nein - verbirgt den Coupon-Code-Abschnitt

Dies ist nützlich, wenn Rabatte automatisch angewendet oder extern behandelt werden.

ℹ️ Der Gutscheincode kann nur angezeigt werden, wenn die E-Mail erfasst wird.

🎟️ Couponcode

ℹ️ Dieses Feld ist einmal verfügbar Coupon Code anzeigen ist umgeschaltet auf JA.

Um einen Gutscheincode anzuzeigen, können Sie entweder:

1. Wählen Sie einen der Coupon-Codes, die Sie erstellt haben Shopify Admin → Rabatte durch Klicken auf Select/Change Discount.
2. Sie können eine neue erstellen, indem Sie auf Erstellen Sie einen neuen Discount.

Beispiel

• SAVE10
• WELCOME20
• COUPON123

💸 Rabattantrag

Diese Option steuert, wie der Rabatt angewendet wird. Es hat zwei Möglichkeiten:

1. Der Kunde muss den Rabatt manuell anwenden — Der Kunde muss den Gutscheincode während des Checkouts eingeben, um den Rabatt zu erhalten.
2. Rabatt automatisch anwenden Der Rabatt wird automatisch während des Checkouts angewendet, ohne dass der Kunde den Couponcode eingeben muss.

⚠️ Wichtig:

• Unsere App erstellt oder verwaltet keine Gutscheincodes / Rabatte. Sie müssen sie in Shopify Admin → Rabatte, bevor Sie sie im Popup verwenden.

☑️ Opt-In Checkbox hinzufügen

Wählen Sie aus, ob Sie eine zusätzliche Opt-in-Checkbox im Popup anzeigen möchten.

Dies kann verwendet werden für:

• Genehmigung des Inverkehrbringens
• SMS Zustimmung
• Newsletter-Abonnements
• Bestätigung der Bedingungen

verfügbare Optionen:

• Ja — Zeigt die Checkbox an
• Nein - versteckt die Checkbox

❎ Close Icon

Aktivieren oder deaktivieren Sie das Close-Symbol, das im Popup angezeigt wird.

• Aktiviert Besucher können das Popup manuell schließen
• Behinderte — Entfernen des Close-Icons aus dem Popup

Dies hilft zu kontrollieren, wie ablehnbar das Popup-Erlebnis sein sollte.

✉️ Erfolgsmeldungen

Nachdem ein Besucher seine Daten eingereicht hat, erscheint eine Erfolgsmeldung.

• Success Message: "Willkommen in unserem Laden!"

Sie können auch eine Beschreibung unter der Nachricht hinzufügen - zum Beispiel Anweisungen zur Verwendung des Couponcodes, den sie gerade erhalten haben.

🖱️ Button Click Verhalten

ℹ️ Diese Option ist nur verfügbar, wenn "E-Mail-Feld anzeigen" und "Telefonnummernfeld anzeigen" nicht aktiviert sind.

Sie können steuern, was passiert, wenn ein Besucher im Popup auf die CTA-Taste klickt. Es behandelt eine der folgenden Aufgaben:

1. Popup schließen Das Popup wird geschlossen
2. Reveal Coupon Code - Der Coupon-Code wird dem Besucher bekannt gegeben, aber Sie haben den Coupon-Code wie oben im Abschnitt "Coupon-Code anzeigen" beschrieben eingerichtet.
3. Weiterleitung zum Link Wenn Sie dies auswählen, erhalten Sie ein Eingabefeld namens "Link", in dem Sie die URL angeben können, zu der der Besucher umgeleitet wird

☁️ Floating Action Button

Sie können eine Floating Action Button das auf der Seite sichtbar bleibt, so dass Besucher das Popup nach dem Schließen wieder öffnen können.

Wählen Sie eine Position:

• Rechts unten rechts
• Unten links
• Bildschirm rechts
• Bildschirm links

Dann treten Sie ein Knopftext - z.B. "Open Offer", "Get Discount" oder "Learn More".

Um den Floating Button vollständig zu deaktivieren, wählen Sie Deaktivieren des Floating Action Buttons.

Schritt 3 - Konfigurieren Sie den Countdown-Timer

Noch im Inneren des Inhalt Tab, scrollen Sie zum Countdown Schnitt.

Dies steuert das Timerverhalten, das Aussehen und die Frist.

🎯 Countdown-Typ

Wählen Sie, wie sich der Timer verhalten soll:

• Zu einem bestimmten Datum/Uhrzeit - zählt bis zu einem festen Kalenderdatum und einer festen Uhrzeit (z. B. "Verkauf endet am 31. Dezember um 23:59 Uhr")
• Dauer - zählt eine feste Zeitspanne ab dem ersten Erscheinen des Popups ab (z. B. "Angebot läuft in 2 Stunden ab")
• Läuft täglich für bestimmte Stunden - wiederholt jeden Tag das gleiche Countdown-Fenster (z. B. "Happy Hour 14 – 16 Uhr")

Wählen Sie die Option, die Ihrer Kampagnenstruktur entspricht.

📅 Spezifisches Datum / Uhrzeit

Wenn Sie ausgewählt haben Zu einem bestimmten Datum/UhrzeitVerwenden Sie die Datumsauswahl, um die Frist zu wählen.

Der Timer zählt bis zu diesem genauen Zeitpunkt und stoppt, wenn das Datum eintrifft.

⏱️ Dauer

Wenn Sie ausgewählt haben Dauer, geben Sie an:

• Tage
• Stunden
• Protokoll

Der Timer beginnt von dieser Gesamtdauer herunterzuzählen, wenn ein Besucher das Popup zum ersten Mal sieht.

🌅 Läuft täglich für bestimmte Stunden

Wenn Sie ausgewählt haben Läuft täglich für bestimmte Stunden, Satz:

• Startzeit Wenn der Countdown jeden Tag beginnt
• Endzeit Wenn der Countdown jeden Tag endet

Dies ist ideal für wiederkehrende Aktionen wie tägliche Angebote oder Happy Hours.

🏷️ Zeitangaben

Passen Sie die Textbeschriftungen an, die unter jeder Timereinheit angezeigt werden:

• Tage
• Stunden
• Protokoll
• Sekunden

Standard-Etiketten sind "Tage", "Hrs", "Mins" und "Secs" - aber Sie können sie in alles ändern, was Sie bevorzugen.

🎨 Schritt 4 - Entwerfen Sie Ihren Timer (optional)

Wechsel zum Design Tab, um anzupassen, wie der Countdown aussieht.

Timer-spezifische Optionen finden Sie hier:

• Timerstil - Flip-Uhr, Dual-Kacheln, Plain-Nummern, Quadratkacheln oder Kreiskacheln
• Hintergrundfarbe des Timers — die Farbe hinter jeder Zeiteinheit
• Timer Font — Typografie für die Nummern
• Timergröße und Farbe Zahlengröße in Pixeln und Textfarbe
• Label Font, Größe & Farbe Styling für den Text unter jeder Einheit

💡 Der Countdown PopUp ist standardmäßig auf einen stilvollen Flip-Clock-Timer. Sie können es behalten oder zu einem anderen Stil wechseln.

Eine vollständige Übersicht über alle Designoptionen finden Sie in der Dokumentation zu den dedizierten PopUps - Design & Styling [Link].

🖱️ Schritt 5 — Setzen Sie die Trigger & Display Regeln

Umzug in die Platzierung/Zielsetzung Registrieren Sie, wann und wo Ihr Countdown PopUp erscheint.

Schlüsseleinstellungen, denen Sie begegnen werden:

• Triggertyp - After Time, Page Scroll, Exit-Intent, Add to cart button clicked oder After page views
• Anzeigefrequenz - Zeigen Sie jedes Mal, einmal pro Besuch oder Limit mit einer Abklingzeit
• Page Targeting Jede Seite, nur zu Hause, bestimmte Produkte, Kollektionen oder Tags
• Customer Targeting Login-Status, Kunden-Tags, Lebenszeit
• Geolokalisierung Alle Welt oder bestimmte Länder
• Zeitplanung Optionale Start- und Enddaten

Tiefe Erläuterungen zu jeder Targeting-Option finden Sie in der dedizierten Advanced Targeting-Dokumentation.

✅ Schritt 6 — Speichern und Veröffentlichen

Sobald alles gut aussieht:

1. Klicken Sparen um Ihre Konfiguration zu speichern
2. Klicken Veröffentlichen Um das Popup live auf Ihrer Storefront zu machen

⚠️ Sparen allein macht das Popup für Kunden nicht sichtbar. Sie müssen es veröffentlichen.

Wenn das App-Embed noch nicht aktiviert ist, wird ein Banner Sie daran erinnern, es in Ihrem Shopify Theme Editor.

🎉 Endergebnis

Einmal erfolgreich konfiguriert:

✅ Ein Live-Countdown-Timer erscheint in Ihrem Popup ✅ Besucher fühlen sich dringend zu handeln, bevor die Zeit abläuft ✅ E-Mails und Telefonnummern werden automatisch gesammelt (falls aktiviert) ✅ Ihr Popup respektiert Targeting-Regeln, Planung und Geräteeinstellungen ✅ Der Timer passt zu Ihrem Marken-Styling und Ihrer Kampagnenstimme

Dein Countdown PopUp ist jetzt live und tickt 🚀

Aktualisiert am: 10/09/2026