ℹ️ 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 Ihr Bundle-Angebot erscheint genau Wo möchten Sie es auf Ihrer Produktseite - nicht nur unter der Schaltfläche Warenkorb hinzufügen? 🎯

Das ist genau das, was die Custom Placement Option in Hoppy Bundles ist dafür ausgelegt.

Standardmäßig wird jedes Bündelangebot angezeigt Unter dem Button Add to Cart automatisch. Aber mit Custom Placement können Sie das Angebot überall auf Ihrer Produktseite positionieren, indem Sie entweder:

• 🧩 Die Hoppy Bundle App Block im Inneren des Shopify Theme Editor (keine Codierung erforderlich!)
• 📝 Eine kleine Code Snippet Einfügen in Ihren Theme-Code oder einen Custom Liquid-Abschnitt

Dieser Leitfaden führt Sie Schritt für Schritt durch beide Methoden ✨

🤔 Wann sollten Sie Custom Placement verwenden?

Custom Placement ist nützlich, wenn Sie möchten:

• Das Bundle-Angebot anzeigen oben Der Add to Cart Button
• Platzieren Sie das Angebot neben der Produktbeschreibung, den Bildern oder Bewertungen
• Verschieben Sie das Angebot unten auf der Seite - zum Beispiel unter den Produktdetails
• Haben Sie die volle Kontrolle über die genaue Position in Ihrem Theme-Layout

ℹ️ Zollabfertigungsarbeiten Nur auf der ProduktseiteAndere Seiten sind von dieser Einstellung nicht betroffen.

✅ Bevor Sie beginnen

Bevor Sie eine benutzerdefinierte Platzierung einrichten, stellen Sie sicher, dass Sie:

• ✅ Die Hoppy Bundles App installiert auf Ihrem Shop
• ✅ A Paketangebot bereits erstellt (oder neu erstellt)
• ✅ Die App Embed in Ihrem Theme aktiviert (siehe den nächsten Schritt)

💡 Die gleichen Schritte funktionieren auch für Aufschlüsselung der Menge bietet – der Abschnitt Platzierung sieht und verhält sich genau gleich.

⚙️ Erster Schritt - Aktivieren Sie die App Embed

Damit das Bundle-Angebot irgendwo auf Ihrer Storefront erscheint, muss das App-Embed in Ihrem Shopify Thema.

Gehen Sie zu:

Shopify Admin → Sales Channels → Online Store → Themes → Customize → App Embeds

Dann:

• Finde Bulk Discount Angebot (die) Hoppy Bundles Einbettung
• Umschalten auf
• Klicken Sparen

⚠️ Ohne die aktivierte App-Einbettung werden weder die Standardplatzierung noch die benutzerdefinierte Platzierung auf Ihrer Storefront angezeigt.

🛠️ Schritt 1 - Wählen Sie die benutzerdefinierte Platzierung in Ihrem Angebot

Offen Hoppy Bundles App und öffnen Sie das Paketangebot, das Sie manuell platzieren möchten.

Dann:

1. Gehen Sie zum Targeting & Placement Spitze
2. Scrollen Sie nach unten zum Platzierung Abschnitt
3. Im Dropdown auswählen Custom (nur auf der Produktseite) statt Unten Add to Cart Button (Standard)

💾 Schritt 2 - Speichern Sie zuerst das Angebot

Dieser Schritt ist wichtig ⚠️

Die Hoppy bundles ID und die Code Snippet werden nur erzeugt Nachdem das Angebot gespeichert ist.

Wenn Sie wählen Zoll Platzierung auf einem brandneuen (nicht gespeicherten) Angebot, Sie werden stattdessen diese Nachricht sehen:

Save to see Hoppy bundles ID und Code Snippet

Also:

1. Klicken Sparen oben auf der Seite
2. Zurück zum Targeting & Placement → Platzierung

Du wirst jetzt zwei Dinge sehen 👇

🆔 Schritt 3 - Kopieren Sie Ihre Hoppy bundles ID & Code Snippet

Einmal gespeichert, zeigt der Abschnitt Platzierung:

• Hoppy bundles ID → eine eindeutige ID für dieses spezifische Angebot mit einem Kopiersymbol daneben
• Hoppy bundles Code Snippet → ein gebrauchsfertiges HTML-Snippet, ebenfalls mit einem Kopiersymbol:

ℹ️ Jedes Angebot hat seine eigene ID. Wenn Sie mehrere Paketangebote erstellen, stellen Sie sicher, dass Sie die ID / den Ausschnitt aus dem richtigen kopieren.

Sie können nun das Angebot mit entweder der beiden nachstehenden Methoden 👇

🧩 Methode 1 - Platzieren Sie das Angebot mit dem Theme Editor App Block (empfohlen)

Dies ist die einfachste Methode - keine Codierung erforderlich 🎉

