🎠 Wie man ein Auto-Sliding einrichtet 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, dass Ihre Upsell-Angebote mehr Aufmerksamkeit erregen, ohne dass die Kunden einen Finger heben? ✨
Das ist genau das, was die Auto-Sliding Upsell in Hoppy Upsell & Cross Sell ist dafür ausgelegt.
Anstatt ein einzelnes statisches Produkt zu zeigen, kann sich das Upsell-Widget automatisch in einem glatten Schiebekarussell durch Ihre empfohlenen Produkte drehen - wie ein Mini-Produkt-Showcase, das direkt in Ihrem Geschäft läuft. 🛍️
Mit diesem Setup können Sie:
- 🔄 Automatisches Drehen mehrerer Upsell-Produkte im Widget
- ⏱️ Steuern Sie, wie viele Sekunden jedes Produkt sichtbar bleibt
- 👆 Lassen Sie Kunden manuell mit den Navigationspfeilen links / rechts durchsuchen
- 🎯 Halten Sie das Widget kompakt, während Sie immer noch mehr Angebote anzeigen
Dies ist besonders nützlich, wenn Sie mehrere Produkte zu empfehlen haben, aber begrenzten Platz auf der Seite - jedes Produkt bekommt seinen Moment im Rampenlicht 💡
🧩 Wie die Auto-Slide funktioniert
Das Upsell-Widget zeigt Produkte in einem Slider an, der Ein Produkt auf einmal.
Wenn Auto-Slide aktiviert ist:
- Das Widget wechselt automatisch zum nächsten Produkt nach dem gewählten Intervall
- Der Schieber schlingt kontinuierlich, so dass er nach dem letzten Produkt zum ersten Produkt zurückkehrt
- Kunden können jederzeit manuell mit dem Links-/Rechtsnavigationspfeile
⚠️ Wichtig: Auto-Slide ist automatisch für einen Besucher deaktiviert, sobald er mit dem Slider interagiert - zum Beispiel durch Klicken auf die Navigationspfeile, Tippen oder Ziehen des Schiebereglers auf dem Handy. Dies gibt den Kunden die volle Kontrolle, sobald sie anfangen, selbst zu surfen.
✅ Bevor Sie beginnen
Stellen Sie sicher, dass die App-Einbettung in Ihrem Theme aktiviert ist, sonst erscheint das Upsell-Widget nicht auf Ihrer Storefront.
Gehen Sie zu:
Shopify Admin → Sales Channels → Online Store → Themes → Theme bearbeiten → App Embeds
Dann:
- Finde Upsell Cross-Sell Slider
- Umschalten IN
- Klicken Sparen
💡 Wenn Sie die Zollstelle Platzierung, müssen Sie auch die hinzufügen Upsell Cross-Sell Block App-Block in Ihrem Theme-Editor und geben Sie Ihre Upsell-ID ein. Siehe 🔎 Wie finde ich Upsell ID? falls erforderlich.
⚙️ Schritt 1 - Erstellen oder Öffnen eines Upsells
Offen Hoppy Upsell & Cross Sell App von Deiner Shopify Admin.
Dann entweder
→ Klicken Erstellen Sie neuen Upsell um ein neues Setup zu starten und eine Platzierung auszuwählen ()Produktseite, Warenkorbseite, Warenkorbschublade, oder Zollstelle)
—oder—
→ Öffnen Sie einen bestehenden Upselling von Ihrem Dashboard, um ihn zu bearbeiten
Die Auto-Slide-Einstellung funktioniert auf die gleiche Weise über alle PlatzierungsartenSo können Sie es überall dort verwenden, wo Ihr Widget erscheint 🙌
🛍️ Schritt 2 - Wählen Sie Ihre Upselling-Produkte
Innerhalb der Inhalt Tab, zuerst entscheiden, welche Produkte der Schieber durchdrehen soll.
Unter Upsell-Produkte auswählenWählen Sie eine der verfügbaren Optionen:
- AI Upsell (häufig zusammen gekauft) → zieht automatisch verwandte oder ergänzende Produkte, die in ShopifyDie Search & Discovery App
- Upselling spezifische Produkte → Wählen Sie die genauen Produkte aus, die Sie bewerben möchten
- Upsell spezifische Kollektionen → Rotationsprodukte aus ausgewählten Kollektionen
- Upsell dasselbe Produkt (wie auf der Produktseite) → Förderung des Produkts, das derzeit angesehen wird
💡 Auto-Slide leuchtet am hellsten, wenn das Widget Mehrere Produkte zu zeigen — mit nur einem Produkt gibt es nichts zu gleiten.
🔢 Max Anzahl der Produkte
Bei Verwendung AI Upsell oder Upsell spezifische KollektionenDu wirst auch ein Max Anzahl der Produkte Feld.
Dies steuert, wie viele Produkte (bis zu 10) zur Rotation in den Schieber geladen werden.
Zum Beispiel setzen Sie es auf 5 bedeutet, dass sich bis zu 5 empfohlene Produkte im Widget abwechseln.
🎠 Schritt 3 - Auto-Slide aktivieren
Noch im Inneren des Inhalt Tab, scrollen Sie zum Auto Slide Upsell von Interval Einstellung.
Dieser Dropdown hat 2 Optionen:
- Aktiviert → Das Widget rutscht automatisch durch Ihre Upsell-Produkte
- Behinderte → das Widget bleibt auf einem Produkt, bis der Kunde die Navigationspfeile benutzt
Die Einstellung ist Standardmäßig aktiviert für neue Upsells.
⏱️ Schritt 4 - Legen Sie die Intervalldauer fest
einmal Autorutsche gesetzt auf AktiviertEin neues Feld erscheint direkt darunter:
Intervalldauer 🕒
Diese Zahl Kontrollen wie viele Sekunden jedes Produkt auf dem Bildschirm bleibt bevor sich der Schieber zum nächsten bewegt.
- Standardwert:
5Sekunden - Niedrigere Werte (z.B.
3schnellere Rotation, mehr Energie ⚡ - Höhere Werte (z.B.
8–10) → langsamere Rotation, mehr Zeit, jedes Angebot zu lesen 🧘
💡 Ein guter Ausgangspunkt ist 4-6 Sekunden - schnell genug, um mehrere Produkte zu präsentieren, aber langsam genug, damit die Kunden den Produkttitel, den Preis und die Schaltfläche lesen können.
ℹ️ Die Intervalldauer Feld erscheint nur, während Auto Slide auf AktiviertWenn Sie Auto Slide deaktivieren, versteckt sich das Feld automatisch.
💾 Schritt 5 — Speichern und Veröffentlichen
Sobald alles gut aussieht:
- Klicken Sparen in der Speicherleiste oben auf der Seite
- Klicken Veröffentlichen um den Upselling live in Ihrem Shop zu machen
Nach der Veröffentlichung erscheint ein Bestätigungsbanner mit schnellen Links zu Öffnen Sie Ihren Shop oder Aktivieren Sie die App Embed Wenn es noch nicht aktiv ist.
⚠️ Wichtige Hinweise
- 🛑 Auto-Slide Stopps für die aktuelle Seitenansicht sobald ein Besucher mit dem Slider interagiert (Pfeile, Tippen, Ziehen oder Klicken). Es wird automatisch neu gestartet, wenn die Seite das nächste Mal geladen wird - zum Beispiel, wenn der Besucher zu einer anderen Seite navigiert.
- 👁️ Die Vorschau in der App zeigt, wie Ihr Widget aussieht, aber die Schiebebewegung selbst wird am besten auf Ihrem Live-Shopfront.
- 🔁 Der Schieber Schleifen kontinuierlich — nach dem letzten Produkt rutscht es automatisch zum ersten zurück.
- 🧭 Die Navigationspfeile bleiben immer verfügbar, auch wenn Auto-Slide aktiviert ist, so dass Kunden nie die manuelle Kontrolle verlieren.
- 📱 Auto-Slide funktioniert bei beiden Desktop und Mobile Schaufensterfronten.
🎉 Endergebnis
Ihr Upsell-Widget funktioniert jetzt als Auto-Sliding-Karussell auf Ihrer Storefront:
- Produkte rotieren automatisch basierend auf Ihren Intervalldauer
- Kunden können jederzeit mit den Navigationspfeilen übernehmen
- Mehr Ihrer Angebote werden gesehen - ohne zusätzlichen Seitenraum zu beanspruchen 🚀
📚 Verwandte Leitfäden
- 🎨 Upsell & Cross Sell Design & Styling → Passen Sie Pfeilfarbe, Größe, Tastenstile und mehr an
- 🎯 Advanced Targeting Optionen für Upsell & Cross Sell Steuern Sie genau, wer Ihren Upsell sieht und wann
- 🌍 Upsell & Cross Sell Übersetzung → Slider-Inhalte in mehreren Sprachen anzeigen
- Upsell & Cross Sell Wird nicht in meinem Store angezeigt [Fixed] → Probleme bei der Sichtbarkeit
Aktualisiert am: 15/09/2026
Danke!