> ## 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). # 🚀 Wie man ein Popup-Formular einrichtet > ℹ️ **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 E-Mails, Telefonnummern oder benutzerdefinierte Details sammeln, wenn die Käufer am engagiertesten sind? 📝 Das ist genau das, was die **Popupformular** in Hoppy Popups ist gebaut für. Es ermöglicht Ihnen, ein vollständig anpassbares Anmeldeformular zu erstellen, das überall auf Ihrer Storefront erscheint - und Gelegenheitsbesucher in Abonnenten verwandelt, die Sie später vermarkten können. ✨ Mit einem Popup-Formular können Sie sammeln: * 📧 E-Mail-Adressen für Ihren Newsletter * 📱 Telefonnummern für SMS Updates * 🎂 Benutzerdetails wie Geburtstage, Vorlieben oder Größen * 🎁 Belohnen Sie neue Anmeldungen mit einem automatischen Rabattcode Dieser Leitfaden führt Sie Schritt für Schritt durch die Einrichtung Ihres ersten Popup-Formulars und verwendet nur die Einstellungen, die Sie tatsächlich benötigen, um es live zu bringen. --- # **⚠️ Bevor Sie beginnen** Bevor Sie Ihr Popup-Formular einrichten, stellen Sie sicher: * Die **Hoppy Popups** Die App ist auf Ihrem Shopify Lager * Die **App Embed** ist in Ihrem Theme aktiviert (einmaliges Setup - unten behandelt) * Sie wissen, welche Informationen Sie von Käufern sammeln möchten Optional, aber hilfreich, um im Voraus zu entscheiden: * 🎁 Ein Rabattcode, mit dem Sie neue Abonnenten belohnen möchten * 🔗 Wo Abonnenten gespeichert werden sollten (innerhalb der App oder mit einem E-Mail-Tool wie Klaviyo synchronisiert) ℹ️ Dieser Leitfaden konzentriert sich auf die **Popupformular** type, der benutzerdefinierte Formularfelder unterstützt. Die **E-Mail-Capture PopUp** funktioniert fast auf die gleiche Weise - es überspringt nur die benutzerdefinierten Felder - so dass Sie auch diese Schritte ausführen können. --- # **✅ Erster Schritt - 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 → Online Store → Themes → Customize → App Embeds** Dann: * Finde **Hoppy Popups** * Umschalten **IN** * Klicken **Sparen** 💡 Sie müssen dies nur einmal tun. Wenn es nicht aktiviert ist, Hoppy Popups Sie werden Sie auch direkt vor der Veröffentlichung mit einem Banner erinnern - damit Sie es nicht verpassen. --- # **🛠️ Schritt 1 - Erstellen Sie ein neues Popup-Formular** Offen **Hoppy Popups** App von Deiner Shopify Admin. Dann: → Klicken **Erstellen Sie ein neues Popup** Dies öffnet die **Pop-up Typ auswählen** Bildschirm. → Finden Sie die **Popupformular** Karte: Klicken **Popup-Formular erstellen** Die Setup-Seite öffnet sich automatisch mit: * A **Inhalt** tab - was das Formular sagt und sammelt * A **Design** Tab - wie das Popup aussieht * A **Platzierung** Tab - wann und wo es erscheint * A **Live Preview** rechts, so dass Sie Änderungen sehen können, während Sie gehen 👀 --- # **📝 Schritt 2 - Fügen Sie Ihren Formularinhalt hinzu** Du beginnst im Inneren des **Inhalt** Tab. Dies steuert die Textkäufer sehen und die Informationen, die Ihr Formular sammelt. --- ## **🏷️ Popup Form Name** Dieser Name ist nur für Ihre interne Referenz. Käufer werden es nie sehen. Verwenden Sie etwas erkennbares, wie: * Homepage Newsletter Anmeldung * Birthday Club Form * Willkommen Discount Popup 💡 Eine klare Benennung macht es viel einfacher, später mehrere Popups zu verwalten. --- ## **💬 Titel und Beschreibung** Dies ist die Hauptbotschaft, die Käufer oben im Popup sehen. ### **Beispiel** * **Titel:** Treten Sie unserem Geburtstagsclub bei 🎂„ * **Beschreibung:** "Unterschreiben Sie sich und erhalten Sie einen besonderen Leckerbissen an Ihrem Geburtstag." Halten Sie es kurz, freundlich und konzentrieren Sie sich auf den Vorteil der Anmeldung. Sie können auch eine **Logo** über dem titel, wenn sie möchten, dass sich das popup mehr on-brand anfühlt. --- ## **📧 E-Mail Feld** Dies ist der Kern der meisten Anmeldeformulare. Wann **E-Mail-Feld anzeigen** ist eingeschaltet, es erscheinen zwei zusätzliche Felder: * **E-Mail-Feldplatzhalter** → der Hinweistext in der Box, z.B. "Enter your email" * **Fehlermeldung** → angezeigt, wenn ein Käufer eine ungültige E-Mail eingibt --- ## **📱 Telefon / SMS-Feld** Einschalten **Feld Show Phone Number (SMS)** Wenn sie auch telefonnummern sammeln möchten. Wenn aktiviert, werden einige weitere Optionen angezeigt: * **Standard-Ländercode** → wählt das Land für die Telefonnummer vor * **Telefonfeldplatzhalter** * **Telefonfehlermeldung** Dies ist nützlich, wenn Sie planen, SMS-Angebote zu senden oder Updates später zu bestellen 📲 --- ## **🧩 Zollformularfelder** Das macht die **Popupformular** Besonderes - Sie können fast alles verlangen, nicht nur eine E-Mail. → Klicken **Add-Feld** um eine neue Frage zu stellen Für jedes Feld wählen Sie eine **Feldtyp**: * Textfeld * Mehrfachleitungen * Funktasten * Kontrollkästchen * Dropdown * Mehrfachauswahl * Nummer * Link * File Upload * Datum * Uhrzeit * Rating Dann geben Sie es a **Etikett** — Das ist die Frage, die Käufer sehen, wie "Ihr Geburtstag" oder "Wie haben Sie von uns gehört?". Je nach Feldtyp werden automatisch einige zusätzliche Optionen angezeigt: * 📝 **Platzhalter** → erscheint für textbasierte Felder (Text, mehrere Zeilen, Zahl, Link, Zeit) * ✅ **Optionen** → erscheint für Auswahlfelder (Radio, Checkboxen, Dropdown, Multi-Select), in denen Sie die Antworten hinzufügen, aus denen Käufer auswählen können * ❗ **erforderlich** schalten Sie dies ein, wenn Käufer vor dem Einreichen antworten müssen ⚠️ Ihr Formular muss enthalten **mindestens eine** davon: ein E-Mail-Feld, ein Telefonfeld oder ein benutzerdefiniertes Feld. Ansonsten gibt es nichts für Käufer zu füllen. 💡 Ein brandneues Popup-Formular beginnt bereits mit einem E-Mail-Feld, einem Telefonfeld und einem Beispiel **Geburtstag** Datumsfeld - so können Sie schnell starten und von dort aus anpassen. --- ## **🔘 Einreichen Button Text** Dies ist der Button, auf den Käufer klicken, um das Formular zu senden. Setzen Sie die **Knopftext** zu etwas handlungsorientiertem, wie: * "Sign Me Up" * "Get My Discount" * "Tritt dem Club bei" Wenn Ihr Formular Felder hat, wird diese Schaltfläche automatisch **Vorlagen** das Formular — keine zusätzliche Einrichtung erforderlich. --- ## **✔️ Opt-In Checkbox (optional)** Sie können eine **Opt-In Checkbox** Käufer stimmen aktiv zu, Marketing von Ihnen zu erhalten. Wenn eingeschaltet, ein **Opt-in-Text** Der Editor erscheint dort, wo Sie Ihre Einwilligungsnachricht schreiben können, wie zum Beispiel: "Ja, schick mir exklusive Angebote und Updates." Dies hilft Ihnen, klare Marketing-Zustimmungen zu sammeln und konform zu bleiben 🙌 --- # **🎉 Schritt 3 - Stellen Sie fest, was nach der Anmeldung passiert** Nachdem ein Käufer das Formular eingereicht hat, wechselt das Popup zu einem **Erfolgszustand**Dies ist Ihre Chance, ihnen zu danken - und sie zu belohnen. Sie finden diese Einstellungen unten im **Inhalt** Tab. --- ## **💌 Success Message & Beschreibung** Schreiben Sie die Dankesnachricht, die Käufer direkt nach dem Einreichen sehen. ### **Beispiel** * **Success Message:** "Du bist dabei!" 🎉„ * **Erfolgsbeschreibung:** "Hier ist Ihre Belohnung für uns beizutreten." --- ## **🎁 Belohnung mit Rabatt (optional)** Eine kleine Belohnung kann die Anmeldungen dramatisch erhöhen. ℹ️ 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. --- ## **➡️ Erfolgsknopf (optional)** Sie können auch einen Button auf dem Erfolgsbildschirm anzeigen. Einschalten **Erfolgs-CTA-Button anzeigen**, und zwei Felder erscheinen: * **Success Button Text** → z.B. "Start Shopping" * **Success Button Link** → Wo der Button Käufer nehmen sollte Dies ist eine gute Möglichkeit, neue Abonnenten direkt auf eine Sammel- oder Verkaufsseite zu senden 🛍️ ℹ️ Jede Anmeldung wird automatisch im Inneren gespeichert **Hoppy Popups → Abonnenten**Wenn Sie möchten, dass Abonnenten an ein E-Mail-Tool wie Klaviyo oder Mailchimp gesendet werden, können Sie es im **Integrationen** Tab — siehe dedizierte Integrations Anleitung für die Einrichtung. --- # **📍 Schritt 4 - Wählen Sie, wann und wo es erscheint** Jetzt öffnen Sie die **Platzierung** Tab. Dies steuert das Timing, die Häufigkeit und den Standort des Popups. --- ## **Wann sollte es erscheinen? (Trigger)** Wählen Sie a **Triggertyp**, dann verwenden **Show Pop Up After** zur Feinabstimmung des Zeitplans: * **Nach der Zeit (Dauer)** → sofort oder nach wenigen Sekunden auf der Seite * **Seite Scroll** Nachdem ein Käufer teilweise nach unten scrollt * **Ausstiegsabsicht** Wenn ein Käufer kurz davor ist zu gehen * **Add to Cart Button wird angeklickt** → wenn ein Element hinzugefügt wird oder wenn der Warenkorb einen Wert überschreitet * **Nach Seitenaufrufen** → Nachdem ein Käufer eine bestimmte Anzahl von Seiten angesehen hat Einige Trigger zeigen zusätzliche Optionen - zum Beispiel **Ausstiegsabsicht** können Sie auswählen, was "Verlassen" bedeutet, und **Zum Warenkorb hinzufügen** Sie können auf einen Mindestwagenwert reagieren. 💡 Eine kurze Verzögerung (einige Sekunden) ist ein freundlicher Standard - es gibt den Käufern einen Moment, um sich umzusehen, bevor das Formular erscheint. --- ## **🔁 Wie oft sollte es sich zeigen?** Unter **Anzeigeeinstellungen**Wählen Sie aus, wie häufig das Popup zurückkommt: * **Jedes Mal zeigen** → erscheint bei jedem Besuch * **Jedes Mal, wenn jemand zu Besuch ist** → einmal pro Besuch und stoppt, nachdem das Formular eingereicht wurde * **Grenzfrequenz** → Nachdem Sie geschlossen wurden, warten Sie eine bestimmte Anzahl von Tagen, bevor Sie wieder zeigen ℹ️ Sobald ein Käufer das Formular absendet, wird das Popup automatisch nicht mehr angezeigt - Sie fragen also nie zweimal. --- ## **📄 Wo sollte es erscheinen?** Verwendung **Display auf** um die Seiten auszuwählen, auf denen das Formular erscheint: * Jede Seite * Nur Homepage * Alle Produktseiten * Spezifische Produktseiten * Sammlungen oder spezifische Sammlungen * Produkte mit spezifischen Tags Wenn Sie eine bestimmte Option auswählen (wie ein Produkt oder eine Sammlung), wird ein Selektor angezeigt, sodass Sie genau auswählen können, welche. --- ## **📐 Position** Wählen Sie, wo das Popup auf dem Bildschirm sitzt: * **Zentrum** für ein klassisches, aufmerksamkeitsstarkes Popup * A **Ecke** (wie Bottom Right) für ein weicheres, einrutschendes Gefühl ℹ️ Die Gerätesichtbarkeit (Desktop, Mobile oder beides) wird im **Design** Tab. Erweiterte Regeln - wie Targeting nach Kunden-Login-Status, Tags, Lebenszeitaufwand, Land oder UTM-Quelle - sind ebenfalls verfügbar. Diese sind in den dedizierten **Targeting** Anleitung, damit dieses Setup einfach bleibt. 📅 Eine zeitlich begrenzte Kampagne? Sie können eine **Beginn** und **Ende** Datum unter **Zeitplanung**Standardmäßig läuft das Formular kontinuierlich (startet gerade jetzt, endet nie). Siehe: **Zeitplanung** Leitfaden für datierte Kampagnen. --- # **🎨 Schritt 5 - Stilieren Sie das Popup (optional)** Offen **Design** Tab, damit das Popup zu Ihrer Marke passt. Hier können Sie schnell Dinge anpassen wie: * Die **Meldebogen** um von einem vorgefertigten Look zu beginnen * Die **Größe des Popups** und **Positionsgestaltung** * **Farben**, **Schriftarten**, und **Abstand** * Die **Taste** und **Eingabefeld** Styling * A **Hintergrundüberlagerung** und Eingang **Animation** Sie müssen nichts davon berühren, um live zu gehen - die Standardwerte sehen gut aus der Box ✨ Für einen vollständigen Überblick über jede Styling-Option, siehe die **Design & Styling** Führung. Für fortgeschrittene Tweaks, die **Custom CSS** Mit guide können sie details mit ihrem eigenen code verfeinern. --- # **✅ Schritt 6 — Speichern und Veröffentlichen** Sobald alles in der Vorschau gut aussieht: 1. **Sparen** Ihr Popup-Formular 2. Klicken **Veröffentlichen** um es live auf Ihrer Storefront zu machen ⚠️ Sparen allein tut **nicht** das Formular veröffentlichen. Immer klicken **Veröffentlichen** Wenn Sie bereit sind, dass Käufer es sehen. Nach der Veröffentlichung wird das Status-Badge des Popups aktualisiert, sodass Sie auf einen Blick erkennen können, ob es **Veröffentlicht**, **Nicht veröffentlicht**, **Geplant**, oder **Abgelaufen**. 💡 Wenn das App-Embed noch nicht aktiviert ist, Hoppy Popups wird eine Erinnerung mit einer **App Embed aktivieren** Button direkt nach dem Veröffentlichen - folgen Sie einfach und Sie sind eingestellt. --- # **💡 Hilfreiche Tipps** * Testen Sie Ihr Formular, indem Sie Ihren Shop in einem **Inkognito / Privat** Fenster und Absenden einer Test-E-Mail - dann überprüfen **Abonnenten** um zu bestätigen, dass es angekommen ist * Halten Sie Formulare kurz - wenn Sie nur eine E-Mail anfordern, erhalten Sie normalerweise die meisten Anmeldungen 📈 * Stellen Sie sicher, dass mindestens ein Feld (E-Mail, Telefon oder Custom) aktiviert ist oder das Formular nicht gesendet werden kann * Möchten Sie das Formular in einer anderen Sprache? Sie können Übersetzungen im **Übersetzungen** Abschnitt — siehe dedizierten Übersetzungsführer --- # **🎉 Endergebnis** Einmal konfiguriert und veröffentlicht: ✅ Käufer sehen ein schönes On-Brand-Anmeldeformular ✅ E-Mails, Telefonnummern und benutzerdefinierte Daten werden automatisch erfasst ✅ Neue Abonnenten können sofort eine Rabattbelohnung erhalten ✅ Das Formular erscheint zur richtigen Zeit, auf den richtigen Seiten ✅ Jede Anmeldung ist gespeichert und bereit zur Synchronisierung mit Ihren Marketing-Tools Ein gut eingerichtetes Popup-Formular ist eine der einfachsten Möglichkeiten, Ihr Publikum zu vergrößern und Erstbesucher zu Langzeitkunden zu machen. 🚀