> ## 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 Bundles Angebot für benutzerdefinierte Platzierung > ℹ️ **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 Produktseite**Andere 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 ID**Das 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. 🚀