ℹ️ 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 einen klassischen "Buy 1 Get 1 Free" -Deal - oder eine Buy X Get Y-Variante - ausführen, ohne Rabattcodes zu berühren? 🎁

Das ist genau das, was die BOGO (Buy One Get One) Angebot in Hoppy Bundles ist dafür ausgelegt.

Mit diesem Angebotstyp können Sie Angebote erstellen wie:

• 🛒 Kaufen 1 → Standardpreis
• 🎉 2 kaufen – Get 1 Free
• 🔥 3 kaufen – Get 1 Free

-und zeigen Sie sie als ordentliches, anklickbares Widget direkt auf Ihrer Produktseite an.

Kunden wählen einfach das Angebot, das sie mögen, und der kostenlose Artikelrabatt wird automatisch an der Kasse angewendet ✨

ℹ️ BOGO verwendet den gleichen Setup-Bildschirm wie ein Aufschlüsselung der Menge Angebot — es öffnet nur vorgefüllt mit bogo-stil-stufen und der. YAY ! Es ist BOGO Vorlage, so dass Sie nie von einer leeren Seite beginnen.

📍 Wo das BOGO Widget erscheint

Das BOGO-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).

ℹ️ Der kostenlose Artikel wird hinzugefügt und diskontiert automatisch beim Checkout - Kunden müssen den kostenlosen Artikel nicht selbst in den Warenkorb legen oder einen Rabattcode eingeben.

🛠️ Beispiel-Setup in dieser Dokumentation verwendet

In dieser Dokumentation konfigurieren wir die folgende BOGO-Struktur (das ist genau das, was wir tun können). Hoppy Bundles Pre-Fills für Sie:

• 🛒 1 Paar → Standardpreis (kein Rabatt)
• 🎉 Buy 2 Get 1 → Der dritte Artikel ist kostenlos
• 🔥 Buy 3 Get 1 → Der 4. Artikel ist kostenlos

Das Angebot wird angewendet auf spezifische Erzeugnisse und unter Verwendung der vorgewählten YAY ! Es ist BOGO Vorlage.

Diese Anleitung erklärt jede Einstellung, die Sie während der Einrichtung berühren werden, damit Sie genau wissen, wie sich jede Option verhält ⚙️

✅ Bevor Sie beginnen - Aktivieren Sie die App Embed

Damit das BOGO-Widget auf Ihrer Storefront erscheint, muss das App-Embed in Ihrem Store 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 BOGO-Angebot

Offen Hoppy Bundles App von Deiner Shopify Admin.

Dann:

→ Klicken Erstellen Sie ein neues Angebot um die Angebotsartauswahlseite zu öffnen.

→ Finden Sie die BOGO (Buy One Get One) Karte — "Kaufen Sie ein Produkt und erhalten Sie ein anderes kostenlos oder ermäßigt" - und klicken Erstellen Sie ein BOGO-Angebot.

💡 Möchten Sie, dass der Kunde eine feste Menge kauft und eine Unterschiedliches Produkt Mit einem Rabatt stattdessen? Die Kaufen X Get Y Eine Karte direkt daneben öffnet das gleiche Setup mit für diesen Fluss vorgefüllten Ebenen (z. B. "Buy 2 Get 3").

🧩 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:

• Sommer BOGO Verkauf
• T-Shirt kaufen 2 Get 1
• Black Friday BOGO

💡 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, für welche Produkte der BOGO-Deal gilt.

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: Nur ein veröffentlichtes Angebot ist pro Produkt oder Sammlung erlaubt. Wenn ein anderes veröffentlichtes Angebot bereits dasselbe Produkt abdeckt, müssen Sie dieses in einen Entwurf konvertieren, bevor Sie dieses veröffentlichen.

🎨 Schritt 3 - Wählen Sie ein Template

Als nächstes sehen Sie die Wählen Sie Ihr bevorzugtes Angebot Abschnitt mit einer Reihe von vorgefertigten Widget-Vorlagen.