Die Hoppy bundles Der App-Block kann über den Theme-Editor mit Ihrer Bundle-ID hinzugefügt, entfernt, neu positioniert und angepasst werden.

Befolgen Sie diese Schritte:

1. Gehen Sie zu Shopify Admin → Online Store → Themes → Theme bearbeiten
2. Am oberen Rand des Theme-Editors wechseln Sie den Seitenwähler auf Produkte → Standardprodukt (oder die von Ihnen verwendete Produktvorlage)
3. In der linken Seitenleiste klicken Block hinzufügen innerhalb des Produktbereichs
4. Unter dem Apps tab. auswählen Hoppy Bündel
5. In den Blockeinstellungen fügen Sie Ihre Paket-ID in die Paket-ID Feld
6. Ziehen Sie den Block nach oben oder unten, um ihn genau dort zu positionieren, wo das Angebot erscheinen soll
7. Klicken Sparen

⚠️ Wenn Sie das Bundle-ID-Feld leer lassen, wird der Block "Bitte konfigurieren Sie die ID, um App Block zu verwenden" Warnung statt Ihres Angebots - also vergessen Sie nicht, die ID einzufügen!

💡 Sie können den Block jederzeit neu positionieren, indem Sie ihn einfach im Theme-Editor ziehen - das Angebot folgt der Position des Blocks auf der Seite.

📝 Methode 2 - Platzieren Sie das Angebot mit dem Code Snippet

Verwenden Sie diese Methode, wenn Sie das Angebot an einer bestimmten Stelle in Ihrem Theme-Code oder in einem Custom Liquid Abschnitt/Block.

Option A — Verwendung eines Custom Liquid-Blocks im Theme-Editor

1. Gehen Sie zu Shopify Admin → Online Store → Themes → Customize
2. Wechseln Sie zu Ihrem Produktvorlage
3. Klicken Block hinzufügen oder Abschnitt hinzufügen: → wählen Custom Liquid
4. Fügen Sie den Code-Snippet aus Schritt 3 ein:
5. Positionieren Sie den Block, wo das Angebot erscheinen soll
6. Klicken Sparen

Option B - Direkt in Ihrem Theme-Code

1. Gehen Sie zu Shopify Admin → Online Store → Themes → ⋯ (drei Punkte) → Code bearbeiten
2. Öffnen Sie Ihre Produktvorlagendatei - normalerweise so etwas wie product.liquid, main-product.liquid, oder eine Produkt JSON / Section-Datei (die genaue Datei hängt von Ihrem Thema ab)
3. Fügen Sie das Snippet genau dort ein, wo Sie das Bundle-Angebot rendern möchten:
4. Klicken Sparen

⚠️ Das direkte Bearbeiten von Theme-Code kann Ihr Layout unterbrechen, wenn es falsch ausgeführt wird. Wenn Sie sich beim Bearbeiten von Code nicht wohl fühlen, verwenden Sie Methode 1 oder Option A Stattdessen - oder duplizieren Sie Ihr Theme zuerst als Backup.

📌 Wichtige Hinweise & Warnungen

• ⚠️ Save first! Die Bundle-ID und das Snippet erscheinen erst, nachdem das Angebot mindestens einmal gespeichert wurde.
• ⚠️ Zollabfertigungsarbeiten Nur auf der Produktseite — das Angebot wird nicht an benutzerdefinierten Positionen auf anderen Seiten injiziert.
• ⚠️ Stellen Sie sicher, dass App Embed ist in Ihrem Theme aktiviert, sonst bleibt der Snippet / Block auf der Storefront leer.
• ℹ️ Das Snippet muss den genauen Klassennamen behalten futureblink-bundle-block und Ihr Angebot ist einzigartig id - Benennen Sie sie nicht um, sonst findet die App den Container nicht.
• ℹ️ Jedes Bundle-Angebot hat eigene eindeutige IDDas Kopieren des Snippets aus einem Angebot und das Erwarten eines weiteren Angebots wird nicht funktionieren.
• 💡 Wenn Sie das Placement-Dropdown zurück zu Unten Add to Cart Button (Standard), wird die App das Angebot automatisch wiedergeben - keine ID oder Snippet erforderlich.

🎉 Endergebnis

Sobald alles konfiguriert ist:

✅ Ihr Paketangebot erscheint an der genauen Position, die Sie auf der Produktseite gewählt haben ✅ Sie können es jederzeit aus dem Theme-Editor neu positionieren (App Block-Methode) ✅ Das Angebot bleibt voll dynamisch – Preise, Rabatte und Varianten werden in Echtzeit aktualisiert ✅ Ihr Produktseitenlayout sieht genau so aus, wie Sie es entworfen haben ✨

Verwendung von Custom Die Platzierung gibt Ihnen die vollständige Kontrolle darüber, wo Ihre Paketangebote auf der Seite leben - so passen sie perfekt in das Design und den Einkaufsfluss Ihres Shops. 🚀

Aktualisiert am: 10/09/2026