> ## 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). # 📧 So richten Sie E-Mail Capture Collection PopUps ein > ℹ️ **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 🚀 ---