Dit artikel is ook beschikbaar in:

๐Ÿš€ 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 vereistJe 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 ๐Ÿš€

Bijgewerkt op: 10/09/2026

Was dit artikel nuttig?

Deel uw feedback

Annuleer

Dankuwel!