🚀 Wie man Product Upsell 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 Average Order Value (AOV) erhöhen, indem Sie die richtigen Produkte zum richtigen Zeitpunkt empfehlen? 🛍️
Das ist genau das, was die Produkt-Upsell (Slider) Angebotsart in Hoppy Bundles ist dafür ausgelegt.
Mit diesem Angebot können Sie auf Ihren Produktseiten einen schönen Produkt-Slider anzeigen, der Ihren Kunden zusätzliche Produkte empfiehlt, wie zum Beispiel:
- 🧠 KI-gestützte Empfehlungen (bezogene oder ergänzende Produkte)
- 🎯 Spezifische handverlesene Produkte, die Sie bewerben möchten
Kunden können empfohlene Produkte direkt über den Schieberegler in ihren Warenkorb legen – ohne jemals die Produktseite zu verlassen ✨
In diesem Handbuch führen wir Sie Schritt für Schritt durch das komplette Setup, so dass Ihr Upsell-Slider in nur wenigen Minuten live ist ⚙️
📋 Bevor Sie beginnen
Bevor Sie Ihren ersten Produkt-Upsell erstellen, stellen Sie sicher, dass Sie Folgendes bereit haben:
- ✅ Hoppy Bundles installiert auf Ihrem Shopify Lager
- ✅ Eine grobe Idee von welche Erzeugnisse Sie möchten empfehlen (oder ob Sie möchten, dass AI für Sie entscheidet)
- ✅ (Nur für AI Upsell) Die Freien Shopify Search & Discovery App installiert - das ist, wo Shopify speichert Ihre zugehörigen und ergänzenden Produktempfehlungen
ℹ️ Der Product Upsell Slider nicht Erstellen Sie alle Rabatte. Empfohlene Produkte werden zum regulären Preis in den Warenkorb gegeben - es ist nur ein Produktempfehlungstool 💡
✅ Erster Schritt - Aktivieren Sie die App Embed
Damit der Upsell-Slider auf Ihrer Storefront erscheint, Hoppy Bundles App-Embed muss in Ihrem Shopify Thema.
Gehen Sie zu:
Shopify Admin → Online Store → Themes → Theme bearbeiten → App Embeds
Von dort aus:
- Offen App Embeds Schnitt von der linken Seitenleiste
- Finden Sie die Hoppy Bundles App Embed
- Umschalten IN ✅
- Klicken Sparen
⚠️ Machen Sie sich keine Sorgen, wenn Sie diesen Schritt überspringen - nach der Veröffentlichung Ihres Angebots, Hoppy Bundles Sie zeigen Ihnen ein Erinnerungsbanner mit einem direkten App Embed aktivieren Button, der Sie direkt an die richtige Stelle im Theme-Editor bringt.
⚙️ Schritt 1 - Erstellen eines neuen Produkt-Upselling-Angebots
Aus dem Hoppy Bundles App-Dashboard:
- Klicken Neues Angebot erstellen
- Am Art des Angebots Bildschirm, finden Sie die Produkt-Upsell (Slider) Karte 🏷️
- Klicken Upsell Slider erstellen
Sie landen auf der Upsell Slider erstellen Einrichtungsseite.
Die Setup-Seite ist in zwei Bereiche unterteilt:
- linke Seite → Ihre Einstellungen, organisiert in 3 Tabs: Generalmajor, Design, und Targeting & Placement
- rechte Seite → A Live Preview Dein Slider auf beiden 🖥️ Desktop und 📱 Mobil, das sofort aktualisiert wird, wenn Sie die Einstellungen ändern
💡 Jede Änderung, die Sie vornehmen, spiegelt sich in der Vorschau in Echtzeit wider - experimentieren Sie frei!
🏷️ Schritt 2 - Nennen Sie Ihr Angebot und legen Sie den Slider-Titel fest
Am Generalmajor Tab, beginnen Sie mit den Grundlagen:
Name des Angebots
Dieser Name ist Nur sichtbar für Sie In der app - kunden sehen es nie. Verwenden Sie etwas erkennbar für Ihre eigene Referenz, wie:
- Sommerkollektion Upsell
- Zubehör Slider
Slide Titel
Dies ist die Überschrift Kunden wird sehen Über dem Slider an Ihrer Storefront.
Der Standardtitel ist "Vielleicht gefällt Ihnen auch", aber Sie können es in alles ändern, was Sie mögen, wie zum Beispiel:
- Vervollständigen Sie den Look
- Paare gut mit
- Kunden auch gekauft
⚠️ Die Slider Title ist erforderlich Wenn Sie es leer lassen, sehen Sie eine "Slidertitel sind erforderlich" Fehler und wird nicht in der Lage sein zu retten.
🔢 Schritt 3 — Slider-Einstellungen konfigurieren
Immer noch auf der Generalmajor Tab. Einstellungen Abschnitt steuert, wie viele Produkte gleichzeitig im Schieberegler sichtbar sind:
- Produkte pro Objektträger (Desktop) → Wie viele Produkte pro Folie auf Desktop-Bildschirmen angezeigt werden (Standard: 3)
- Produkte pro Objektträger (Mobile) → Wie viele Produkte pro Folie auf mobilen Geräten angezeigt werden (Standard: 2)
ℹ️ Wenn Sie mehr Produkte auswählen, als auf eine Folie passen, können Kunden wischen oder durch den Schieberegler navigieren, um den Rest zu sehen - also haben Sie keine Angst, viele Empfehlungen hinzuzufügen.
🛍️ Schritt 4 - Wählen Sie Ihre Upselling-Produkte
Das ist das Herzstück Ihres Angebots ❤️ — Auswahl welche Erzeugnisse werden im Schieber empfohlen.
Sie haben zwei Möglichkeiten:
Option 1 — Upselling spezifische Produkte (Standard)
Wählen Sie die genauen Produkte aus, die Sie empfehlen möchten:
- Wählen Upselling spezifische Produkte
- Klicken Auswählen von Produkten
- ShopifyProduktauswahl wird geöffnet - suchen und wählen Sie ein oder mehrere Produkte aus
- Bestätigen Sie Ihre Auswahl ✅
Ihre ausgewählten Produkte werden als Liste unter dem Button und sofort in der Live-Vorschau angezeigt.
💡 Diese Option ist perfekt, wenn Sie die volle Kontrolle haben möchten - zum Beispiel immer passendes Zubehör auf einer bestimmten Produktseite empfehlen.
Option 2 — AI Upsell (häufig gemeinsam gekauft)
lassen ShopifyDie KI entscheidet automatisch, welche Produkte für jede Produktseite empfohlen werden.
Wenn Sie diese Option auswählen, werden zwei Empfehlungstypen verfügbar:
- Upselling Verwandte Produkte → Ähnliche Produkte wie die, die angesehen werden
- Upselling Ergänzende Produkte → Produkte, die gut zu dem passen, das angesehen wird
⚠️ Wichtig: AI Upsell verwendet die Empfehlungen, die Sie im kostenlosen Shopify Search & Discovery AppSie sehen ein Erinnerungsbanner mit einem Open Search und Discovery Button - verwenden sie es, um ihre verwandten oder ergänzenden produkte pro produkt einzurichten, sonst hat der schieberegler möglicherweise nichts zu zeigen.
Max Anzahl der Produkte
Wenn AI Upsell ausgewählt ist, erscheint ein zusätzliches Feld:
Max Anzahl der Produkte → Die maximale Anzahl der empfohlenen Produkte, die im Schieberegler angezeigt werden (bis zu 10).
⚠️ Heads up! Umschalten zwischen Upselling spezifische Produkte und AI Upsell löscht Ihre aktuelle ProduktauswahlWählen Sie zuerst Ihren Ansatz und dann Produkte aus.
🌍 Schritt 5 — Übersetzungen (optional)
Verkauf in mehreren Sprachen? Die Übersetzung Im Abschnitt Allgemeine können Sie die Slider-Texte für jede der Sprachen Ihres Shops übersetzen.
Dieser Schritt ist während der Einrichtung völlig optional - Sie können später immer darauf zurückkommen. Für einen vollständigen Spaziergang, schauen Sie sich unsere gewidmet Übersetzungsführer 📖
🎨 Schritt 6 - Passen Sie das Design an (optional)
Wechsel zum Design Tab, damit der Slider perfekt zu Ihrer Marke passt 🎨
Hier ist ein kurzer Überblick darüber, was Sie anpassen können:
- Schriftzug → Verwenden Sie Ihre Theme Font (Standard) oder wählen Sie aus einer großen Liste von Fonts
- Typografie und Farben → Textgröße, Gewicht und Farbe für den Slider-Titel, Produkttitel, Preise und die Schaltfläche zum Warenkorb hinzufügen
- Grenze → Randbreite und Eckenrundung (Radius) der Produktkarten
- Hintergrund und Rahmenfarben → Sowohl für die Produktkarten als auch für den Button
Alle Änderungen werden sofort in der Live-Vorschau rechts aktualisiert 🖥️📱
ℹ️ Das Standarddesign sieht bereits aus der Box sauber aus, so dass Sie dies bei der ersten Einrichtung sicher überspringen und später verfeinern können. Für einen tiefen Einblick in jede Styling-Option, schauen Sie sich unsere gewidmete Design & Styling Guide 📖
📍 Schritt 7 - Wählen Sie die Platzierung
Wechsel zum Targeting & Placement Tab und entscheiden wo Der Slider erscheint.
Sie haben zwei Platzierungsmöglichkeiten:
Unten Add to Cart Button (Standard)
Der Schieber wird automatisch direkt unter dem Hinzufügen zum Warenkorb Button auf Ihren Produktseiten. Keine zusätzliche Arbeit erforderlich - dies ist die empfohlene Option für die meisten Geschäfte ✅
Custom (nur auf der Produktseite)
Wählen Sie dies, wenn Sie den Schieberegler manuell positionieren möchten, wo immer Sie auf der Produktseite möchten.
Wenn Sie ausgewählt sind, zeigt Ihnen die App zwei Dinge:
- Hoppy Bundles ID → Verwenden Sie diese ID mit dem Hoppy Bundles App-Block in Ihrem Theme-Editor zum Hinzufügen, Entfernen oder Neupositionieren des Schiebereglers
- Hoppy Bundles Code Snippet → Ein kleines
<div>Snippet können Sie überall in Ihrem Theme-Code einfügen
⚠️ Der ID- und Code-Snippet erscheint nur Nachdem Sie gespeichert oder veröffentlicht haben Das Angebot - also speichern Sie zuerst, dann kopieren Sie sie.
🎯 Schritt 8 — Targeting & Scheduling festlegen (optional)
Immer noch auf der Targeting & Placement Tab, finden Sie optionale Kontrollen für wer sieht den Schieber und wann 👇
👤 Customer Targeting
Kontrollieren Sie, welche Kunden den Slider sehen:
- Sichtbarkeit (Customer Login Status) → Alle Kunden oder nur angemeldete Kunden anzeigen
- Showbar auf Alle Kunden, Kunden mit einem bestimmten Customer Tag (z.B.
premium, wholesaleoder Kunden über einem bestimmten Lebenszeit Betrag - Hide Bar von → Optional Kunden nach Tag oder Lebenszeit ausschließen
🌍 Geolocation Targeting
- Alle Welten (Standard) → Zeigen Sie den Slider Besuchern aus allen Ländern
- Spezifische Länder → Klicken Ausgewählte Länder Um den Country Picker zu öffnen, zu suchen und genau auszuwählen, wo der Slider erscheinen soll
🗓️ Zeitplanung
Perfekt für zeitlich begrenzte Kampagnen:
- Beginn → Gerade jetzt (Standard) oder Spezifisches Datum und Zeit
- Ende → nie (Standard) oder Spezifisches Datum und Zeit
ℹ️ Alle diese Targeting-Optionen sind optional. Für die meisten Geschäfte funktionieren die Standardeinstellungen (für alle, überall, immer) gut, um damit zu beginnen. Für fortgeschrittene setups, schauen sie sich unsere dedizierten. Ausrichtungsleitfaden 📖
🚀 Schritt 9 — Speichern und Veröffentlichen
Du bist fast fertig! 🎉
Speichern Sie Ihr Angebot
Wann immer Sie Änderungen vornehmen, a Reservebalken erscheint oben auf der Seite:
- Klicken Sparen um Ihr Angebot als Entwurf 📝
- Klicken Rückwurf Um Ihre Änderungen rückgängig zu machen
⚠️ Auf ein brandneues Angebot, die Veröffentlichen Button bleibt deaktiviert, bis Sie mindestens einmal gespeichert haben - also hit Sparen zuerst.
Veröffentlichen Sie Ihr Angebot
Einmal gespeichert, klicken Veröffentlichen in der oberen rechten Ecke, um den Slider live in Ihrem Shop zu machen 🚀
nach der Veröffentlichung, Hoppy Bundles zeigt ein Bestätigungsbanner:
- Wenn die App Embed ist noch nicht aktiviertDu wirst eine sehen "Stellen Sie sicher, dass App Embed aktiv ist" Banner mit einem App Embed aktivieren Button - klicken Sie darauf und schalten Sie das Einbetten ein (siehe den ersten Schritt oben)
- Wenn alles aktiv ist, klicken Offener Laden um Ihren Slider live auf einer Produktseite zu sehen ✨
Sie können Unveröffentlicht jederzeit den Schieberegler offline zu nehmen, ohne Ihre Einstellungen zu verlieren.
⚠️ Wichtige Hinweise & Tipps
- 💰 Es werden keine Rabatte gewährt Der Produkt-Upsell-Slider empfiehlt Produkte zu ihrem regulären Preis. Wenn Sie vergünstigte Bundles wünschen, schauen Sie sich unsere an Bündel oder Aufschlüsselung der Menge Angebotstypen statt
- 🧠 AI Upsell braucht Search & Discovery - ohne Verwandte / Ergänzende Produkte, die im Shopify Search & Discovery App, der AI-Slider kann leer erscheinen
- 🔄 Der Upsell-Typ setzt Ihre Auswahl zurück Wechsel zwischen Spezifische Erzeugnisse und AI Upsell löscht die Produkte, die Sie ausgewählt haben
- 🗑️ Löschen ist dauerhaft — die Löschung Aktion (oben auf der Bearbeitungsseite) entfernt das Angebot und Ihre Analytics-Statistiken für immer. Dies kann nicht rückgängig gemacht werden
- 📄 Doppelte Angebote leicht - Verwenden Sie die Duplikat Aktion auf ein bestehendes Angebot, um eine Kopie zu erstellen und sie zu optimieren, anstatt bei Null zu beginnen
🎉 Endergebnis
Das ist es - Ihr Product Upsell Slider ist live! 🥳
Ihre Kunden sehen jetzt einen schönen Produktempfehlungs-Slider auf Ihren Produktseiten, genau dort, wo Sie ihn platziert haben. Sie können Empfehlungen durchsuchen und Produkte mit einem einzigen Klick in ihren Warenkorb legen - steigern Sie Ihren AOV auf Autopilot 📈
Aus dem Hoppy Bundles Dashboard, Sie können:
- ✏️ Edit das Angebot, jederzeit Produkte, Design oder Targeting zu ändern
- 📊 Gleisleistung um zu sehen, wie Ihre Upsells konvertieren
- ⏸️ Unveröffentlicht Wann immer Sie das Angebot unterbrechen möchten
Happy Upselling! 🚀
Aktualisiert am: 10/09/2026
Danke!