> ## 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 Categorie Hoeveelheid Break 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. Wil klanten te belonen voor het kopen van meer **verschillende producten** In één pakje? πŸ›οΈ Dat is precies wat de **Categorie Hoeveelheid breuk** aanbieding in Hoppy Bundles is ontworpen voor. Met deze aanbieding type, kunt u pack-based korting niveaus zoals: * πŸ›’ 1 verpakking β†’ Standaardprijs * πŸ’Έ Verpakking β†’ 10% UIT * πŸ’° Verpakking β†’ 20% UIT Waar elke verpakking gevuld is met het product dat de klant bekijkt **plus extra producten die ze kiezen uit een lijst die je curator**. Klanten selecteren gewoon een pakket, kiezen hun extra producten, en de korting wordt automatisch toegepast bij de kassa ✨ ℹ️ Op zoek naar kwantitatieve kortingen op **één enkel product** In plaats daarvan? Dat is de **Hoeveelheid breuk** Het aanbod heeft een eigen speciale gids. --- # **πŸ“ Waar de categorie Hoeveelheid Break Widget verschijnt** De Categorie 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). De widget toont uw packs als nette, radio-selecteerbare insignes πŸ‘‡ --- # **πŸ› οΈ Voorbeeldinstellingen gebruikt in deze documentatie** In deze documentatie configureren we de volgende verpakkingsstructuur: * πŸ›’ 1 verpakking β†’ Standaardprijs (geen korting) * πŸ’Έ 2 Pack β†’ 10% UIT * πŸ’° 3 Pack β†’ 20% UIT 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** Voor de Categorie Hoeveelheid Break widget te verschijnen op uw storefront, de app embed moet 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. β†’ Zoek de **Categorie Hoeveelheid breuk** kaart (ondertitel: **(Verschillende produkten)**) en klik **Een Categorie Hoeveelheid Break aanmaken**. De setup editor opent meteen Uw aanbod begint met 3 voorgevulde verpakkingsniveaus, en een live preview van de widget zit aan de rechterkant van het scherm πŸ‘€ --- # **βš™οΈ Stap 2 Leer de redactie kennen** De editor is georganiseerd in 3 tabbladen: * **Algemeen** β†’ bieden naam, pakket niveaus, en gedrag instellingen * **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. --- ## **✏️ Aanbodnaam** Bovenaan het tabblad Algemeen kunt u uw **Aanbodnaam** (het begint als een QB aanbod). Dit veld wordt gebruikt voor interne doeleinden alleen Klik op de **potloodpictogram** naast het om het altijd te hernoemen. U kunt elke herkenbare naam gebruiken, zoals: * Summer Skincare Packs * Mix & Match Snack Deal * Black Friday Bundles πŸ’‘ Met behulp van de juiste interne naamgeving maakt het gemakkelijker om setups later te identificeren, vooral als uw winkel draait meerdere aanbiedingen. --- # **🎁 Stap 3** Dit is het hart van de setup ❀️ Elk pakketniveau 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 bepaalt wat voor soort deal het pakket biedt: Kortingstype Wat het doet Geen korting Standaardprijs % korting (bv. 25% korting) Percentage van de verpakking Platte korting (bv. $ 29,00 korting) Vast bedrag van de verpakking Op elke eenheid platte korting Vast bedrag **elke eenheid** in de verpakking Specifieke prijs (bv. $ 29,00) Klanten betalen precies deze prijs voor de verpakking BONGO (Koop er eentje) Koop X items, krijg Y items 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 (uitgeschakeld voor **Geen korting**) * **BOGO** β†’ **Kopen** en **Get** velden (Koop is vergrendeld aan de verpakking hoeveelheid) * **X kopen Y vrij krijgen** β†’ **Kopen** en **Get** velden (Koop is vergrendeld op de verpakking hoeveelheid), 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 ℹ️ Voor **BOGO** en **X Y kopen** niveau, de **Kopen** toestand volgt automatisch de verpakking hoeveelheid. --- ## **πŸ”’ Hoeveelheid** Het totale aantal items in de verpakking Dus een niveau met Hoeveelheid `3` betekent: het huidige product **\+ 2 extra producten** de klant kiest. ⚠️ Hoeveelheid moet groter zijn dan 0 --- ## **🏷️ Aanbodtitel** De belangrijkste tekst op het verpakkingsniveau, bijvoorbeeld: * Verpakking * Verpakking * Verpakking --- ## **πŸ“¦ Producten in deze verpakking** ℹ️ Dit deel verschijnt alleen op niveaus waar **De hoeveelheid is groter dan 1** Een Pack1 heeft geen extra producten toe te voegen. Hier kunt u de producten die klanten kunnen vullen met: * Klik **Producten aan dit niveau toevoegen** om uw Shopify product picker en kies een of meer producten * Elk toegevoegd product verschijnt in de lijst met zijn afbeelding en titel * Klik op de **βœ•** naast een product om het uit de verpakking te verwijderen πŸ’‘ U kunt ook pack producten direct vanuit de live preview aan de rechterkant te beheren **Kies** knop op een leeg slot om het te vullen, of de **βœ•** op een gevuld slot om het te ontruimen. Beide werken uw installatie direct bij. --- ## **🏷️ Kortingslabel & label** Elk niveau heeft twee optionele tekstdecoraties: * **Kortingslabel** β†’ de deal tekst op de verpakking, 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 --- ## **βž• Toevoegen / πŸ—‘οΈ Niveaus verwijderen** Onder de aanbiedingstabbladen vindt u: * **Niveau toevoegen** β†’ voegt een nieuw tabblad pack level (maximum **6 niveaus**) * **Niveau verwijderen** β†’ verwijdert het geselecteerde niveau (minstens **1 niveau** moet blijven) Als je een van deze limieten raakt, laat een kleine toast bericht het je weten. --- # **πŸ› οΈ Stap 4: Instellingen instellen** Scroll naar beneden in het tabblad Algemeen om de instellingen onder uw verpakkingsniveaus te vinden. --- ## **πŸ–±οΈ CTA-knoptekst** De tekst getoond op de widget πŸ’‘ Match dit met je pack taal, bijv. .Add Pack to cart .Build My Pack . --- ## **πŸ”„ Kortingscombinatie inschakelen** Deze opties laten uw Categorie Hoeveelheid 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 is wereldwijd van toepassing op alle nieuwe hoeveelheden breuk aanbiedingen. --- ## **🌍 Meerdere markten en vertalingen** Onder Instellingen vindt u ook: * **Meerdere markten** β†’ marktspecifieke verpakking prijzen voor het aanbod vast te stellen * **Vertaling** β†’ vertalen widget teksten voor uw winkel ℹ️ Deze zijn optioneel en niet vereist om uw aanbod live te krijgen --- # **🎯 Stap 5** 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 op de productpagina * **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: * **Lettertypefamilie** β†’ kies een lettertype, of plak met **Themalettertypen gebruiken** * **Typografie en kleur** β†’ tekstgroottes, gewichten en kleuren voor elk element * **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 prijzen van het pakket 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 Uw Categorie Hoeveelheid Break aanbieding is nu live πŸš€ --- # **πŸŽ‰ Eindresultaat** Eenmaal succesvol geconfigureerd: βœ… Klanten zien uw verpakkingsniveaus direct op de productpagina βœ… Ze kiezen een pakje, kiezen de extra producten, en voegen alles toe in één klik βœ… 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 lettertypen en kleuren die u hebt gekozen Hier vindt u hoe de voltooide widget eruit ziet op de storefront clean packs, duidelijke besparingen, en een-klik selectie ✨ --- πŸ’‘ Wil volume kortingen op een **één product** In plaats van gemengde packs? Aanmaken **Hoeveelheid breuk** aanbieding van het aanbiedingstype pagina het maakt gebruik van gelaagde prijzen voor veelvouden van hetzelfde item.