ℹ️ 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 Ihre Abonnentenliste mit einem sauberen, fokussierten Popup erweitern? ✨

E-Mail Capture PopUps eignen sich perfekt für Newsletter, Willkommensangebote und den Aufbau Ihres Marketingpublikums. Sie sind so konzipiert, dass die E-Mail-Sammlung mühelos ist - mit einem optionalen Telefonfeld, wenn Sie auch Nummern für SMS-Kampagnen erfassen möchten.

Dieser Leitfaden führt Sie durch das gesamte Setup, so dass Sie Ihr erstes E-Mail-Capture 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 E-Mail-Capture PopUp

Offen Hoppy PopUps App.

Dann:

→ Klicken Erstellen Sie ein neues PopUp

→ auswählen E-Mail-Capture PopUp Aus der Liste der Popup-Typen.

Die Einrichtungsseite wird automatisch mit Feldern geöffnet, die auf E-Mail-Sammlungskampagnen zugeschnitten sind.

📝 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:

• Newsletter Anmeldung
• Willkommensangebot Popup
• VIP-Liste Capture
• Blog Abonnenten Bar

💡 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 den Wert des Abonnements klar vermitteln.

Beispiel

• Titel: "Teilen Sie sich unserem Newsletter an"
• Beschreibung: "Sei der Erste, der über Neuankömmlinge und exklusive Angebote Bescheid weiß"

Sie können diese an Ihre Markenstimme anpassen.

📧 E-Mail Sammelfeld

Das E-Mail-Feld ist standardmäßig für diesen Popup-Typ aktiviert. Sie können anpassen:

• Platzhaltertext - z.B. "Geben Sie Ihre E-Mail ein"
• Fehlermeldung - z.B. "Bitte geben Sie eine gültige E-Mail-Adresse ein"

Dies ist das primäre Feld, mit dem Ihre Besucher interagieren werden.

📱 Telefonnummernfeld (optional)

Ermöglicht Show Phone Number Feld wenn Sie auch Telefonnummern für SMS-Marketing sammeln möchten.

Wenn aktiviert, können Sie festlegen:

• Standard-Ländercode - Wählen Sie das Land vor, in dem sich Ihr Publikum befindet
• Platzhaltertext - z.B. "Geben Sie Ihre Telefonnummer ein"
• Fehlermeldung - z.B. "Bitte geben Sie eine gültige Telefonnummer ein"

💡 Dies ist großartig, wenn Sie SMS-Kampagnen neben E-Mail-Marketing durchführen.

⚙️ 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 Erfolgsbeschreibung - zum Beispiel Anweisungen, wie Sie den Couponcode verwenden, den sie gerade erhalten haben, oder was Sie als nächstes von Ihrem Newsletter erwarten können.

🖱️ 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 - Entwerfen Sie Ihr PopUp (optional)

Wechsel zum Design Tab zur Anpassung:

• Popup-Position, Größe und Animation
• Hintergrundfarben, Farbverläufe oder Bilder
• Fonts, Button Styles und Eckradius

💡 Sie können diesen Schritt überspringen, wenn der Standard-Look bereits zu Ihrem Shop passt.

Eine vollständige Übersicht über alle Designoptionen finden Sie in der dedizierten Design & Styling-Dokumentation.

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

Umzug in die Platzierung/Zielsetzung Registrieren Sie, wann und wo Ihr E-Mail Capture 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 5 — 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:

✅ Besucher sehen ein sauberes, fokussiertes E-Mail-Anmeldeformular
✅ E-Mails werden automatisch in Ihrer Abonnentenliste gesammelt
✅ Telefonnummern werden auch erfasst (falls aktiviert)
✅ Coupon-Codes werden nach der Übermittlung angezeigt (falls aktiviert)
✅ Ihr Popup respektiert Targeting-Regeln, Planung und Geräteeinstellungen

Ihr E-Mail-Capture PopUp ist jetzt live und erweitert Ihre Liste 🚀

Aktualisiert am: 10/09/2026