ℹ️ Note: Dit artikel is automatisch vertaald met behulp van AI en kan onjuistheden bevatten. Als er iets mis is, neem dan contact op met ons ondersteuningsteam.

Wilt u klanten belonen voor het kopen van meer van hetzelfde product? 🛍️

Dat is precies wat de Hoeveelheid breuk aanbieding in Hoppy Bundles is ontworpen voor.

Met dit aanbodtype kunt u kwantitatieve kortingsniveaus creëren zoals:

• 🛒 Koop 1 → Standaard Prijs
• 💸 Kopen 2 → 10% UIT
• 💰 Kopen 3 → 20% UIT

En toon ze als een nette, klikbare widget direct op uw product pagina.

Klanten gewoon kiezen de hoeveelheid tier ze graag, en de korting wordt automatisch toegepast bij de kassa ✨

📍 Waar de hoeveelheid Break Widget verschijnt

De hoeveelheid Break widget verschijnt op uw Productpagina, recht onder de knop Toevoegen aan winkelwagen (standaard plaatsing).

U kunt het ook overal anders op de product pagina met behulp van de Aangepaste plaatsing optie (die later in deze gids wordt behandeld).

ℹ️ Hetzelfde instelscherm wordt ook gebruikt voor BONGO (Koop er eentje) en X Y kopen Aanbiedingen die zijn gewoon Hoeveelheid Break biedt voorgevulde met BOGO-stijl oplagen.

🛠️ Voorbeeldinstellingen gebruikt in deze documentatie

In deze documentatie configureren we de volgende niveaustructuur:

• 🛒 1 paar → Standaardprijs (geen korting)
• 💸 2 paar → 10% UIT
• 💰 3 paar → 20% UIT

Het aanbod zal worden toegepast op specifieke producten en weergegeven in de Verticale indeling.

Deze handleiding legt elke instelling uit die u aanraakt tijdens de setup, zodat u precies weet hoe elke optie zich gedraagt ⚙️

✅ Voordat u begint met het inschakelen van de App Embed

Om de hoeveelheid Break widget te verschijnen op uw storefront, moet de app embed worden ingeschakeld in uw Shopify thema.

Ga naar:

Shopify Admin → Verkoopkanalen → Online Store → Thema's → Aanpassen → App Inbedden

Dan:

• Zoeken Bundels-app insluiten
• Schakel het IN
• Klik op Opslaan

⚠️ Belangrijk: Zonder de app embed ingeschakeld, zal uw gepubliceerde aanbod niet zichtbaar zijn op de storefront . Zelfs als alles in de app correct is geconfigureerd.

🎯 Stap 1

Open de Hoppy Bundles app van uw Shopify Admin.

Dan:

→ Klik Nieuwe aanbieding aanmaken om de selectiepagina van het aanbodtype te openen.

→ selecteren Aantal breuken (één product) en klik Een hoeveelheidspauze aanmaken.

ℹ️ De BOGO en X Y kopen kaarten op deze pagina ook open de Quantity Break setup

🧩 Stap 2

Het eerste scherm vraagt om de basis voor iets anders.

🏷️ Aanbodnaam

Dit veld wordt uitsluitend voor interne doeleinden gebruikt.

Klanten zullen deze naam nooit zien.

U kunt elke herkenbare naam gebruiken, zoals:

• Zomer Sneaker Sale
• T-Shirt Volume Deal
• Black Friday Tiers

💡 Met behulp van de juiste interne naamgeving maakt het gemakkelijker om setups later te identificeren, vooral als uw winkel draait meerdere aanbiedingen.

📦 Aanbieding toepassen op

Deze instelling bepaalt op welke producten de Quantity Break widget en kortingen van toepassing zijn.

Er zijn 3 opties beschikbaar:

• Alle producten → de aanbieding geldt voor elk product in uw winkel
• Product → de aanbieding is alleen van toepassing op de producten die u kiest
• Verzameling → de aanbieding geldt voor elk product binnen de collecties die u selecteert

Als u kiest Product of Verzameling, a Selecteer product ' Verzameling selecteren De knop verschijnt. Klik erop om uw Shopify resource picker en kies een of meer items.

⚠️ Belangrijk:

• Schakelen tussen Alle producten, Producten Verzameling ontruimt uw huidige selectie Kies eerst de juiste modus en selecteer daarna uw items.
• Alleen een gepubliceerd aanbod is toegestaan per product of verzameling. Als een ander gepubliceerd aanbod al hetzelfde product dekt, kunt u dit niet publiceren totdat het bestaande aanbod is omgezet in een concept.

