> ## 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 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: 1. Offen **App Embeds** Schnitt von der linken Seitenleiste 2. Finden Sie die **Hoppy Bundles** App Embed 3. Umschalten **IN** ✅ 4. 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: 1. Klicken **Neues Angebot erstellen** 2. Am **Art des Angebots** Bildschirm, finden Sie die **Produkt-Upsell (Slider)** Karte 🏷️ 3. 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: 1. Wählen **Upselling spezifische Produkte** 2. Klicken **Auswählen von Produkten** 3. ShopifyProduktauswahl wird geöffnet - suchen und wählen Sie ein oder mehrere Produkte aus 4. 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 App**Sie 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 Produktauswahl**Wä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 `
` 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, wholesale`oder 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 aktiviert**Du 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! 🚀