ℹ️ 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 SparenWenn 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]

Aktualisiert am: 15/09/2026