🎨 Stap 3 Kies een sjabloon

Scroll naar beneden naar de Selecteer uw voorkeursaanbod Section.

Hier vindt u kant-en-klare sjablonen kunt u swipe door:

• Bouw er een vanaf nul → beginnen met een schone, minimale indeling
• Bundelen & opslaan → de klassieke groene multi-tier look
• Beperkte tijd aanbod → oranje, urgentiethema
• Flash Sale Madness! → roze, verkoopthema
• Yay! Het is BOGO → violet, voorgevuld met Koop X Y-stijl niveaus

Klik op een sjabloon om het te selecteren en druk vervolgens op Geselecteerd sjabloon toepassen.

ℹ️ De Geselecteerd sjabloon toepassen knop blijft uitgeschakeld totdat u ten minste één product of verzameling (bij gebruik van de Product of Verzameling modus).

Eenmaal toegepast, de volledige setup editor opent 👀

⚙️ Stap 4

De editor is georganiseerd in 3 tabbladen:

• Algemeen → bieden inhoud, kortingen en gedrag
• Ontwerp → lettertypen, kleuren en randen
• Targeting en plaatsing → wie ziet het aanbod en waar het lijkt

Deze gids richt zich op de instellingen die u nodig hebt om het aanbod live te krijgen. Laten we door de Algemeen tab per sectie.

✏️ Aanbieding van naam en geselecteerde aanbod

Bovenaan het tabblad Algemeen kunt u uw Aanbodnaam en de Geselecteerd aanbod (het sjabloon dat je gekozen hebt).

Klik op de potloodpictogram naast de aanbiedingsnaam om het altijd te hernoemen.

💡 Deze naam is alleen zichtbaar voor u

📐 Sjabloonindeling

Kies hoe uw aantal niveaus zijn gerangschikt in de widget:

