> ## 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 je je eigen bundel kunt bouwen (BYOB) > โ„น๏ธ **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 uw klanten de producten in hun bundel laten kiezen in plaats van een vaste combinatie te kopen? ๐Ÿ›๏ธ Dat is precies wat de **Bouw je eigen bundel (BYOB)** aanbieding in Hoppy Bundles is ontworpen voor. Met BYOB kunnen uw klanten: * ๐Ÿงบ Kies producten uit de collecties of producten die u toelaat * ๐ŸŽฏ Maak kennis met de selectieregels die u definieert (bijvoorbeeld "pick at least 3 items") * ๐Ÿ’ธ Ontgrendel een korting zodra hun bundel voldoet * ๐Ÿ›’ Voeg de hele bundel toe aan winkelwagen in รฉรฉn klik De bundel verschijnt als een eigen product pagina op uw storefront, met een live bundel bouwer uw klanten kunnen communiceren met โœจ --- # **๐Ÿง  Hoe BYOB werkt (Snel overzicht)** Wanneer u een BYOB aanbod opslaat, Hoppy Bundles doet automatisch twee dingen voor u: 1. **Maakt een Shopify product** voor de bundel (met behulp van de Product URL, Titel, Prijs, Beschrijving en Afbeelding die u verstrekt) 2. **Maakt een Shopify automatische korting** dat uw geconfigureerde korting toepast wanneer de bundel van de klant in aanmerking komt Klanten bezoeken dan die productpagina, bouwen hun bundel, en check out ๐ŸŽ‰ --- # **โœ… Voordat u begint** Voordat u de setup start, zorg ervoor dat u: * ๐Ÿ“ฆ De **producten of verzamelingen** je wilt dat klanten kiezen uit, al gemaakt in Shopify * ๐Ÿ–ผ๏ธ A **bannerafbeelding** voor de bundel pagina (PNG, JPG of GIF, tot 5MB) * ๐Ÿงฎ Een ruw idee van je **Selectieregels** (hoeveel items klanten moeten kiezen, en van waar) * ๐Ÿ’ฐ Een ruw idee van je **korting** (facultatief BYOB werkt ook zonder korting) ๐Ÿ’ก Het plannen van uw regels eerst maakt de opstelling veel sneller . . de hele stroom duurt slechts een paar minuten zodra je weet wat je wilt โš™๏ธ --- # **๐Ÿ› ๏ธ Stap 1 Maak een nieuw BYOB aanbod** Open de **Hoppy Bundles** app en ga naar de aanbieding creatie pagina. Op de **Aanbodtype selecteren** scherm, vind de kaart: **BYOB (Bouw je eigen bundel)** โ†’ _"Laat klanten hun eigen bundel bouwen"_ Dan: โ†’ Klik **BYOB aanmaken** om de BYOB setup pagina te openen. Eenmaal geselecteerd, opent de setup pagina automatisch met een **live preview** aan de rechterkant ๐Ÿ‘€ --- # **๐Ÿ“ Stap 2** Je landt eerst in de **Algemeen** tab. De **Bundelinformatie** sectie bepaalt wat klanten zien op de bundel pagina. --- ## **๐Ÿ”— Product-URL** Dit is de URL handle van de Shopify product dat Hoppy Bundles creรซert voor uw bundel. * Alleen kleine letters, cijfers en koppeltekens zijn toegestaan * Voorbeeld: `build-your-bundle` โ†’ uw bundel pagina wordt `/products/build-your-bundle` ๐Ÿ’ก Kies een korte, memorabele handgreep --- ## **๐Ÿงฉ Sjabloon** Deze instelling regelt de indeling van de bundelbouwer op de pagina. Er zijn 2 sjablonen beschikbaar: * **Shelf Pick** โ†’ Klanten bladeren producten en "pick from the shelf," met een plakkerige bar bijhouden hoeveel items ze nog nodig hebben * **Selectie splitsen** โ†’ Een split layout met de bundel afbeelding aan de ene kant en de product selectie aan de andere Schakel tussen hen en controleer de **live preview** om te zien welke past het beste bij uw winkel โœจ --- ## **๐Ÿท๏ธ Titel** De belangrijkste kop klanten zie op de bundel pagina. ### **Voorbeeld** * Bouw je eigen bundel * Uw Snack Box aanmaken * Meng & overeenkomen met uw huidverzorgingsset --- ## **๐Ÿ“Œ Sticky Bar-tekst** Deze tekst verschijnt in de plakkerige bar die de voortgang van de klant volgt terwijl ze producten kiezen. U kunt de dynamische variabele gebruiken: `{target}` โ†’ automatisch vervangen door het totale aantal items die de klant moet selecteren ### **Voorbeeld** "Heeft tenminste {target} van deze groep nodig" โ„น๏ธ Door gebruik `{target}`, het bericht blijft correct zelfs als u uw selectieregels later wijzigen. --- ## **๐Ÿ”˜ Knopteksten** Twee knop labels kunnen worden aangepast: * **Knoptekst** โ†’ De belangrijkste call-to-action knop (standaard: _"Add Bundle to Cart"_) * **Knoptekst van productkaart** โ†’ De kleine knop op elke productkaart (standaard: _Toevoegen_) --- ## **๐Ÿ’ฐ Prijs** Stelt de basisprijs van de Shopify product gemaakt voor deze bundel. U kunt invoeren: * A **vaste prijs** โ†’ bv. `5000` * A **prijsklasse** โ†’ bv. `3000-5000` โ„น๏ธ Het werkelijke bedrag dat klanten betalen wordt berekend uit de producten die ze plukken plus uw korting Wanneer een bereik wordt ingevoerd, wordt de eerste waarde gebruikt als de productprijs. --- ## **๐Ÿ“ Omschrijving** Een rijke tekstbeschrijving voor de bundelpagina. Gebruik het om het aanbod aan klanten uit te leggen. ### **Voorbeeld** "Kies 3 producten uit onze bestsellers en ontvang 20% korting op uw bundel! ๐ŸŽ" --- ## **๐Ÿ–ผ๏ธ Media (Vereist)** Upload de hoofdafbeelding getoond op de bundel pagina. * Klik op het uploadgebied of sleep een afbeelding naar beneden * Ondersteunde formaten: **PNG, JPG, GIF tot 5MB** * Gebruik **Verschil** of **Verwijderen** een bestaande afbeelding vervangen โš ๏ธ **Belangrijk**: De bundel afbeelding is **vereist**Je kunt het aanbod niet redden zonder er een te uploaden. --- # **๐ŸŽฏ Stap 3: Stel productselectie in Logica** Nu naar de **Productselectie Logica** tab. Dit is het hart van BYOB โค๏ธ Hier definiรซren jullie **wat klanten moeten kiezen** voor hun bundel in aanmerking te komen. --- ## **๐Ÿ“ฆ Bundelvoorwaarden** Elke voorwaarde definieert รฉรฉn selectieregel: **Selecteer โ†’ Minstens โ†’ \[Kwantiteit\] โ†’ Uit โ†’ \[Verzameling of producten\]** ### **Voorbeeld** * Tenminste **3** uit verzameling **"Bestsellers"** * Tenminste **2** uit producten **T-Shirt A, T-Shirt B, T-Shirt C.** Een klant moet voldoen **alle voorwaarden** voordat ze de bundel kunnen toevoegen aan winkelwagen. --- ## **๐Ÿ›’ Producten of verzamelingen kiezen** Voor elke voorwaarde: 1. Stel de **Hoeveelheid** klanten moeten kiezen 2. Kies **Uit โ†’ Verzameling** of **Van โ†’ Product** 3. Klik **Verzamelingen selecteren** of **Producten selecteren** om de Shopify picker 4. Kies een of meer items โš ๏ธ **Belangrijk**: Elke voorwaarde moet ten minste รฉรฉn verzameling of product geselecteerd hebben, anders kan de aanbieding niet worden opgeslagen. โ„น๏ธ Schakelen tussen **Verzameling** en **Product** ontruimt de huidige selectie voor die voorwaarde, dus kies eerst uw type. --- ## **๐Ÿ”ข Productweergavevolgorde** Bij gebruik van een **Verzameling**, producten verschijnen in de sorteer orde van de collectie. โ„น๏ธ U kunt de weergavevolgorde wijzigen in **Shopify Admin โ†’ Producten โ†’ Collecties โ†’ \[Uw collectie\] โ†’ Producten โ†’ Sorteer op**. --- ## **๐Ÿ” Filters toevoegen (facultatief)** Inschakelen **Filters toevoegen** op voorwaarde dat de producten aan de klant worden aangepast: * **Tags tonen (komma gescheiden)** โ†’ Alleen producten tonen met deze tags * **Tags verbergen (komma gescheiden)** โ†’ Verberg producten met deze tags ### **Voorbeeld Use Cases** * Alleen producten tonen met label `bundle-eligible` * Producten met label verbergen `sold-out` of `excluded` --- ## **โž• Meer voorwaarden toevoegen** Klik **\+ Voeg meer voorwaarden toe** aanvullende selectieregels te creรซren. ### **Voorbeeld** * Voorwaarde 1 โ†’ Ten minste 2 uit verzameling **"Shirts"** * Voorwaarde 2 โ†’ Ten minste 1 uit verzameling **"Toebehoren"** Dit dwingt klanten om een gemengde bundel te bouwen over beide groepen ๐ŸŽฝ๐Ÿงข โ„น๏ธ De delete pictogram op een voorwaarde verschijnt alleen wanneer u meer dan รฉรฉn voorwaarde . . Minstens รฉรฉn voorwaarde is altijd vereist. --- # **๐Ÿ’ธ Stap 4** Terug in de **Algemeen** tab, schuif naar de **Korting** Section. Als u geen korting wilt, laat de **Type** als **Geen korting** en ga door naar de volgende stap BYOB werkt perfect prima zonder een. --- ## **๐Ÿท๏ธ Kortingstype** Er zijn 5 opties beschikbaar: Kortingstype Omschrijving Geen korting Bundelbouwer alleen, geen korting Korting Percentage korting (bv. 25% korting) Platte korting Vast bedrag van de bundel (bv. 500 korting) Op elke eenheid platte korting Vast bedrag **per item** (bv. 50 min elk) Specifieke prijs Stel een exacte eindprijs in voor de bundel Zodra u kiest een ander type dan **Geen korting**, a **Kortingswaarde** veld verschijnt --- ## **โš–๏ธ Korting gebaseerd op** โ„น๏ธ Deze sectie verschijnt alleen wanneer een kortingstype is geselecteerd. Het controleert **wanneer** de korting wordt actief. --- ### **๐Ÿ’ฐ Winkelwagen Totaal Bedrag** De korting geldt zodra de totale waarde van de items in de bundel een minimumbedrag bereikt. Stel de drempel in in de **Minimale cartwaarde** veld. ### **Voorbeeld** * Bundel totaal bereikt โš ๏ธ **Let op**: Winkelwagenwaarde wordt altijd geรซvalueerd **voor** eventuele kortingen worden toegepast. Bij de minimale karwaardecontrole worden geen kortingen op orderniveau (bijvoorbeeld een percentage van de gehele kar) in aanmerking genomen. --- ### **๐Ÿ›’ Hoeveelheid** De korting geldt zodra de klant een minimum aantal items heeft gekozen. * Stel de drempel in in de **Minimumhoeveelheid** veld * Optioneel inschakelen **Tel alleen unieke producten** dus herhaalde hoeveelheden van hetzelfde product tellen niet mee ### **Voorbeeld met graaf alleen unieke producten** * Product A ร— 3 โ†’ geteld als **1** product * Product A + Product B โ†’ geteld als **2** producten Dit is handig als u wilt dat klanten verschillende producten te verkennen in plaats van het stapelen van dezelfde ๐Ÿ›๏ธ --- # **๐Ÿ”„ Stap 5 Korting Combinaties** Onder de Discount sectie, de **Kortingscombinatie inschakelen** kaart bepaalt of uw BYOB korting stacks met andere kortingen bij de kassa. * **Bestel kortingen** โ†’ Laat combineren met order-niveau kortingen * **Verzendkortingen** โ†’ Laat combineren met verzendkortingen โ„น๏ธ BYOB kortingen combineren altijd standaard met andere product kortingen. --- # **๐ŸŽจ Stap 6: Ontwerp, vertaling en extra's (facultatief)** Deze secties zijn volledig optioneel tijdens de setup โœจ * **Ontwerptabblad** โ†’ Pas lettertypen, kleuren, typografie en knoopstijlen van de bundelbouwer aan. Zie de dedicated Design & Styling doc voor details. * **Vertaling** โ†’ Vertaal bundelteksten in andere talen van uw winkel. * **Meerdere markten** โ†’ Pas het aanbod voor specifieke markten aan. * **Aangepaste notitie-opties** โ†’ Inschakelen **Notitieveld toevoegen** om klanten een pop-up voor een aangepaste notitie te tonen nadat ze de bundel toevoegen aan winkelwagen ๐Ÿ—’๏ธ --- # **โœ… Stap 7: Opslaan & publiceren** Zodra alles is geconfigureerd: 1. Klik **Opslaan** in de bewaarbalk onderaan 2. Klik **Publiceren** in de rechterbovenhoek โš ๏ธ **Belangrijk**: Een nieuw BYOB aanbod wordt altijd opgeslagen als een **Ontwerp** Eerst. De **Publiceren** knop wordt alleen beschikbaar na de eerste opslag. Als je slaat **Opslaan**, Hoppy Bundles automatisch: * ๐Ÿ›๏ธ Maakt (of werkt) de Shopify product voor uw bundel zichtbaar in **Shopify Beheerder โ†’ Producten** * ๐Ÿ’ธ Maakt de automatische korting zichtbaar in **Shopify Beheerder โ†’ Kortingen** Als je slaat **Publiceren**, het bundel product gaat **Actief** en de korting draait **op** Uw BYOB pagina is nu live ๐Ÿš€ ๐Ÿ’ก Je kunt **Niet publiceren** op elk moment om de bundel offline te nemen zonder het te verwijderen, en gebruik **Dupliceren** een bestaand BYOB-aanbod klonen als uitgangspunt voor een nieuw aanbod. --- # **โš ๏ธ Belangrijke opmerkingen** * ๐Ÿ–ผ๏ธ **Media-afbeelding is vereist** Opslaan mislukt zonder het * ๐ŸŽฏ **Elke voorwaarde heeft een selectie nodig** Ten minste รฉรฉn verzameling of product per toestand * ๐Ÿงบ **Klanten moeten aan alle voorwaarden voldoen** voordat de Bundle aan winkelwagenknop activeert * ๐Ÿ—‘๏ธ **Verwijderen van een BYOB aanbod ook verwijdert** het verband Shopify product, korting en geรผploade afbeelding Dit kan niet ongedaan worden gemaakt * ๐Ÿ”— Niet handmatig verwijderen van de auto-created bundel product in Shopify Beheerder, tenzij u het aanbod verwijdert Hoppy Bundles herschept het bij de volgende opslag als het ontbreekt --- # **๐ŸŽ‰ Eindresultaat** Eenmaal met succes gepubliceerd: โœ… Klanten krijgen een speciale bundel pagina op uw storefront โœ… Ze kiezen producten op basis van uw regels met live vooruitgang tracking โœ… De korting geldt automatisch zodra de bundel in aanmerking komt โœ… De hele bundel is toegevoegd aan winkelwagen in een klik โœ… Gemiddelde orderwaarde verbetert als klanten bouwen grotere bundels โœจ Een goed geconfigureerd BYOB-aanbod verandert winkelen in een interactieve ervaring. Klanten bouwen graag hun eigen combo's ๐Ÿš€