> ## 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 One Get One (BOGO) einrichtet > ℹ️ **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 Free**Setzen 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 Produkt**Es 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 → Rabatte**Dies 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 kaufen**und wählen Sie Ihr kostenloses Produkt mit **Wählen Sie Y Produkt** - Keine Notwendigkeit, neu anzufangen.