> ## 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 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 Platzierungsarten**So 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ählen**Wä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 Kollektionen**Du 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 **Aktiviert**Ein 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: `5` Sekunden * Niedrigere Werte (z.B. `3`schnellere 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 **Aktiviert**Wenn Sie Auto Slide deaktivieren, versteckt sich das Feld automatisch. --- # **💾 Schritt 5 — Speichern und Veröffentlichen** Sobald alles gut aussieht: 1. Klicken **Sparen** in der Speicherleiste oben auf der Seite 2. 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