ℹ️ 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 ErfolgszustandDies 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 → AbonnentenWenn 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 AnzeigeeinstellungenWä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 ZeitplanungStandardmäß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. 🚀

Aktualisiert am: 10/09/2026