Weil Sie mit der BOGO-Karte begonnen haben, ist die YAY ! Es ist BOGO Template (der Violette) 💜) ist bereits für Sie vorgewählt - Sie können es einfach behalten.

Sie können auch einen anderen Ausgangspunkt auswählen:

• Bundle & Save Bauen Sie einen von Grund auf neu
• Zeitlich begrenztes Angebot → Orange-Themen-Stufen
• Flash Sale Wahnsinn! → Pink-Themen-Tiers
• YAY ! Es ist BOGO → violette BOGO-Stufen (vorausgewählt)

Sobald Sie mit der Auswahl zufrieden sind, klicken Sie Anwenden der ausgewählten Vorlage.

⚠️ Die Schaltfläche Anwenden bleibt deaktiviert, bis Sie mindestens ein Produkt oder eine Kollektion ausgewählt haben (wenn) Angebot bewerben On gesetzt auf Produkt oder Sammlung.

Nach der Anwendung wird der vollständige Editor mit einem Live Preview rechts – beides Desktop und mobil - das wird sofort aktualisiert, wenn Sie die Einstellungen ändern ✨

⚙️ Schritt 4 - Konfigurieren Sie Ihre BOGO-Stufen (General Tab)

Hier nimmt Ihr BOGO-Deal tatsächlich Gestalt an. Du wirst deine Tiers als Tabs sehen - Angebot 1, Angebot 2, Angebot 3 - jeder ein anklickbares Angebot auf dem Storefront-Widget.

✏️ Angebotsname & Ausgewähltes Angebot

Oben auf der Registerkarte Allgemein zeigt eine kleine Zusammenfassungskarte Ihre Name des Angebots (Klicken Sie auf den ✏️ Icon, um es umzubenennen) und Ihre Ausgewähltes Angebot Vorlage.

📐 Vorlagenlayout

Wählen Sie, wie die Ebenen angezeigt werden:

• Vertikal → aufeinander gestapelte Ebenen (Standard)
• Horizontal → Tiers Seite an Seite

Mit dem Vertikal Layout, Sie erhalten auch eine Wählen Sie ein Thema Option mit schnellen Farbvoreinstellungen (blau, rot, grün).

🎁 Bearbeiten Sie das Angebot - Ihre BOGO Tiers

Jede Registerkarte hat ihre eigenen Einstellungen. Hier ist, was jeder für ein BOGO-Setup tut:

💸 Discount-Typ

Dieser Dropdown ist das Herzstück eurer Stufe. Die BOGO-relevanten Optionen sind:

• Kein Rabatt → die Artikel zum Standardpreis verkauft werden (perfekt für Ihr „1 Pair Basis-Tier)
• BOGO (Buy One Get One) → kaufen Sie die Tier-Menge, erhalten Sie zusätzliche Artikel (s) der gleiches Produkt frei
• X Get Y Free kaufen → kaufen Sie die Tiermenge, erhalten Sie eine Unterschiedliches Produkt (das Produkt ‚Y‘) frei

Die anderen Rabattarten (% Rabatt, Pauschalrabatt, Für jede Einheit Pauschalrabatt, Spezifischer Preis) auch hier funktionieren, wenn Sie jemals ein gemischtes Widget wollen - z.B. eine BOGO-Stufe plus eine "20% OFF"-Stufe.

🔢 Menge + Kaufen / Get

Die Menge Das Feld steuert, wie viele Elemente der Kunde hinzufügt, wenn er diese Stufe auswählt – und für BOGO-Stufen legt es auch die Kaufen Betrag automatisch.

• mit BOGO (Buy One Get One) Ausgewählt, Sie werden sehen Kaufen und Bekommen Boxen statt Diskontwert. Beide sind read-only: Kaufen stets der Ebene entspricht und Bekommen ist festgelegt am 1 kostenloser Artikel.
• mit X Get Y Free kaufen ausgewählt, Kaufen der Ebene entspricht, aber Bekommen ist editierbar - so können Sie "Buy 2, Get 3" -Angebote anbieten.

