ℹ️ 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ä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 - 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 kaufenStellen 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 ZollDie 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 <div> 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 → RabatteDies 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.

Aktualisiert am: 10/09/2026