ℹ️ 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-Mail-Sammlung in ein lustiges, interaktives Spiel verwandeln? 🎉

Spin Wheel PopUps lassen Besucher ein buntes Rad drehen, um Rabatte, kostenlosen Versand oder Sonderangebote zu gewinnen. Es ist eine der interessantesten Möglichkeiten, Ihre Abonnentenliste zu erweitern und den Kunden ein unvergessliches Markenerlebnis zu bieten.

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

Offen Hoppy PopUps App.

Dann:

→ Klicken Erstellen Sie ein neues PopUp

→ auswählen Spin Wheel Popup Aus der Liste der Popup-Typen.

Die Setup-Seite öffnet sich automatisch mit einem vorgefertigten Rad, das zur Anpassung bereit ist.

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

• Spin & Win Kampagne
• Rad der Rabatte
• Lucky Spin Popup
• Birthday Wheel Angebot

💡 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 Besucher zum Spielen einladen.

Beispiel

• Titel: "Spin the Wheel & Win"
• Beschreibung: "Versuchen Sie Ihr Glück und entsperren Sie einen speziellen Rabatt"

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

Sie können beides zeigen, nur eines oder keines, wenn Sie nur ein Spiel ohne Sammlung ausfü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.

☑️ 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 Details eingereicht und das Rad gedreht hat, erscheint eine Erfolgsmeldung.

• Success Message: "Willkommen in unserem Laden!"

Sie können auch eine Erfolgsbeschreibung - zum Beispiel Anweisungen, wie man den Preis einlöst, den sie gerade gewonnen 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 — Radbelohnungen konfigurieren

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

Hier definieren Sie jede Scheibe auf dem Rad - was Besucher gewinnen können und wie wahrscheinlich sie es gewinnen.

💸 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.

🎁 Hinzufügen und Bearbeiten von Slices

Jede Scheibe auf dem Rad hat vier Einstellungen:

Einstellung

Was es tut

Etikett

Der auf der Radscheibe angezeigte Text (z. B. "10% OFF", "Free Ship")

Wahrscheinlichkeitsgewicht

Eine Zahl, die steuert, wie oft diese Scheibe gewinnt. Höher = wahrscheinlicher.

Rabattcode

Der tatsächliche Gutscheincode, den der Besucher erhält, wenn dieses Stück landet. Kann leer gelassen werden.

Nachricht

Eine benutzerdefinierte Nachricht, die nach dem Drehen angezeigt wird (z. B. "Nächstes Mal erneut versuchen ...")

Beispielaufbau

Etikett

Wahrscheinlichkeit

Code

Nachricht

$ 3 OFF

20

SAVE3

„

FREIER SCHIFF

20

FREESHIP7

„

7% AUS

20

SAVE7P

„

KEINE LUCKE

10

„

"Versuchen Sie es das nächste Mal noch einmal..."

12 % AUS

10

SAVE12P

„

🎟️ Hinzufügen von Rabatt-Coupon-Codes

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

➕ Mehr Scheiben hinzufügen

Klicken Mehr hinzufügen zusätzliche Radsegmente zu erzeugen. Es gibt kein strenges Limit - fügen Sie so viele hinzu, wie Sie möchten, damit sich das Rad aufregend und abwechslungsreich anfühlt.

🗑️ Scheiben entfernen

Klicken Sie auf das Müllsymbol neben einem beliebigen Stück, um es zu entfernen. Die Wahrscheinlichkeiten der verbleibenden Scheiben bestimmen automatisch die neuen Gewinnchancen.

🎨 Schritt 4 - Entwerfen Sie Ihr Rad (optional)

Wechsel zum Design Tab, um anzupassen, wie das spin-rad aussieht.

Radspezifische Optionen finden Sie hier:

• Scheibenfarben — Wechselfarben für Radsegmente
• Slice Label Color & Font - Text-Styling auf dem Rad selbst
• Radfarbe — der äußere Ring des Rades
• Pfeilfarbe — der Zeiger oben
• Mittelkreisfarbe Der Hub in der Mitte
• Slice Message Farbe und Schrift Styling für Post-Spin-Nachrichten

💡 Das Spin Wheel PopUp kommt mit warmen, verspielten Standardfarben. Sie können sie behalten oder mit Ihrer Marke in Einklang bringen.

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

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

Umzug in die Platzierung/Zielsetzung Registrieren Sie, wann und wo Ihr Spin Wheel 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:

✅ Besucher sehen ein interaktives Spin-Rad auf Ihrer Storefront
✅ Jeder Spin liefert eine randomisierte Belohnung basierend auf Ihren Wahrscheinlichkeitseinstellungen
✅ E-Mails und Telefonnummern werden automatisch gesammelt (falls aktiviert)
✅ Rabattcodes werden nach dem Spinning enthüllt
✅ Ihr Popup respektiert Targeting-Regeln, Planung und Geräteeinstellungen

Ihr Spin Wheel PopUp ist jetzt live und bereit, Ihre Besucher zu begeistern 🚀

Aktualisiert am: 10/09/2026