💡 Wollen Sie einen Klassiker Kaufen 1 Get 1 FreeSetzen Sie einfach ein Tier Discount-Typ bis BOGO (Buy One Get One) und seine Menge bis 1 — fertig.

🎁 Erhalten Sie Produkt (Kaufen Sie X Get Y Free only)

Wenn ein Tier verwendet X Get Y Free kaufen, eine zusätzliche Get Product Abschnitt erscheint.

Klicken Wählen Sie Y Produkt um den Ressourcen-Picker zu öffnen und das kostenlose Produkt auszuwählen, das Ihr Kunde erhält.

ℹ️ So machen Sie "Kaufen Sie einen Hoodie, erhalten Sie eine Kappe frei". Mit der Ebene BOGO (Buy One Get One) Typ, der freie Artikel ist immer mehr von der gleiches ProduktEs wird also kein Y-Produkt benötigt.

🏷️ Angebot Titel, Rabatt Label & Tag

• Angebotsbezeichnung → den Haupttext des Tiers, z.B. Kaufen 2 Get 1
• Discount Label → der im Tier gezeigte Spartext, z.B. Kaufen 2 erhalten 1 — Klicken Sie auf 👁️ Icon zum Verstecken
• Tag → ein kleines Highlight-Badge, z.B. Am beliebtesten Auch versteckbar mit dem 👁️ Symbol

💡 Die vorgefüllten Ebenen sagen bereits "Buy 2 Get 1" und "Buy 3 Get 1" - passen Sie einfach den Wortlaut an die Stimme Ihrer Marke an.

🎁 Kostenloses Geschenk (optional)

Ankreuzen Freies Geschenk Checkbox auf jeder Ebene, dann klicken Auswählen von Produkten zusätzliche kostenlose geschenkprodukte an diese stufe anhängen - oben auf dem bogo-freien artikel selbst.

➕ Addieren / 🗑️ Streichung von Ebenen

• Klicken Add-Angebot um eine weitere Ebene hinzuzufügen (maximal) 6 Ebenen
• Klicken Löschung um die aktuelle Ebene zu entfernen (mindestens) 2 Ebenen sind erforderlich

📰 Block Titel & Fußzeile Text

• Feldtitel Die Überschrift über dem Widget. Es ist vorgefüllt mit „BOGO-Angebot Ändern sie es in alles, was sie mögen, oder verstecken sie es mit dem. 👁️ Symbol
• Fußzeile → eine kleine Linie unterhalb der Ebenen (Standard): Freier Versand), auch versteckt

🛠️ Schritt 5 — Einstellungen konfigurieren

Immer noch auf der Generalmajor Tab. Einstellungen Die Karte steuert, wie sich das Widget verhält.

👀 Aussehen und Aussehen

• Stückpreis Stückpreis → Anzeige des Pro-Item-Preises in jedem Tier
• Gesamtpreis → Gesamtpreis des Tiers anzeigen
• Kopf- und Fußzeilen ausblenden → entfernt die Header/Footer-Teilerlinien des Widgets
• Verwenden Sie benutzerdefinierten Text für Out of Stock → zeigt Ihre eigene Nachricht an, wenn das Produkt nicht vorrätig ist (ein Textfeld erscheint unten, wenn aktiviert)

⚙️ Funktionalität

• Lassen Sie Kunden verschiedene Varianten für jeden Artikel auswählen → praktisch für BOGO - z.B. kaufen Sie 2 Hemden, wählen Sie eine andere Größe / Farbe für jeden und erhalten Sie immer noch die kostenlose
• Display Widget unter Add to Cart Button → hält das Widget unter der Schaltfläche zum Warenkorb hinzufügen verankert
• Skip Cart direkt zum Checkout schickt Kunden direkt zum Checkout, wenn sie eine Stufe auswählen
• Volumenrabatt (Erweitern Sie den Max-Rabatt auf alle Mengen) → ermöglicht es Kunden, zusätzliche Artikel jenseits der höchsten Stufe zum gleichen maximalen Diskontsatz zu kaufen
• Show Vergleich zum Preis → zeigt den durchgeschlagenen Vergleichspreis; ermöglicht es enthüllt Custom-Vergleichspreis und Shopify Produktvergleichspreis Felder

