> ## 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 Quantity Break 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 Kunden für den Kauf von mehr des gleichen Produkts belohnen? 🛍️ Das ist genau das, was die **Aufschlüsselung der Menge** Angebot in Hoppy Bundles ist dafür ausgelegt. Mit diesem Angebotstyp können Sie mengenbasierte Rabattstufen erstellen, wie z. B.: * 🛒 Kaufen 1 → Standardpreis * 💸 Kaufen Sie 2 → 10% OFF * 💰 Kaufen Sie 3 → 20% OFF \-und zeigen Sie sie als ordentliches, anklickbares Widget direkt auf Ihrer Produktseite an. Kunden wählen einfach die Menge, die sie mögen, und der Rabatt wird automatisch an der Kasse angewendet ✨ --- # **📍 Wo das Quantity Break Widget erscheint** Das Quantity Break 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 gleiche Setup-Bildschirm wird auch für **BOGO (Buy One Get One)** und **Kaufen X Get Y** Angebote - das sind einfach Quantity Break-Angebote, die mit BOGO-Style-Stufen vorgefüllt sind. --- # **🛠️ Beispiel-Setup in dieser Dokumentation verwendet** In dieser Dokumentation konfigurieren wir die folgende Tierstruktur: * 🛒 1 Paar → Standardpreis (kein Rabatt) * 💸 2 Paar → 10% AUS * 💰 3 Paar → 20% AUS Das Angebot wird angewendet auf **spezifische Erzeugnisse** und in der **Vertikale Anordnung**. 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 Quantity Break-Widget auf Ihrer Storefront erscheint, muss die App-Einbettung in Ihrem 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 Quantitäts-Break-Angebot** Offen **Hoppy Bundles** App von Deiner Shopify Admin. Dann: → Klicken **Erstellen Sie ein neues Angebot** um die Angebotsartauswahlseite zu öffnen. → auswählen **Mengenbruch (Ein Produkt)** und klicken **Erstellen einer Quantitätspause**. ℹ️ Die **BOGO** und **Kaufen X Get Y** Karten auf dieser Seite öffnen auch das Quantity Break-Setup - sie füllen Ihre Ebenen nur mit BOGO-artigen Angeboten (z. B. "Buy 2 Get 1"), so dass Sie von diesen beginnen können, wenn dies der Deal ist, den Sie ausführen möchten. --- # **🧩 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 Sneaker Verkauf * T-Shirt Volumen Deal * Black Friday Tiers Ubersetzungen 💡 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 das Quantity Break-Widget und die Rabatte gelten. 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 - Wählen Sie ein Template** Scrollen Sie nach unten zum **Wählen Sie Ihr bevorzugtes Angebot** Schnitt. Hier finden Sie vorgefertigte Vorlagen, durch die Sie wischen können: * **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 * **YAY! Es ist BOGO** → violett, vorgefüllt mit Buy X Get Y Style Tiers Klicken Sie auf eine Vorlage, um es auszuwählen, dann drücken **Anwenden der ausgewählten Vorlage**. ℹ️ 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 Ihre Angebote (General Tab)** Der Editor ist in 3 Tabs organisiert: * **Generalmajor** → Inhalte, Rabatte und Verhalten anbieten * **Design** → Schriftarten, Farben und Rahmen * **Targeting & Placement** Wer sieht das Angebot und wo es erscheint Dieser Leitfaden konzentriert sich auf die Einstellungen, die Sie benötigen, um das Angebot live zu erhalten. Lasst uns durch die **Generalmajor** Tab Abschnitt für Abschnitt. --- ## **✏️ Angebotsname & Ausgewähltes Angebot** Oben auf dem allgemeinen tab können sie ihre sehen. **Name des Angebots** und die **Ausgewähltes Angebot** (Die Vorlage, die Sie ausgewählt haben). Klicken Sie **Bleistiftsymbol** neben dem Angebotsnamen jederzeit umbenennen. 💡 Dieser Name ist nur für Sie sichtbar - für Ihren eigenen internen Bezug. --- ## **📐 Vorlagenlayout** Wählen Sie aus, wie Ihre Mengenebenen im Widget angeordnet sind: * **Vertikal** → übereinander gestapelte Ebenen (am besten für die meisten Produktseiten) * **Horizontal** → Tiers Seite an Seite ℹ️ Wann **Vertikal** wird ausgewählt, ein Extra **Wählen Sie ein Thema** Option erscheint, so dass Sie schnell zwischen den **Blau**, **rot**, und **Grün** Farbthemen. 💡 Auswählen der **rot** Theme entsperrt auch ein Extra **Untertitel anbieten** Das Feld in jeder Angebotsstufe (mehr dazu unten). --- ## **🎁 Edit-Angebot - Ihre Discount-Stufen** Das ist das Herzstück des Setups ❤️ Jede Quantitätsstufe lebt auf ihrem eigenen Tab.**Angebot 1**, **Angebot 2**, **Angebot 3**...). Klicken Sie auf einen Tab, um diese Ebene zu bearbeiten. Für unser Beispiel-Setup: * **Angebot 1** → Menge `1`, Art des Rabatts `No Discount` * **Angebot 2** → Menge `2`, Art des Rabatts `% Discount`, Rabatt `10` * **Angebot 3** → Menge `3`, Art des Rabatts `% Discount`, Rabatt `20` --- ### **💸 Discount-Typ** Dieser Dropdown kontrolliert, welche Art von Deal das Tier anbietet: Discount-Typ Was es tut Kein Rabatt Standardpreis — nützlich als Basis-Tier ‚Buy 1‘ % Rabatt (z. B. 25% Rabatt) Prozentsatz des Tier-Gesamtwerts Flat-Rabatt (z.B. $29,00 off) Festbetrag vom Tier insgesamt Für jede Einheit Pauschalrabatt Festbetrag **jede Einheit** in der Ebene Spezifischer Preis (z. B. $29,00) Kunden zahlen genau diesen Preis für das Tier BOGO (Buy One Get One) X Artikel kaufen, Y Artikel des gleichen Produkts kostenlos erhalten X Get Y Free kaufen Kaufen Sie X Artikel, erhalten Sie eine **Unterschiedliches Produkt** Ermäßigt/frei Je nach Rabatttyp erscheinen automatisch zusätzliche Felder: * **% / Wohnung / Einheit / Spezifischer Preis** → a **Discount** Eingabefeld für den Wert * **BOGO** → **Kaufen** und **Bekommen** Felder (Kaufen ist auf die Tiermenge gesperrt) * **X Get Y Free kaufen** → **Kaufen** und **Bekommen** Felder plus a **Wählen Sie Y Produkt** Button wählt, welches Produkt der Kunde bekommt ⚠️ **Bitte beachten Sie:**: für **X Get Y Free kaufen**Stellen Sie sicher, dass Sie tatsächlich ein "Y" -Produkt auswählen - ohne eines hat die Stufe nichts zu verschenken. --- ### **🔢 Menge** Die Anzahl der Artikel, die der Kunde kaufen muss, um diese Stufe freizuschalten. ⚠️ Die Menge muss größer als 0 sein - Sie sehen einen Inline-Fehler, wenn dies nicht der Fall ist. ℹ️ für **BOGO** und **Kaufen X Get Y** Ebenen, **Kaufen** Die Bedingung folgt automatisch dieser Menge. --- ### **🏷️ Angebotsbezeichnung** Der Haupttext auf der Ebene, z. B.: * 1 Paar * 2 Paar * 3 Paar --- ### **🏷️ Rabatt Label & Tag** Jede Ebene hat zwei optionale Textdekorationen: * **Discount Label** → der auf der Stufe angezeigte Deal-Text, z.B. „10% OFF * **Tag** → ein kleines Abzeichen, z.B. „Most Popular Beide Felder haben eine **Augensymbol** 👁️ auf der rechten Seite - klicken Sie darauf, um dieses Element auf der Storefront zu zeigen oder zu verstecken. 💡 Das Hinzufügen eines „Beliebtesten-Tags zu Ihrer mittleren Ebene ist eine einfache Möglichkeit, Kunden dazu zu bringen. --- ### **🎁 Freies Geschenk** Ankreuzen **Freies Geschenk** Checkbox, wenn Sie möchten, dass Kunden, die diese Stufe auswählen, auch ein Geschenkprodukt erhalten. Einmal aktiviert, a **Auswählen von Produkten** Die Schaltfläche erscheint, damit Sie das Geschenkprodukt (die Geschenkprodukte) aus Ihrem Shop auswählen können. ℹ️ Unticking **Freies Geschenk** löscht die ausgewählten Geschenkprodukte für diese Stufe. --- ### **📝 Untertitel anbieten (nur rotes Thema)** ℹ️ Dieses Feld erscheint nur, wenn **rot** Theme wird ausgewählt in **Template Layout → Wählen Sie ein Theme**. Es fügt eine kleine Untertitelzeile in jeder Ebene hinzu und hat auch ein Augensymbol, um die Sichtbarkeit zu verändern. --- ### **➕ Addieren / 🗑️ Streichung von Ebenen** Unterhalb der Angebots-Tabs finden Sie: * **Add-Angebot** → fügt einen neuen Tier-Tab hinzu (maximal) **6 Ebenen**) * **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** → z.B. „Bundle & Save“ oder „Limited Time Offer“ * **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 steuern, wie sich das Widget verhält und was Kunden sehen. --- ## **👀 Aussehen und Aussehen** * **Stückpreis Stückpreis** → Kunden können den Preis pro Einheit innerhalb des Angebots sehen * **Gesamtpreis** → Kunden können den Gesamtpreis jedes Tiers sehen * **Kopf- und Fußzeilen ausblenden** → verbirgt die Trennlinien oben und unten im Widget für ein saubereres Aussehen * **Verwenden Sie benutzerdefinierten Text für Out of Stock** → zeigt Ihre eigene Nachricht, wenn das ausgewählte Produkt nicht vorrätig ist ℹ️ Ermöglichung **Verwenden Sie benutzerdefinierten Text für Out of Stock** Zeigt ein Textfeld an, in das Sie Ihre Nachricht eingeben können (Standard: „Highlighted item(s) are out of stock). --- ## **⚙️ Funktionalität** * **Lassen Sie Kunden verschiedene Varianten für jeden Artikel auswählen** → wenn das Produkt Varianten hat (Größen, Farben...), können Kunden für jede Einheit in der Stufe 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 werden direkt zum Checkout umgeleitet, nachdem sie eine Stufe hinzugefügt haben und die Warenkorbseite überspringen * **Volumenrabatt (Erweitern Sie den Max-Rabatt auf alle Mengen)** → lässt Kunden kaufen **zusätzliche** Posten jenseits der höchsten Stufe zum maximalen Abzinsungssatz * **Show Vergleich zum Preis** → zeigt den Vergleichspreis (durchschlagend) innerhalb des Angebots an ℹ️ Ermöglichung **Show Vergleich zum Preis** zeigt zwei zusätzliche Felder: * **Custom-Vergleichspreis** → den Vergleichspreis manuell überschreiben (leave blank or `0` um den Preis von Ihrem Shopify Produktliste * **Shopify Produktvergleichspreis** → read-only, zeigt den Vergleichspreis aus Ihrer Produktliste --- ## **🔄 Discount-Kombination aktivieren** Mit diesen Optionen können Sie Ihren Mengenrabatt mit anderen Rabatttypen an der Kasse kombinieren: * **Orderrabatte** * **Versandrabatte** ℹ️ Produkt-Rabatt-Kombination ist immer an. Beachten Sie auch, dass aufgrund Shopify Einschränkungen gilt diese Einstellung global für alle neuen Quantity Break Angebote. --- ## **🌍 Mehrere Märkte & Übersetzungen** Unten Einstellungen finden Sie auch: * **Mehrere Märkte** → Marktspezifische Preise für das Angebot festlegen * **Übersetzung** → Widget-Texte für zusätzliche Sprachen Ihres Shops übersetzen ℹ️ Diese sind optional und nicht erforderlich, um ihr angebot live zu erhalten - sie werden in ihren eigenen dedizierten guides abgedeckt. --- # **🎯 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)** → Das Widget wird automatisch platziert – empfohlen für die meisten Stores * **Custom (nur auf der Produktseite)** → Platzieren Sie das Widget wo immer Sie möchten auf der Produktseite Wenn Sie wählen **Zoll**Die App gibt Ihnen zwei Dinge **Nach dem Sparen**: * **Hoppy bundles ID** → Verwenden Sie es, um das Hinzufügen / Repositionieren des Hoppy Bundles App Block in Ihrem Theme Editor * **Hoppy bundles Code Snippet** Eine kleine `
` Sie können überall in Ihren Theme-Code einfügen ℹ️ Bis das Angebot einmal gespeichert ist, sehen Sie „Save to see Hoppy bundles ID und Code Snippet. --- ## **👤 Customer Targeting & 🌍 Geolocation Targeting** Mit diesen optionalen Abschnitten können Sie: * Zeigen Sie das Angebot nur an **angemeldete Kunden** * Zeigen oder verstecken Sie das Angebot basierend auf **Kundentags** oder **Lebenszeit** * 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 — 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** 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 Standardeinstellungen sehen bereits gut aus, so dass dieser Schritt völlig optional ist. 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 tier-Preise 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 Quantity Break Angebot ist jetzt live 🚀 --- # **🎉 Endergebnis** Einmal erfolgreich konfiguriert: ✅ Kunden sehen Ihre Mengenstufen direkt auf der Produktseite ✅ Rabatte gelten automatisch beim Checkout ✅ Tiers, Tags und Labels werden sofort aus der App aktualisiert ✅ Das Widget passt zu Ihrem Thema mit dem Layout und den Farben, die Sie ausgewählt haben So sieht das fertige Widget auf der Storefront aus - saubere Ebenen, klare Einsparungen und Auswahl mit einem Klick ✨ --- 💡 Möchten Sie stattdessen einen "Buy 2 Get 1 Free" -Deal durchführen? Erstellen Sie eine neue **BOGO** Angebot von der Seite des Angebotstyps - es verwendet genau den gleichen Setup-Flow, den Sie gerade gelernt haben, mit BOGO-Stufen, die für Sie vorgefüllt sind.