> ## 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 Platz macht Upsell & Cross Sell in einer Zollposition > ℹ️ **Note:** Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team. Wollen Sie Ihre Upsell & Cross Sell Widget erscheint genau dort _Sie_ Wollen Sie es - nicht nur in den Standard-Spots? 🎯 Das ist genau das, was die **Zollstelle** Option in Hoppy Upsell & Cross Sell ist dafür ausgelegt. Anstatt sich auf die automatische Platzierung der App zu verlassen, können Sie mit Custom Position den genauen Standort Ihres Widgets bestimmen, indem Sie Folgendes verwenden: * 🧩 Ein Thema **App Block** (keine Codierung erforderlich) * 📝 A **Code Snippet** Sie können in einen benutzerdefinierten Flüssigkeitsabschnitt oder Ihre Theme-Dateien einfügen Dies ist perfekt, wenn Sie möchten, dass das Widget zwischen bestimmten Abschnitten sitzt - zum Beispiel direkt unter Ihrer Produktbeschreibung, in einer Registerkarte oder über den Warenkorbsummen - so dass es sich natürlich in das Design Ihres Shops einfügt ✨ --- # **🗺️ Wo Custom Position funktioniert** Custom Position kann auf den folgenden Seiten verwendet werden: * **Produktseite** → überall in Ihrer Produktvorlage * **Warenkorbseite** Überall in Ihrer Warenkorbvorlage ℹ️ Custom Position wird nur auf der **Produktseite** und **Warenkorbseite**. Die **Warenkorbschublade** wird dynamisch durch Ihr Thema dargestellt, so dass App-Blöcke nicht darin platziert werden können - für die Warenkorbschublade verwenden Sie die dedizierte **Warenkorbschublade** Platzierungstyp stattdessen. --- # **✅ Bevor Sie beginnen** Stellen Sie sicher, dass Folgendes vorhanden ist, bevor Sie eine benutzerdefinierte Position einrichten: * Die **Upsell Cross-Sell Slider App einbetten** ist in Ihrem Theme aktiviert **Shopify Admin → Online Store → Themes → Theme bearbeiten → App Embeds → Upsell Cross-Selling Slider → ON → Save** ⚠️ Ohne die App-Einbettung wird das Widget-Skript niemals geladen - so dass nichts angezeigt wird, selbst wenn der Block korrekt platziert ist. * Du hast deine **Upsell ID** handlich. Nicht sicher, wo es zu finden? Siehe 🔎 Wie finde ich Upsell ID? --- # **🛠️ Schritt 1 - Aktivieren Sie die benutzerdefinierte Position in der App** Es gibt zwei Möglichkeiten, die benutzerdefinierte Position einzuschalten - wählen Sie, was auch immer zu Ihrer Situation passt. ## **Option A - Erstellen eines neuen Custom Position Upell** Offen **Hoppy Upsell & Cross Sell** app, dann: → Klicken **Erstellen Sie neuen Upsell** → Auf dem Bildschirm des Platzierungstyps auswählen **Zollstelle** Dadurch entsteht ein neuer Upell, dessen Platzierung bereits auf **Zollstelle** - Sie konfigurieren den Inhalt und das Design wie gewohnt und platzieren es dann in den nächsten Schritten in Ihrem Thema. ## **Option B — Umschalten eines bestehenden Upsells in eine benutzerdefinierte Position** Sie haben bereits eine **Produktseite** oder **Warenkorbseite** Upsell? Sie können es konvertieren: → Öffnen Sie den Upselling von Ihrem Dashboard → Gehen Sie zum **Platzierung** tab → Unter **Display On (Include)**Öffnen Sie den Placement Dropdown und wählen **Zollstelle** 💡 Umstellung auf **Zollstelle** löscht die automatische Platzierung, so dass das Widget nur dort erscheint, wo Sie es selbst im Theme platzieren. --- # **💾 Schritt 2 - Speichern Sie, um Ihre Upsell ID & Code Snippet zu erhalten** Benutzerdefinierte Position funktioniert, indem Sie Ihre Theme-Platzierung mit einem bestimmten Upselling unter Verwendung von **Upsell ID**. Nach der Auswahl **Zollstelle**: → Klicken **Sparen** Einmal gerettet, die **Platzierung** Die Registerkarte zeigt zwei kopierbereite Elemente: * **Upsell ID** → die eindeutige ID dieses Upsells (mit einem Kopier-Button) 📋) * **Upsell Code Snippet** → ein fertiges HTML-Snippet (auch mit einem Copy-Button) ℹ️ Diese erscheinen nur **Nach dem Sparen**Wenn Sie "Speichern, um Upsell-ID und Code-Snippet zu sehen" sehen, klicken Sie einfach zuerst auf Speichern. --- # **🧩 Schritt 3 - Platzieren Sie das Widget auf Ihrem Thema** Wählen Sie nun aus, wie Sie das Widget platzieren möchten. Beide Methoden arbeiten an der **Produktvorlage** und die **Wagenschablone**. ## **Methode 1 - Verwenden des Theme App Blocks (empfohlen)** Dies ist der einfachste, No-Code-Weg 🎉 → Gehen Sie nach **Shopify Admin → Online Store → Themes → Bearbeiten** → Öffnen Sie aus dem oberen Dropdown die Vorlage, in der Sie das Widget möchten: * **Produkte → Standardprodukt** (für Produktseiten) * **Warenkorb** (für die Warenkorbseite) → Im linken Bereich klicken **Block hinzufügen** oder **Abschnitt hinzufügen**← Unter **Apps**, auswählen **Upsell Cross-Sell Block** → In den Blockeinstellungen fügen Sie Ihre **Upsell ID** in die **Upsell ID** Feld → Ziehen Sie den Block an Ihre bevorzugte Position ⬆️⬇️ → Klicken **Sparen** 💡 Direkt nach der Veröffentlichung eines Upsells zeigt die App auch eine **App-Block hinzufügen** Shortcut-Button im Bestätigungsbanner - es öffnet Ihren Theme-Editor direkt mit dem Block, der zum Hinzufügen bereit ist. ⚠️ Wenn die **Upsell ID** Ein Feld bleibt leer, der Block zeigt einen "Bitte konfigurieren Sie die Upsell-ID, um den App-Block zu verwenden." Platzhalter anstelle Ihres Widgets an - also fügen Sie immer die ID ein. ## **Methode 2 - Verwenden eines benutzerdefinierten Liquid Block / Code Snippet** Bevorzugen Sie mehr Kontrolle oder möchten Sie, dass die App-Blöcke nicht verfügbar sind? Verwenden Sie stattdessen den Code-Snippet. → Im Theme Editor fügen Sie ein **Custom Liquid** Block oder Abschnitt, in dem Sie das Widget möchten → Fügen Sie das **Upsell Code Snippet** Sie kopiert aus der App. Es sieht so aus: → Klicken **Sparen** Die App findet automatisch diesen Platzhalter auf der Seite und stellt das passende Upsell-Widget darin wieder her - auch wenn Ihr Theme den Abschnitt später neu darstellt 🔄 💡 Sie können das Snippet auch direkt in die Liquid-Dateien Ihres Themes einfügen (z. B. in einem benutzerdefinierten Produktbereich), wenn Sie Code bearbeiten möchten. --- # **📌 Wichtige Hinweise & Warnungen** * ⚠️ **App Embed muss ON bleiben** Beide Methoden hängen von der **Upsell Cross-Sell Slider** App Embed wird aktiviert. * ⚠️ **Entwickelt für Produkt- & Warenkorbseiten** Custom Position wird für Produktseiten und die Warenkorbseite erstellt und unterstützt. Das widget rendert, wo immer es den block-snippet-platzhalter auf der seite findet, also platziere es nur auf diesen vorlagen - das platzieren an anderer stelle (wie die startseite oder sammlungen) wird nicht unterstützt und kann zu unerwarteten ergebnissen führen. * 💡 **1 ID = 1 Upsell** - Die Upsell-ID im Block oder Snippet entscheidet, welcher Upsell angezeigt wird. Um einen anderen Upsell anzuzeigen, tauschen Sie seine ID aus. * 💡 **Mehrfachplatzierungen** - Sie können den gleichen Block oder Snippet an mehr als einer Stelle hinzufügen (z. B. Produktseite) _und_ Warenkorbseite) mit derselben Upsell-ID. * ⚠️ **Veröffentlichen Sie Ihren Upsell** Der Upsell muss **veröffentlicht** in der App, sonst macht nichts auf der Storefront. * ℹ️ Anzeigebedingungen gelten weiterhin - Targeting-Regeln wie Kundenanmeldestatus, Geolokalisierung, Warenkorbwert oder Terminplanung werden an benutzerdefinierten Positionen weiterhin eingehalten. Siehe 🎯 Advanced Targeting Optionen für Upsell & Cross Sell für Einzelheiten. --- # **🎉 Endergebnis** Sobald alles eingerichtet ist: ✅ Ihr Upselling-Widget erscheint genau dort, wo Sie den Block oder das Snippet platziert haben ✅ Es aktualisiert sich automatisch mit Ihren Inhalts-, Design- und Targeting-Einstellungen aus der App ✅ Sie können die Platzierung jederzeit aus dem Theme-Editor frei verschieben, entfernen oder neu hinzufügen - Sie müssen die App nicht erneut berühren So sieht es auf einer Produktseite aus: --- # **🛟 Fehlerbehebung** Wenn Ihr Widget nach der Platzierung nicht angezeigt wird: * 🔎 Überprüfen Sie die **App Embed** ist ermöglicht und gespeichert * 🔎 Bestätigen Sie **Upsell ID** im Block entspricht dem Upselling, den Sie veröffentlicht haben * 🔎 Stellen Sie sicher, dass Sie den Block auf einem **Produkt** oder **Wagen** Vorlage * 🔎 Überprüfen Sie, ob der Upselling **veröffentlicht** und nicht außerhalb des aktuellen Datums geplant Immer noch stecken? Überprüfung Upsell & Cross Sell Es wird nicht in meinem Store angezeigt \[Fixed\] für eine vollständige Checkliste. --- # **📚 Verwandte Leitfäden** * 🔎 Wie finde ich Upsell ID? * 🎨 Upsell & Cross Sell - Design & Styling * 🎯 Advanced Targeting Optionen für Upsell & Cross Sell * Upsell & Cross Sell Wird nicht in meinem Shop angezeigt \[Fixed\]