🛍️ Wie man Upsell PopUps 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 Ihren durchschnittlichen Bestellwert steigern, indem Sie die richtigen Produkte zum richtigen Zeitpunkt vorschlagen? 🚀
Mit Upsell PopUps können Sie Produkte direkt in einem Popup empfehlen - sei es durch KI-basierte Vorschläge oder handverlesene Artikel -, damit Käufer mehr in ihren Warenkorb legen können, ohne die Seite zu verlassen.
Dieser Leitfaden führt Sie durch das gesamte Setup, so dass Sie Ihr erstes Upsell 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 Upell PopUp
Offen Hoppy PopUps App.
Dann:
→ Klicken Erstellen Sie ein neues PopUp
→ auswählen Upsell PopUp Aus der Liste der Popup-Typen.
Die Setup-Seite wird automatisch mit Feldern geöffnet, die auf Upsell-Kampagnen 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:
- Sommer Upsell Kampagne
- Black Friday Booster Ubersetzungen
- Produktempfehlung Funnel
- Checkout Upsell
💡 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 klar kommunizieren.
Beispiel
- Titel: "Vervollständigen Sie Ihren Look"
- Beschreibung: "Die Kunden haben diese Artikel auch gekauft"
Sie können diese an Ihre Kampagnenstimme anpassen.
❌ Close Icon
Die Close Icon Mit der Einstellung können Sie steuern, ob Kunden das Popup manuell schließen können.
Diese Funktion beinhaltet eine Checkbox/Toggle-Option, die:
- ✅ Zeigen Sie das Close Icon
- ❌ Verstecken Sie das Close Icon
Wenn aktiviert:
→ Kunden sehen ein enges Icon im Popup
Kunden können das Popup manuell abschalten, wann immer sie wollen
Bei Behinderung:
→ Das Close Icon erscheint nicht
→ Kunden können das Popup nicht manuell mit dem Schließknopf schließen
⚠️ Wichtig:
Das Deaktivieren des Close-Icons kann die Sichtbarkeit des Popups erhöhen, kann sich jedoch auch auf die Kundenerfahrung auswirken, wenn das Popup schwer zu verwerfen ist.
Wir empfehlen im Allgemeinen, das Close-Icon aktiviert zu halten, es sei denn, eine bestimmte Kampagne erfordert etwas anderes.
🖱️ 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:
- Popup schließen Das Popup wird geschlossen
- 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.
- 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 — Upsell-Produkte konfigurieren
Umzug in die Upsell Tab, um zu steuern, welche Produkte im Popup empfohlen werden.
Dies ist der Kern Ihres Upsell PopUp - hier entscheiden Sie, was Käufer sehen.
📦 Upsell-Typ
Wählen Sie aus, wie Produktempfehlungen generiert werden sollen:
- AI Upsell (häufig zusammen gekauft) — Verwendungen ShopifyDie Empfehlungsmaschine schlägt automatisch verwandte oder ergänzende Produkte vor, basierend auf dem, was der Kunde sieht.
ℹ️ Diese Option funktioniert nicht auf der Homepage, da sie vom Produktkontext abhängt.
- Upselling spezifische Produkte - wählen Sie manuell die genauen Produkte aus, die Sie empfehlen möchten.
- Upsell spezifische Kollektionen — Produkte aus ausgewählten Kollektionen anzeigen.
- Upsell dasselbe Produkt (wie auf der Produktseite) — zeigt das gleiche Produkt, das der Kunde gerade betrachtet, nützlich für die Förderung von mengenbasierten Einkäufen.
🎯 Empfehlungsart (nur AI Upsell)
Wenn Sie ausgewählt haben AI UpsellWählen Sie den Empfehlungsstil:
- Upselling Verwandte Produkte - schlägt Elemente vor, die dem im Kontext ähnlich sind
- Upselling Ergänzende Produkte — schlägt Elemente vor, die gut zusammenpassen
Sie können diese Empfehlungen verwalten mit ShopifySuch- und Discovery-App.
🖼️ Layout des Produktgitters
Kontrollieren Sie, wie Upsell-Produkte angezeigt werden:
- Anzahl der Spalten im Desktop wie viele Produkte nebeneinander auf dem Desktop erscheinen
- Anzahl der Spalten im mobilen Bereich — wie viele Produkte nebeneinander auf dem Handy erscheinen
🔢 Max Anzahl der Produkte
Legen Sie die maximale Anzahl von Produkten fest, die im Upsell-Raster angezeigt werden sollen. Dies hilft, das Popup sauber und konzentriert zu halten.
💡 Verfügbar bei Verwendung von AI Upsell oder Specific Collections.
🛒 Call-To-Action-Taste Text
Konfigurieren Sie den Upsell-Button-Text für zwei Zustände:
- Button Text (Vor dem Hinzufügen zum Warenkorb) - z. B. "In den Warenkorb hinzufügen"
- Button Text (Nach dem Hinzufügen zum Warenkorb) - z.B. "Add Another"
Dies gibt Kunden ein klares Feedback, nachdem sie mit einer Empfehlung interagieren.
🎨 Schritt 4 - 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 Dokumentation zu den dedizierten PopUps - Design & Styling [Link].
🖱️ Schritt 5 — Setzen Sie die Trigger & Display Regeln
Umzug in die Platzierung/Zielsetzung Registrieren Sie, wann und wo Ihr Upsell 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 Erklärungen zu jeder Targeting-Option finden Sie in der dedizierten PopUp Advanced Targeting Options [Link] Dokumentation.
✅ Schritt 6 — Speichern und Veröffentlichen
Sobald alles gut aussieht:
- Klicken Sparen um Ihre Konfiguration zu speichern
- 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 relevante Produktempfehlungen im Popup
✅ E-Mails und Telefonnummern werden automatisch gesammelt (falls aktiviert)
✅ Käufer können Upselling-Produkte direkt in ihren Warenkorb hinzufügen
✅ Ihr Popup respektiert Targeting-Regeln, Planung und Geräteeinstellungen
✅ Average Order Value verbessert sich durch intelligente Produktvorschläge
Ihr Upsell PopUp ist jetzt live und bereit, Ihren Umsatz zu steigern 🚀
Aktualisiert am: 10/09/2026
Danke!