ℹ️ 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ässigWenn 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 → RabatteDies 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 ✨

Aktualisiert am: 10/09/2026