ℹ️ 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 SammlungenSteuert, 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 ZollstelleDie 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]

Aktualisiert am: 15/09/2026