> ## 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 Buy X Get Y einrichtet > ℹ️ **Note:** Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team. Kunden mit einem **Unterschiedliches Produkt** Wenn sie genug von etwas kaufen? 🎁 Das ist genau das, was die **Kaufen X Get Y** Angebot in Hoppy Bundles ist dafür ausgelegt. Mit diesem Angebotstyp können Sie bedingte Angebote erstellen, wie zum Beispiel: * 🛒 Kaufen Sie 2 T-Shirts → Holen Sie sich eine Kappe bei 50% OFF * 💸 Kaufen Sie 3 Sneakers → Holen Sie sich ein Paar Socken KOSTENLOS * 🎁 Kaufen Sie 2 Kaffeebohnen → Holen Sie sich eine Tasse mit einem Rabatt \-und sie als ordentliche, anklickbare Ebenen direkt auf Ihrer Produktseite anzuzeigen. Kunden wählen einfach das Angebot, das sie mögen, fügen es in den Warenkorb, und der Rabatt auf das "Y" -Produkt wird automatisch an der Kasse angewendet ✨ --- # **📍 Wo das Buy X Get Y Widget erscheint** Das Buy X Get Y Widget erscheint auf Ihrem **Produktseite**, direkt unter der Schaltfläche Warenkorb hinzufügen (Standardplatzierung). Sie können es auch an anderer Stelle auf der Produktseite mit dem **Zollabwicklung** Option (später in diesem Handbuch behandelt). ℹ️ Buy X Get Y verwendet den gleichen Setup-Bildschirm wie **Aufschlüsselung der Menge** — es öffnet sich vorgefüllt mit Buy X Get Y Ebenen, die violette **YAY! Es ist BOGO** Theme und ein "Buy X Get Y" -Blocktitel. Dieser Leitfaden konzentriert sich nur auf das, was für Buy X Get Y anders ist; gemeinsame Einstellungen werden kurz zusammengefasst. --- # **🛠️ Beispiel-Setup in dieser Dokumentation verwendet** In dieser Dokumentation konfigurieren wir die folgende Tierstruktur: * 🛒 1 Paar → Standardpreis (kein Rabatt) * 🎁 Kaufen Sie 2 → Erhalten Sie 3 von einem anderen Produkt mit einem Rabatt * 🎁 Kaufen Sie 3 → Erhalten Sie 4 von einem anderen Produkt mit einem Rabatt Dies sind genau die Ebenen, die die App für Sie vorfüllt, wenn Sie ein Buy X Get Y-Angebot starten - Sie können jeden Teil davon bearbeiten ⚙️ --- # **✅ Bevor Sie beginnen - Aktivieren Sie die App Embed** Damit das Buy X Get Y-Widget auf Ihrer Storefront erscheint, muss das App-Embed in Ihrem Shop aktiviert sein. Shopify Thema. Gehen Sie zu: **Shopify Admin → Sales Channels → Online Store → Themes → Customize → App Embeds** Dann: * Finde **Bundles App Embed** * Umschalten auf * Klicken Sie Save ⚠️ **Wichtig**: Ohne die App-Einbettung ist Ihr veröffentlichtes Angebot auf der Storefront nicht sichtbar - auch wenn alles in der App korrekt konfiguriert ist. --- # **🎯 Schritt 1 - Erstellen Sie ein neues Kaufen X Get Y Angebot** Offen **Hoppy Bundles** App von Deiner Shopify Admin. Dann: → Klicken **Erstellen Sie ein neues Angebot** um die Angebotsartauswahlseite zu öffnen. → Finden Sie die **X Get Y kaufen (Bedingtes Angebot)** Karte — _"Kaufen Sie eine bestimmte Menge und erhalten Sie ein anderes Produkt mit einem Rabatt"_ - und klicken **Kaufen Sie X Get Y**. Die Setup-Seite öffnet sich mit allem, was für einen Buy X Get Y Deal vorgefüllt wurde: * 🎨 Meldebogen → **YAY! Es ist BOGO** (Violettthema) * 📰 Blocktitel **Kaufen X Get Y** * 🎁 Tiers **X Get Y Free kaufen** Discount-Typ mit Buy / Get Bedingungen bereit zum Bearbeiten 💡 Ausgehend von dieser Karte erspart es Ihnen, die Ebenen manuell zu erstellen - aber Sie können die Vorlage und jede Ebene danach noch ändern. --- # **🧩 Schritt 2 - Nennen Sie Ihr Angebot und wählen Sie, wo es gilt** Der erste Bildschirm fragt nach den Grundlagen vor allem anderen. --- ## **🏷️ Name des Angebots** Dieses Feld wird nur für interne Zwecke verwendet. Kunden werden diesen Namen nie sehen. Sie können jeden erkennbaren Namen verwenden wie: * Kaufen 2 Holen Sie sich ein Cap * Sneaker + Socken Deal * Black Friday BXGY 💡 Mit der richtigen internen Benennung können Sie Setups später leichter identifizieren, insbesondere wenn Ihr Shop mehrere Angebote ausführt. --- ## **📦 Angebot bewerben On** Diese Einstellung steuert, welche Produkte als **‚X‘-Produkte** – die Kunden kaufen müssen, um den Deal freizuschalten. Es gibt 3 verfügbare Optionen: * **Alle Produkte** → Das Angebot gilt für jedes Produkt in Ihrem Shop * **Produkt** → Das Angebot gilt nur für die von Ihnen ausgewählten Produkte * **Sammlung** → Das Angebot gilt für jedes Produkt innerhalb der von Ihnen ausgewählten Kollektionen Wenn Sie wählen **Produkt** oder **Sammlung**, a **Auswählen des Produkts** / **Select Collection** Button erscheint. Klicken Sie darauf, um Ihre Shopify Ressourcen auswählen und ein oder mehrere Elemente auswählen. ⚠️ **Wichtig**: * Umschalten zwischen **Alle Produkte**, **Produkt**, und **Sammlung** löscht Ihre aktuelle Auswahl - wählen Sie zuerst den richtigen Modus und wählen Sie dann Ihre Artikel aus. * Nur **ein veröffentlichtes Angebot pro Produkt oder Sammlung ist zulässig**Wenn ein anderes veröffentlichtes Angebot bereits dasselbe Produkt abdeckt, können Sie dieses erst veröffentlichen, wenn das bestehende Angebot wieder in einen Entwurf umgewandelt wurde. --- # **🎨 Schritt 3 - Bestätigen Sie Ihr Template** Scrollen Sie nach unten zum **Wählen Sie Ihr bevorzugtes Angebot** Schnitt. Für Buy X Get Y, die **YAY! Es ist BOGO** Eine Vorlage (violett, Deal-Thema) ist bereits für Sie ausgewählt – sie passt perfekt zu diesem Angebotstyp. Sie können immer noch durch wischen und einen anderen Look wählen, wenn Sie bevorzugen: * **Bauen Sie einen von Grund auf neu** → Beginnen Sie mit einem sauberen, minimalen Layout * **Bundle & Save** → der klassische grüne Multi-Tier-Look * **Zeitlich begrenztes Angebot** → orange, Dringlichkeitsthema * **Flash Sale Wahnsinn!** → rosa, Sale-Thema Klicken **Anwenden der ausgewählten Vorlage** weiterzumachen. ℹ️ Die **Anwenden der ausgewählten Vorlage** Die Schaltfläche bleibt deaktiviert, bis Sie mindestens ein Produkt oder eine Kollektion ausgewählt haben (bei Verwendung des **Produkt** oder **Sammlung** Modus. Einmal angewendet, öffnet sich der vollständige Setup-Editor - mit einer Live-Vorschau Ihres Widgets auf der rechten Seite des Bildschirms 👀 --- # **⚙️ Schritt 4 - Konfigurieren Sie Ihren Kauf X Get Y Tiers (General Tab)** Das ist das Herzstück des Setups ❤️ Jeder Deal lebt auf seinem eigenen Tab ()**Angebot 1**, **Angebot 2**, **Angebot 3**...). Klicken Sie auf einen Tab, um diese Ebene zu bearbeiten. Das vorgefüllte Setup sieht so aus: * **Angebot 1** → Menge `1`, Art des Rabatts `No Discount` (Standardpreis-Basisebene) * **Angebot 2** Discount-Typ `Buy X Get Y Free`, Kaufen `2`, Get `3`, markiert **Am beliebtesten** * **Angebot 3** Discount-Typ `Buy X Get Y Free`, Kaufen `3`, Get `4` Lassen Sie uns die Felder durchgehen, in denen ein Buy X Get Y-Tier funktioniert. --- ## **💸 Rabatttyp: X Get Y Free kaufen** Legen Sie die Ebene **Discount-Typ** Dropdown bis **X Get Y Free kaufen**. Einmal ausgewählt, ist die reguläre **Discount** Das Feld value wird durch zwei Bedingungsfelder ersetzt: * **Kaufen** → wie viele Artikel des „X-Produkts der Kunde kaufen muss. Dieses Feld ist **verriegelt** Es folgt immer dem Tier **Menge** Wert. * **Bekommen** → wie viele Einheiten des „Y-Produkts der Kunde erhält. Dieses Feld ist **editierbar** Setzen Sie es auf das, was Ihr Deal verspricht. ### **Beispiel** * Kaufen `2` + Get `1` „Buy 2, Get 1 * Kaufen `3` + Get `2` → „Kaufen Sie 3, Get 2 ⚠️ **Bitte beachten Sie:**: Wechsel des Rabatttyps eines Tiers **bis** `Buy X Get Y Free` Zurücksetzen des **Bekommen** Wert für `1` und löscht das ausgewählte Y-Produkt - also wählen Sie zuerst den Rabatttyp und konfigurieren Sie dann den Rest. ℹ️ Wenn Sie möchten, dass Kunden mehr von der **gleich** Produkt frei anstelle eines anderen Produkts, verwenden Sie die **BOGO (Buy One Get One)** Rabatttyp stattdessen - siehe den dedizierten bogo-guide. --- ## **🎁 Get Product — Wählen Sie Y Product** ℹ️ Dieser Abschnitt erscheint nur, wenn der Discount-Typ **X Get Y Free kaufen**. Hier wählen Sie die **Erzeugnis ‚Y‘** - das Produkt, das der Kunde mit einem Rabatt erhält, wenn er genug von dem "X" -Produkt kauft. → Klicken **Wählen Sie Y Produkt** Öffne deine Shopify Ressourcen auswählen und ein einzelnes Produkt auswählen. Einmal ausgewählt, erscheint das Produkt mit seinem Bild und seinem Titel innerhalb der Stufe. Bis dahin wirst du sehen **„Kein Produkt ausgewählt**. ⚠️ **Wichtig**Überspringen Sie diesen Schritt nicht - ohne ein ausgewähltes Y-Produkt hat die Stufe nichts zu verschenken. Überprüfen Sie immer, ob jede Buy X Get Y-Stufe ein eigenes Y-Produkt hat, bevor Sie es veröffentlichen. 💡 Sie können eine **Unterschiedliches Y-Produkt je Tier** - zum Beispiel ein kleines Freebie auf der "Buy 2"-Stufe und ein Premium-Stufe auf der "Buy 3". --- ## **🔢 Menge** Die Anzahl der "X" -Artikel, die der Kunde kaufen muss, um diese Stufe freizuschalten. Für Buy X Get Y Tiers, die **Kaufen** Die Bedingung folgt automatisch dieser Menge - ändern Sie die Menge und der Kaufwert aktualisiert sich damit. ⚠️ Die Menge muss größer als 0 sein - Sie sehen einen Inline-Fehler, wenn dies nicht der Fall ist. --- ## **🏷️ Angebot Titel, Rabatt Label & Tag** Jede Ebene hat drei Textelemente, die Sie anpassen können: * **Angebotsbezeichnung** → der Haupttext auf der Stufe, z.B. „Buy 2 Get 3 * **Discount Label** → der auf der Stufe angezeigte Deal-Text, z.B. „Buy 2 Get 3 at 50% OFF * **Tag** → ein kleines Abzeichen, z.B. „Most Popular Die **Discount Label** und **Tag** Felder weisen jeweils eine **Augensymbol** 👁️ auf der rechten Seite - klicken Sie darauf, um dieses Element auf der Storefront zu zeigen oder zu verstecken. 💡 Die vorgefüllten Ebenen sind bereits mit Titeln und Labels im Stil von "Buy 2 Get 3" ausgestattet - passen Sie einfach den Wortlaut an Ihr tatsächliches Geschäft an, damit die Kunden nicht verwirrt sind, was sie bekommen. --- ## **➕ Addieren / 🗑️ Streichung von Ebenen** Unterhalb der Angebots-Tabs finden Sie: * **Add-Angebot** → fügt einen neuen Tier-Tab hinzu (maximal) **6 Ebenen**. Neue Ebenen beginnen als Plain `No Discount` Ebene — Wechseln Sie den Discount-Typ auf **X Get Y Free kaufen** und konfigurieren Sie das Produkt Buy / Get / Y selbst. * **Löschung** → Entfernen der aktuell ausgewählten Ebene (Minimum) **2 Ebenen** erforderlich Wenn sie eine dieser grenzen treffen, wird eine kleine toast-nachricht sie wissen lassen. --- ## **📰 Block Titel & Fußzeile Text** Diese steuern den Text über und unter dem Widget: * **Feldtitel** → Vorgefüllt mit "Buy X Get Y" - ändern Sie es in etwas Punchier wie "Bundle & Save" oder "Buy More, Get More" 🎁 * **Fußzeile** → z.B. „Free Shipping Beide Felder kommen mit einem **Augensymbol** um sie vollständig zu verstecken, wenn Sie einen saubereren Look bevorzugen. --- # **🛠️ Schritt 5 — Einstellungen konfigurieren** Scrollen Sie nach unten zum **Einstellungen** Karte. Diese Checkboxen funktionieren genau wie für Quantity Break-Angebote - hier ist die schnelle Version: **👀 Aussehen und Aussehen** * **Stückpreis Stückpreis** / **Gesamtpreis** → Anzeige pro Einheit und pro Tier Preise innerhalb des Angebots * **Kopf- und Fußzeilen ausblenden** → saubereres Widget ohne die Teilerlinien * **Verwenden Sie benutzerdefinierten Text für Out of Stock** → Ihre eigene Nachricht anzeigen, wenn ein Produkt nicht vorrätig ist (wenn es ein Textfeld anzeigt) **⚙️ Funktionalität** * **Lassen Sie Kunden verschiedene Varianten für jeden Artikel auswählen** → Kunden können für jede Einheit im Tier eine andere Variante auswählen * **Display Widget unter Add to Cart Button** → Rendert das Widget direkt unter Ihrem Add to Cart Button * **Skip Cart direkt zum Checkout** → Kunden gehen direkt zum Checkout, nachdem sie eine Stufe hinzugefügt haben * **Show Vergleich zum Preis** → zeigt den Strikethrough-Vergleichspreis an (ermöglicht es). **Custom-Vergleichspreis** und ein Read-Only **Shopify Produktvergleichspreis** Feld **🔄 Discount-Kombination aktivieren** * **Orderrabatte** / **Versandrabatte** → Lassen Sie den Rabatt dieses Angebots mit Order-Level- und Versandrabatten an der Kasse kombinieren ℹ️ Produkt-Rabatt-Kombination ist immer an. Wegen Shopify Einschränkungen gilt diese Einstellung global für alle neuen Angebote dieser Art. Unten Einstellungen, die Sie auch finden werden **Mehrere Märkte** (marktspezifische Preise) und **Übersetzung** (Übersetzen von Widget-Texten). Beide sind optional und werden in ihren eigenen dedizierten Guides behandelt. --- # **🎯 Schritt 6 — Targeting & Placement (optional)** Wechsel zum **Targeting & Placement** Tab, um zu steuern, wo das Widget erscheint und wer es sieht. * **Platzierung** → **Unten Add to Cart Button (Standard)** wird für die meisten Geschäfte empfohlen. Wählen **Custom (nur auf der Produktseite)** Wenn Sie das Widget selbst positionieren möchten - nach dem Speichern gibt Ihnen die App eine **Hoppy bundles ID** und a **Code Snippet** Sie können überall in Ihrem Thema platzieren. * **Customer Targeting** → das Angebot nur für eingeloggte Kunden anzeigen oder es basierend auf Kunden-Tags und Lebenszeit ausblenden * **Geolocation Targeting** → das Angebot auf bestimmte Länder beschränken (Standard: alle Standorte) * **Zeitplanung** → set a **Beginn** und **Ende** Datum/Uhrzeit für das Angebot — praktisch für Flash-Verkäufe ⏰ ℹ️ Alle diese sind optional. Wenn Sie sie überspringen, zeigt sich das Angebot einfach jedem, überall, sofort. Advanced Targeting wird im Detail in einem eigenen dedizierten Leitfaden behandelt. --- # **🎨 Design Tab (optional)** Die **Design** Die Registerkarte steuert das visuelle Styling des Widgets - Schriftarten, Textgrößen, Farben, Variantenauswahlgröße und Randbreite / Radius. 💡 Jede Änderung spiegelt sich sofort in der Live-Vorschau auf der rechten Seite wider - sowohl in der **Desktop** und **mobil** Preview Panels. ℹ️ Das violette BOGO-Thema sieht bereits gut aus, daher ist dieser Schritt völlig optional. Das Styling wird im dedizierten Designguide ausführlich behandelt. --- # **⚠️ Wichtige Notizen bevor Sie veröffentlichen** * 🎁 Alle **X Get Y Free kaufen** Tier braucht eigene **Y Erzeugnis** ausgewählt über **Wählen Sie Y Produkt** Ein Tier ohne einen hat nichts zu geben. * 🔒 Die **Kaufen** Der Wert ist an die Ebene gebunden **Menge** Bearbeiten Sie die Menge, wenn Sie eine andere Kaufbedingung benötigen. * 🔁 Umschalten eines Tiers auf **X Get Y Free kaufen** Resets **Bekommen** bis `1` und löscht das Y-Produkt - legen Sie zuerst den Rabatttyp fest. * ✏️ Bleiben **Angebotsbezeichnung** und **Discount Label** synchron mit Ihren tatsächlichen Buy / Get-Nummern, so dass das Widget niemals etwas anderes verspricht als das, was der Rabatt liefert. * 1️ nur **ein veröffentlichtes Angebot** ist pro Produkt oder Sammlung erlaubt. --- # **✅ Letzter Schritt - Save & Publish** Sobald alles in der Vorschau gut aussieht: 1. Klicken **Sparen** in der Speicherleiste oben auf der Seite 2. Klicken **Veröffentlichen** um das Angebot live zu machen ⚠️ **Bitte beachten Sie:**: * Die **Veröffentlichen** Button ist deaktiviert, während das Angebot brandneu ist - **Save first**, dann veröffentlichen. * Publishing schafft eine **Automatischer Rabatt** in deinem **Shopify Admin → Rabatte**Dies ist, was tatsächlich gilt die Y-Produkt-Rabatt an der Kasse — bitte nicht löschen oder bearbeiten Sie es manuell. * Wenn die App-Einbettung in Ihrem Theme nicht aktiviert ist, erscheint ein Banner nach dem Speichern mit einem **App Embed aktivieren** Tastenkombination - klicken Sie darauf, schalten Sie das Einbetten ein und speichern Sie Ihr Thema. * Wenn die Veröffentlichung fehlschlägt, weil ein anderes veröffentlichtes Angebot bereits dasselbe Produkt oder dieselbe Sammlung abdeckt, konvertieren Sie dieses bestehende Angebot zuerst in einen Entwurf und veröffentlichen Sie es erneut. Ihr Buy X Get Y-Angebot ist jetzt live 🚀 --- # **🎉 Endergebnis** Einmal erfolgreich konfiguriert: ✅ Kunden sehen Ihre Buy X Get Y Ebenen direkt auf der Produktseite ✅ Kauf der erforderlichen Menge entsperrt das ermäßigte „Y-Produkt automatisch ✅ Der Rabatt gilt an der Kasse - keine Coupon-Codes erforderlich ✅ Tiers, Tags und Labels werden sofort aus der App aktualisiert So sieht das fertige Widget auf der Storefront aus - klare Angebote, eine hervorgehobene Best-Value-Ebene und eine One-Click-Auswahl ✨ ---