🔄 Discount-Kombination aktivieren

• Orderrabatte → dieses Angebot mit Order-Level-Rabatten kombinieren
• Versandrabatte → Ermöglichen Sie es, mit Versandrabatten zu kombinieren

ℹ️ Produktrabatte kombinieren sich immer. Wegen Shopify Einschränkungen, diese Kombinationseinstellung gilt weltweit für alle neuen mengenbrechenden Angebote (einschließlich BOGO).

🌍 Mehrere Märkte & Übersetzungen

Weiter unten finden Sie Mehrere Märkte (je nach Markt unterschiedliche Klassen) und Übersetzung (Widget-Text in den anderen Sprachen Ihres Shops). Beide sind optional und werden in ihren eigenen dedizierten Guides behandelt.

🎯 Schritt 6 — Targeting & Placement (optional)

Die Targeting & Placement Tab steuert, wo und an wen das Angebot zeigt.

📍 Platzierung

• Unten Add to Cart Button (Standard) → keine zusätzlichen Arbeiten erforderlich
• Custom (nur auf der Produktseite) Nach dem Speichern erhalten Sie Ihre Hoppy bundles ID und ein Kopierer Code Snippet überall in Ihrem Thema fallen

👤 Customer Targeting & 🌍 Geolocation Targeting

• Zeigen oder verstecken Sie das Angebot basierend auf Anmeldestatus, Kunden-Tags oder ausgegebener Gesamtbetrag
• Beschränken Sie das Angebot auf spezifische Länder (Standard): Alle Welten)

Es gibt auch eine Zeitplanung Abschnitt zum Setzen eines Beginn und Ende Datum / Uhrzeit für das Angebot - perfekt für ein Wochenende BOGO Flash Sale ⏰

ℹ️ 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 Tab steuert das visuelle Styling des Widgets:

• Typografie und Farbe → Schriftfamilie, Textgrößen, Gewichte und Farben für jedes Element
• Variante → kleine / mittlere / große Größen für Variantenwähler
• Grenze → Randbreite und Eckradiusschieber

💡 Jede Änderung spiegelt sich sofort in der Live-Vorschau auf der rechten Seite wider - sowohl in der Desktop und mobil Preview Panels.

ℹ️ Die Vorauswahl YAY ! Es ist BOGO Eine Vorlage sieht bereits gut aus, daher ist dieser Schritt völlig optional. Das Styling wird im dedizierten Designguide ausführlich behandelt.

✅ 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 kostenlose Artikel 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 BOGO-Angebot ist jetzt live 🚀

🎉 Endergebnis

Einmal erfolgreich konfiguriert:

✅ Kunden sehen Ihre BOGO Tiers direkt auf der Produktseite ✅ Kostenlose Artikel werden automatisch an der Kasse hinzugefügt und diskontiert ✅ Tiers, Tags und Labels werden sofort aus der App aktualisiert ✅ Das Widget passt zu Ihrem Thema mit der Vorlage und den Farben, die Sie ausgewählt haben

So sieht das fertige Widget auf der Storefront aus - klare BOGO-Deals, Auswahl mit einem Klick und kostenlose Artikel, die automatisch an der Kasse angewendet werden ✨

💡 Möchten Sie, dass der kostenlose Artikel ein Unterschiedliches Produkt Statt mehr vom Gleichen? Bearbeiten Sie ein Tier, wechseln Sie seine Discount-Typ bis X Get Y Free kaufenund wählen Sie Ihr kostenloses Produkt mit Wählen Sie Y Produkt - Keine Notwendigkeit, neu anzufangen.

Aktualisiert am: 10/09/2026