• Verticaal → niveaus gestapeld op elkaar (beste voor de meeste productpagina's)
• Horizontaal → niveaus naast elkaar

ℹ️ Wanneer Verticaal is geselecteerd, een extra Kies een thema optie verschijnt, laat u snel wisselen tussen de Blauw, Rooden Groen kleur thema's.

💡 Het kiezen van de Rood thema ontgrendelt ook een extra Ondertiteling aanbieden veld binnen elk aanbod niveau (meer over dat hieronder).

🎁 Bewerken Aanbieden Uw Discount Tiers

Dit is het hart van de setup ❤️

Elke hoeveelheidsgroep leeft op zijn eigen tabblad (Aanbod 1, Aanbod 2, Aanbieding 3...). Klik op een tabblad om dat niveau te bewerken.

Voor ons voorbeeld setup:

• Aanbod 1 → Hoeveelheid 1, Discount type No Discount
• Aanbod 2 → Hoeveelheid 2, Discount type % Discount, Korting 10
• Aanbieding 3 → Hoeveelheid 3, Discount type % Discount, Korting 20

💸 Kortingstype

Deze dropdown controleert wat voor soort deal de tier biedt:

Kortingstype

Wat het doet

Geen korting

Standaardprijs: nuttig als basisniveau kopen

% korting (bv. 25% korting)

Percentage buiten het niveau totaal

Platte korting (bv. $ 29,00 korting)

Vast bedrag buiten het tier-totaal

Op elke eenheid platte korting

Vast bedrag elke eenheid in de tier

Specifieke prijs (bv. $ 29,00)

Klanten betalen precies deze prijs voor de tier

BONGO (Koop er eentje)

Koop X items, krijg Y items van hetzelfde product gratis

X kopen Y vrij krijgen

Koop X items, krijg een verschillend product korting/vrij

Afhankelijk van het kortingstype verschijnen er automatisch extra velden:

• % / Vlak / Per eenheid / Specifieke prijs → a Korting invoerveld voor de waarde
• BOGO → Kopen en Get velden (Koop is vergrendeld op de niveauhoeveelheid)
• X kopen Y vrij krijgen → Kopen en Get velden, plus a Y-product selecteren knop om te kiezen welk product de klant krijgt

⚠️ Let opVoor X kopen Y vrij krijgen, zorg ervoor dat u eigenlijk selecteert een product .. zonder een, de tier heeft niets te geven weg.

🔢 Hoeveelheid

Het aantal items dat de klant moet kopen om dit niveau te ontgrendelen.

⚠️ Hoeveelheid moet groter zijn dan 0

ℹ️ Voor BOGO en X Y kopen De Kopen toestand volgt automatisch deze hoeveelheid.

🏷️ Aanbodtitel

De belangrijkste tekst op het niveau, bijvoorbeeld:

• 1 paar
• 2 paar
• 3 paar

🏷️ Kortingslabel & label

Elk niveau heeft twee optionele tekstdecoraties:

• Kortingslabel → de deal tekst op het niveau, bv. 10 procent OFF
• Tag → een kleine badge, bv. de meest populaire

Beide velden hebben een oogpictogram 👁️ Klik op de rechterkant om dat element op de storefront te tonen of te verbergen.

💡 Het toevoegen van een

🎁 Gratis cadeau

Tik de Gratis geschenk checkbox als u wilt dat klanten kiezen voor dit niveau om ook een cadeau product te ontvangen.

Eenmaal ingeschakeld, a Producten selecteren knop verschijnt zodat u kunt kiezen uit het geschenk product(s) uit uw winkel.

ℹ️ Ontkoppelen Gratis geschenk ontruimt de geselecteerde cadeauproducten voor dat niveau.

📝 Ondertiteling aanbieden (alleen rood thema)

ℹ️ Dit veld verschijnt alleen wanneer de Rood thema is geselecteerd in Sjabloonindeling → Kies een thema.

Het voegt een kleine ondertitel lijn binnen elke tier, en heeft ook een oog pictogram om zichtbaarheid te schakelen.

➕ Toevoegen / 🗑️ Niveaus verwijderen

Onder de aanbiedingstabbladen vindt u:

• Aanbieding toevoegen → voegt een nieuw tier tabblad (maximum 6 niveaus)
• Verwijderen → verwijdert het geselecteerde niveau (minimaal 2 niveaus vereist)

Als je een van deze limieten raakt, laat een kleine toast bericht het je weten.

📰 Titel & voettekst blokkeren

Deze sturen de tekst boven en onder het widget:

• Bloktitel → bv. "Bundel & Opslaan" of "Limited Time Offer"
• Voettekst → bv. gratis verzending

Beide velden komen met een oogpictogram om ze volledig te verbergen als je liever een schonere look.

🛠️ Stap 5: Instellingen instellen

Scroll naar beneden naar de Instellingen kaart. Deze checkboxen controleren hoe de widget zich gedraagt en wat klanten zien.

👀 Uiterlijk en uiterlijk

• Eenheidsprijs tonen → klanten kunnen de prijs per enkele eenheid binnen het aanbod te zien
• Totale prijs tonen → klanten kunnen de totale prijs van elke tier te zien
• Header en voetteksten verbergen → verbergt de scheidingslijnen aan de bovenkant en onderkant van het widget voor een schonere look
• Gebruik aangepaste tekst voor niet op voorraad → toont uw eigen bericht wanneer het geselecteerde product niet op voorraad is

ℹ️ Inschakelen Gebruik aangepaste tekst voor niet op voorraad onthult een tekstveld waar u uw bericht kunt typen (uiterlijk:

⚙️ Functioneren

• Laat klanten verschillende varianten kiezen voor elk item → als het product varianten heeft (maten, kleuren...), kunnen klanten een andere variant kiezen voor elke eenheid in de tier
• Display widget hieronder Toevoegen aan winkelwagenknop → geeft het widget direct onder uw knop In winkelwagen
• Skip winkelwagen direct naar kassa → klanten worden rechtstreeks doorgestuurd naar checkout na het toevoegen van een tier, het overslaan van de winkelwagen pagina
• Volumekorting (Extend Max Korting tot alle hoeveelheden) → laat klanten kopen extra posten boven het hoogste niveau tegen de maximale disconteringsvoet
• Vergelijken met prijs → toont de vergelijking-op (doorslaande) prijs binnen het aanbod

ℹ️ Inschakelen Vergelijken met prijs onthult twee extra velden:

• Aangepaste prijs vergelijken → overschrijven van de vergelijking prijs handmatig (laat leeg of 0 om de prijs van uw Shopify op de lijst van producten)
• Shopify productvergelijking prijs → alleen-lezen, toont de vergelijking prijs afkomstig van uw product lijst

🔄 Kortingscombinatie inschakelen

Deze opties laten uw Quantity Break korting combineren met andere kortingstypen bij de kassa:

• Bestel kortingen
• Verzendkortingen

ℹ️ Product korting combinatie is altijd aan. Merk ook op dat Shopify beperkingen, deze instelling geldt wereldwijd voor alle nieuwe Quantity Break aanbiedingen.

🌍 Meerdere markten en vertalingen

Onder Instellingen vindt u ook:

• Meerdere markten → marktspecifieke prijsstelling voor het aanbod vaststellen
• Vertaling → vertalen widget teksten voor uw winkel

ℹ️ Deze zijn optioneel en niet vereist om uw aanbod live te krijgen

🎯 Stap 6: Targeting & Placement (facultatief)

Overschakelen naar de Targeting en plaatsing tabblad om te bepalen waar het widget verschijnt en wie het ziet.

📍 Plaatsing

• Hieronder Toevoegen aan winkelwagenknop (Standaard) → het widget wordt automatisch geplaatst
• Aangepast (alleen op de productpagina) → plaats de widget waar je maar wilt op de productpagina

Als u kiest Aangepast, de app geeft je twee dingen na het opslaan:

• Hoppy bundles ID → gebruik het om de Hoppy Bundles app blok in uw thema-editor
• Hoppy bundles code knipsel → een kleine <div> kunt u overal plakken in uw thema code

ℹ️ Totdat het aanbod eenmaal is opgeslagen, zult u zien Hoppy bundles ID en code knipsel.

👤 Klantgericht & 🌍 Geolocatiegericht

Deze optionele secties laten u:

• Het aanbod alleen tonen aan ingelogde klanten
• Het aanbod tonen of verbergen op basis van klanttags of levensduur
• Beperk het aanbod tot specifieke landen (standaard: Alle wereld)

Er is ook een Planning sectie om een start en einde datum/tijd voor de aanbieding

ℹ️ Deze zijn allemaal optioneel. Als je ze overslaat, toont het aanbod gewoon aan iedereen, overal, meteen. Geavanceerde targeting wordt in detail behandeld in zijn eigen speciale gids.

🎨 Ontwerptabblad (facultatief)

De Ontwerp tabblad regelt de visuele styling van het widget:

• Typografie en kleur → lettertype familie, tekst maten, gewichten en kleuren voor elk element
• Variant → kleine / middelgrote / grote grootte voor variant selectoren
• Rand → Randbreedte en hoekstraal schuifregelaars

💡 Elke verandering reflecteert direct in de live preview aan de rechterkant bureaublad en mobiel voorbeeldpanelen.

ℹ️ De standaards zien er al geweldig uit, dus deze stap is volledig optioneel. Styling is diep in de dedicated design guide.

✅ Laatste stap Opslaan & Publiceren

Zodra alles er goed uitziet in de preview:

1. Klik Opslaan in de opbergbalk bovenaan de pagina
2. Klik Publiceren om het aanbod live te maken ⚠️ Let op:

• De Publiceren de knop is uitgeschakeld terwijl de aanbieding is gloednieuw eerst opslaan, dan publiceren.
• Publishing creëert een automatische korting in uw Shopify Beheerder → Kortingen. Dit is wat daadwerkelijk van toepassing is op de tier prijzen bij checkout
• Als de app embed niet is ingeschakeld in uw thema, zal een banner verschijnen na het opslaan met een App invoegen inschakelen snelkoppelingsknop
• Als publicatie mislukt omdat een ander gepubliceerd aanbod al hetzelfde product of dezelfde collectie dekt, zet dat bestaande aanbod dan eerst om in een ontwerp, dan opnieuw publiceren.

Uw Quantity Break aanbod is nu live 🚀

🎉 Eindresultaat

Eenmaal succesvol geconfigureerd:

✅ Klanten zien uw hoeveelheid niveaus direct op de productpagina ✅ Kortingen gelden automatisch bij de kassa ✅ Niveaus, tags en labels worden direct bijgewerkt vanuit de app ✅ Het widget komt overeen met uw thema met de lay-out en kleuren die u hebt gekozen

Hier vindt u hoe de voltooide widget ziet eruit op de storefront schoon entree, duidelijke besparingen, en een-klik selectie ✨

💡 Wil je een kopen 2 Krijg 1 gratis deal in plaats daarvan? Een nieuw aanmaken BOGO Het aanbod van de aanbieding type pagina gebruikt de exact dezelfde setup stroom die je net geleerd, met BOGO levels voorgevulde voor u.

Bijgewerkt op: 10/09/2026