> ## 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). # πŸš€ Hoe de hoeveelheid te breken instellen > ℹ️ **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**, **Product**en **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**, **Rood**en **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 op**Voor **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 `
` 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.