> ## 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 konfiguriert Upsell & Cross Sell > ℹ️ **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 Produktempfehlungen zum richtigen Zeitpunkt anzeigen? 🛍️ Das ist genau das, was **Hoppy Upsell & Cross Sell** ist dafür ausgelegt. Mit dieser App können Sie Upsell & Cross-Selling-Angebote erstellen, die erscheinen: * 🛍️ Am **Produktseite** → unter dem Button Add to Cart * 🛒 Am **Warenkorbseite** → innerhalb des Wagens * 🗂️ In der **Warenkorbschublade** → während Kunden ihre Artikel überprüfen * 📌 In a **Zollstelle** → überall in Ihrem Theme mit einem App-Block Dieser Leitfaden führt Sie durch die Erstellung Ihrer ersten Upsell-Kampagne - von der Auswahl einer Platzierung bis zur Veröffentlichung live in Ihrem Shop ✨ --- # **⚠️ Bevor Sie beginnen** Für jedes Upselling- oder Cross-Selling-Angebot, das auf Ihrer Storefront erscheint, ist die **App Embed** muss in Ihrem Shopify Thema. Gehen Sie zu: **Shopify Admin → Sales Channels → Online Store → Themes → Theme bearbeiten → App Embeds** Dann: * Finde **„Upsell Cross-Sell Slider** * Umschalten auf * Klicken **Sparen** 💡 Wenn Sie die App zum ersten Mal öffnen, **Einrichtungsleitfaden** auf der Homepage führt Sie auch durch diesen Schritt mit einem **Open Theme Editor** Button und eine One-Click-Verifizierung. ℹ️ Ohne die aktivierte App-Einbettung werden Ihre Angebote nicht auf der Storefront dargestellt - auch wenn sie in der App veröffentlicht werden. --- # **⚙️ Schritt 1 - Erstellen Sie einen neuen Upsell** Offen **Hoppy Upsell & Cross Sell** App von Deiner Shopify Admin. Dann: → Klicken **Erstellen Sie neuen Upsell** Ganz oben auf der Seite, um eine neue Kampagne zu starten. Ihre bestehenden Upsells (falls vorhanden) sind auf derselben Seite aufgeführt, wo Sie sie auch veröffentlichen, nicht veröffentlichen, duplizieren oder löschen können. --- # **📍 Schritt 2 - Wählen Sie Ihre Platzierung** Als nächstes werden Sie gefragt, wo das Angebot erscheinen soll. Es gibt 4 verfügbare Platzierungstypen: * **Produktseite** → Zeigt Upsell & Cross-Selling-Blöcke unter der Schaltfläche Warenkorb hinzufügen an. Ideal für "Frequently Bought Together" Stilempfehlungen. * **Warenkorbseite** → Fordert Kunden auf, mehr hinzuzufügen, während sie ihren Warenkorb überprüfen. * **Warenkorbschublade** → Zeigt Angebote in der ausrutschenden Warenkorbschublade, direkt vor dem Checkout. * **Zollstelle** → Ermöglicht es Ihnen, den Upsell-Block überall in Ihrem Theme mit einem App-Block und Ihrem **Upsell ID**. → Klicken **Wählen Sie diesen Typ** auf der Karte, die Ihrem Ziel entspricht. 💡 Nicht sicher, wo ich anfangen soll? Die **Produktseite** Platzierung ist die häufigste erste Wahl - Empfehlungen erscheinen genau dort, wo die Kaufabsicht am höchsten ist. Einmal ausgewählt, öffnet sich die Setup-Seite automatisch mit 3 Tabs: * **Inhalt** → Welche Produkte zu bieten sind und was das Angebot sagt * **Design** → Wie das Angebot aussieht * **Platzierung** Wo und wem es erscheint Auf der rechten Seite ist ein **Live Preview** (Desktop & Mobile) Updates, wie Sie Ihre Einstellungen konfigurieren 👀 --- # **📝 Schritt 3 — Konfigurieren Sie den Inhalt Tab** Hier entscheiden Sie **Was** Sie bieten an. Sie landen zuerst hier, nachdem Sie eine Platzierung ausgewählt haben. --- ## **🏷️ Upsell Name** Ein interner Name für Ihre Kampagne - Kunden werden ihn nie sehen. Verwenden Sie etwas erkennbares, wie: * Sommer Zubehör Upsell * Black Friday Cross-Sell * Post-Kauf-Booster 💡 Eine gute Benennung macht es viel einfacher, später mehrere Kampagnen zu verwalten. --- ## **🛍️ Upsell Produkte auswählen** Diese Einstellungssteuerung **welche Erzeugnisse** empfohlen werden. Es gibt 4 Optionen: ### **🤖 AI Upsell (häufig zusammen gekauft)** empfiehlt automatisch Produkte powered by ShopifyProduktempfehlungen. Wenn ausgewählt, erscheint eine zusätzliche Auswahl: * **Upselling Verwandte Produkte** → Ähnliche Artikel wie die, die angesehen werden * **Upselling Ergänzende Produkte** → Items, die gut dazu passen ℹ️ KI-Empfehlungen verwenden die zugehörigen / ergänzenden Produkte, die Sie festgelegt haben Shopify’ frei **Suche und Entdeckung** App. Ein Tastenkürzel wird in der App angezeigt, so dass Sie ihn öffnen und dort Empfehlungen konfigurieren können. ### **📦 Upselling spezifische Produkte** Hand-Pick genaue Produkte zu bieten. Auswählen dieser zeigt eine **Auswählen von Produkten** Button, der sich öffnet ShopifyProduktauswahl - perfekt für die Förderung eines bestimmten Artikels oder Clearing-Inventars. ### **🗃️ Upsell spezifische Kollektionen** Empfehlen Sie Produkte aus ganzen Kollektionen. Auswählen dieser zeigt eine **Select Collections** Knopf. ### **🔁 Upsell dasselbe Produkt (wie auf der Produktseite)** Bietet das gleiche Produkt an, das der Kunde gerade anschaut - nützlich, um Mengenerhöhungen oder Varianten-Add-Ons zu fördern. --- ## **⚙️ Zusätzliche Inhaltseinstellungen** Unterhalb der Produktauswahl, ein paar weitere Einstellungen Feinabstimmung, wie sich das Angebot verhält: * **Auto Slide Upsell von Interval** → Wann **Aktiviert**, dreht sich der Produktschieber automatisch. An **Intervalldauer** Es erscheint ein Feld, in dem Sie die Rotationsgeschwindigkeit in Sekunden einstellen können. ℹ️ Auto-Slide wird automatisch angehalten, sobald ein Kunde auf die Pfeile links/rechts klickt. * **Upsell Titel** → Die obige Überschrift der Empfehlungen (z.B. _„Häufig zusammen gekauft_ oder _"Vervollständigen Sie Ihren Look"_. Ein Rich Text Editor ist für die grundlegende Formatierung verfügbar. * **Max Anzahl der Produkte** erscheint nur für **AI Upsell** und **Besondere Sammlungen**Steuert, wie viele Produkte im Schieberegler enthalten sind (Standard 3, bis zu 10) – Kunden wischen oder verwenden die Pfeile, um sie einzeln zu durchsuchen. * **Call to Action Button** → Wählen Sie zwischen: * **Hinzufügen zum Warenkorb** → Fügt das Produkt direkt in den Warenkorb 🛒 * **Ansicht Produkt** → Bringt den Kunden zur Produktseite * **Button Text (Vor dem Hinzufügen zum Warenkorb)** → z.B. _Hinzufügen zum Warenkorb_ * **Button Text (Nach dem Hinzufügen zum Warenkorb)** → Wird angezeigt, sobald das Element hinzugefügt wurde, z.B. _Fügen Sie ein anderes hinzu_ - ermutigt Kunden, weiterhin mehr hinzuzufügen ✨ 🌐 **Übersetzungen:** Wenn Ihr Shop in mehreren Sprachen verkauft wird, können Sie den Upsell-Titel und die Button-Texte pro Sprache direkt aus der Registerkarte Inhalt übersetzen. Siehe den dedizierten Leitfaden: Übersetzung → Sobald Ihre Inhalte gut aussehen, klicken Sie **Weiter zum Design** (oder öffnen Sie die **Design** Tab direkt. --- # **🎨 Schritt 4 — Design Tab (kurze Übersicht)** Die **Design** Die Registerkarte steuert, wie Ihr Upsell-Block aussieht - Hintergrundfarben, Abstand, Typografie, Button-Styling und mehr. Sie müssen hier nichts ändern, um live zu gehen - das standarddesign funktioniert out of the box und die live-vorschau zeigt genau, wie es aussehen wird. Für einen vollständigen Überblick über jede Styling-Option, siehe: Design & Styling --- # **📌 Schritt 5 - Wählen Sie, wo es erscheint (Placement Tab)** Die **Platzierung** tab entscheidet **wo** und **wann** Ihr Angebot zeigt sich. Nur das Wesentliche wird hier behandelt - fortgeschrittene Regeln haben ihren eigenen dedizierten Leitfaden. --- ## **👀 Display On (Include)** Dies ist die wichtigste Platzierungseinstellung - sie definiert, welche Seiten Ihr Angebot zeigen. Die verfügbaren Optionen hängen vom Platzierungstyp ab, den Sie in Schritt 2 gewählt haben: **Für Produktseite / Custom Position:** * **Alle Erzeugnisse** → Zeigt auf jeder Produktseite * **Besondere Erzeugnisse** → Enthüllt a **Auswählen des Produkts** Button zum Auswählen exakter Seiten * **Alle Produkte in spezifischen Kollektionen** → Enthüllt a **Auswahlsammlung** Taste * **Alle Produkte mit spezifischen Tags** → Zeigt ein Feld an, um Tags einzugeben (kommagetrennt) * **Zollstelle** → Platziert den Block über einen App-Block in Ihrem Theme-Editor **Für Cart Page / Cart Drawer:** * **Warenkorbseite** / **Warenkorbschublade** → Zeigt an der Standardposition im Warenkorb * **Zollstelle** → Platziert den Block über einen App-Block ℹ️ Benutzerdefinierte Platzierung ist nur für die Produktseite und Warenkorbseite verfügbar. ### **📌 Custom Position — Upselling ID & Code Snippet** Wenn Sie auswählen **Zollstelle**Die App zeigt Ihre **Upsell ID** und ein ready-to-copy **Code Snippet** Nach dem Sparen. Sie werden diese in den App-Block Ihres Theme-Editors einfügen, um die genaue Position des Angebots zu steuern. Für den vollständigen Walkthrough siehe: 🔎 Wie finde ich Upsell ID? --- ## **🚫 Nicht anzeigen (ausschließen)** Verwenden Sie dies, um das Angebot von bestimmten Seiten zu verbergen: * **Keine Produktseite ausschließen** (Standard) * **Nicht auf Produktseiten in bestimmten Sammlungen anzeigen** → Enthüllt a **Select Collections** Taste * **Nicht auf bestimmten Produktseiten anzeigen** → Enthüllt a **Auswählen von Produkten** Taste 💡 Ausschlüsse sind praktisch, wenn die meisten Produkte das Angebot zeigen sollten, aber ein paar (wie Geschenkkarten) sollten nicht. --- ## **🎯 Anzeige nur wenn (Bedingungen)** Kontrollieren Sie genau, wenn das Angebot sichtbar wird: * ✅ **Immer Display** (Standard) * **Mindestanzahl der Bestellungen** → Zeigt ein Feld für die Order Count * **Einmal pro Kunde anzeigen** * **Warenkorbwert ist unter** → Zeigt ein Max Cart Value Feld * **Letzte Bestellung war vor mehr als X Tagen** → Zeigt Wert + Einheit (Tage / Wochen / Monate) * **Letzte Bestellung war innerhalb der letzten X Tage** → Zeigt Wert + Einheit (Tage / Wochen / Monate) ⚠️ Wann **Immer Display** ist ausgewählt, keine anderen Bedingungen können damit kombiniert werden - wählen Sie es zuerst aus, um bedingte Regeln zu erstellen. Der Placement-Tab enthält auch **Time-on-Site-Targeting**, **Customer Targeting** (Anmeldestatus, Tags, ausgegebener Betrag) und **Geolocation Targeting** (spezifische Länder). Diese werden im speziellen Leitfaden ausführlich behandelt: 🎯 Advanced Targeting Optionen für Upsell & Cross Sell --- # **💾 Schritt 6 - Save vs Publish** Dies ist eine wichtige Unterscheidung zu verstehen: * **Sparen** → Speichert Ihre Konfiguration, aber das Angebot ist **nicht sichtbar** Auf ihrer storefront noch. Sobald Sie eine Einstellung ändern, **Reservebalken** erscheint oben — Klick **Sparen** um Ihre Änderungen beizubehalten oder **Rückwurf** um sie umzukehren. * **Veröffentlichen** → Macht das Angebot **lebend** auf Ihrer Storefront (solange das App-Embed aktiviert ist). Verwendung der **Veröffentlichen** Button in der oberen rechten Ecke der Seite. ℹ️ Ein neuer Upsell beginnt als **Nicht veröffentlicht** - immer klicken **Veröffentlichen** Nach dem speichern, wenn sie bereit sind, live zu gehen. Von der gleichen Seite können Sie später: * **Unveröffentlicht** → Nimmt das Angebot von der Storefront, ohne es zu löschen * **Duplikat** → Erstellen einer Kopie der Kampagne * **Löschung** → Entfernt es dauerhaft Das Badge neben dem Kampagnennamen zeigt immer den aktuellen Status an: **Veröffentlicht** ✅ oder **Nicht veröffentlicht**. --- # **✅ Schritt 7 — bestätigen Es ist live** Direkt nach der Veröffentlichung erscheint oben auf der Seite ein Bestätigungsbanner: * Wenn die **App Embed ist aktiviert** → Sie werden gebeten, zu bestätigen, dass das Angebot sichtbar ist, mit Buttons zum **Offener Laden** Überprüfen Sie, ob alles richtig aussieht. * Wenn die **App Embed ist NICHT aktiviert** → Sie sehen eine **App Embed aktivieren** Button, der Sie direkt an die richtige Stelle in Ihrem Theme-Editor bringt. für **Zollstelle** Kampagnen, ein **App-Block hinzufügen** Es erscheint auch eine Schaltfläche, die den Theme-Editor öffnet, damit Sie den Block genau dort platzieren können, wo Sie ihn möchten. Wenn Ihr Angebot nach der Veröffentlichung nicht erscheint, siehe: Upsell & Cross Sell Wird nicht in meinem Shop angezeigt \[Fixed\] --- # **🎉 Endergebnis** Nach der Konfiguration und Veröffentlichung erscheint Ihr Upsell & Cross-Selling-Angebot automatisch auf den ausgewählten Seiten: ✅ Kunden sehen relevante Produktempfehlungen beim Einkaufen ✅ Angebote erscheinen auf Produktseiten, Warenkorbseite, Warenkorbschublade oder benutzerdefinierten Positionen ✅ Add to Cart Buttons funktionieren direkt im Upsell Block ✅ Bedingungen und Ausschlüsse stellen sicher, dass die richtigen Käufer das richtige Angebot sehen ✅ Ihr durchschnittlicher Bestellwert erhält einen natürlichen Schub 📈 Eine gut platzierte Upsell-Kampagne ist eine der einfachsten Möglichkeiten, um Einnahmen aus dem Traffic zu erzielen, den Sie bereits haben ✨ --- # **📚 Verwandte Leitfäden** * 🎨 Upsell & Cross Sell - Design & Styling * 🎯 Advanced Targeting Optionen für Upsell & Cross Sell * 🌍 Upsell & Cross Sell — Übersetzung * 🔎 Wie finde ich Upsell ID? * Upsell & Cross Sell Wird nicht in meinem Shop angezeigt \[Fixed\]