๐ 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:
- Maakt een Shopify product voor de bundel (met behulp van de Product URL, Titel, Prijs, Beschrijving en Afbeelding die u verstrekt)
- 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:
- Stel de Hoeveelheid klanten moeten kiezen
- Kies Uit โ Verzameling of Van โ Product
- Klik Verzamelingen selecteren of Producten selecteren om de Shopify picker
- 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-outofexcluded
โ 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:
- Klik Opslaan in de bewaarbalk onderaan
- 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
Dankuwel!