> ## 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 te installeren Koop X Get Y > ℹ️ **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 met een **verschillend product** Als ze genoeg van iets kopen? 🎁 Dat is precies wat de **X Y kopen** aanbieding in Hoppy Bundles is ontworpen voor. Met deze aanbieding type, kunt u voorwaardelijke aanbiedingen, zoals: * πŸ›’ Koop 2 T-shirts β†’ Krijg een cap op 50% UIT * πŸ’Έ Koop 3 Sneakers β†’ Haal een paar sokken gratis * 🎁 Koop 2 Koffiebonen β†’ Krijg een Mug tegen een korting En ze weer te geven als nette, klikbare oplagen direct op uw product pagina. Klanten gewoon kiezen de deal die ze willen, voeg het toe aan de winkelwagen, en de korting op het product wordt automatisch toegepast bij de kassa ✨ --- # **πŸ“ Waar de Koop X Get Y Widget verschijnt** De Buy X Get Y 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). ℹ️ Koop X Get Y gebruikt hetzelfde instellingenscherm als **Hoeveelheid breuk** Het opent gewoon voorgevulde met Buy X Get Y-collecties, het violet **Yay! Het is BOGO** thema, en een Koop X Get Y Deze handleiding richt zich alleen op wat er anders is voor Buy X Get Y; gedeelde instellingen worden kort samengevat. --- # **πŸ› οΈ Voorbeeldinstellingen gebruikt in deze documentatie** In deze documentatie configureren we de volgende niveaustructuur: * πŸ›’ 1 paar β†’ Standaardprijs (geen korting) * 🎁 Koop 2 β†’ Ontvang 3 van een ander product tegen een korting * 🎁 Koop 3 β†’ Ontvang 4 van een ander product tegen een korting Dit zijn precies de niveau's van de app pre-fills voor u wanneer u een Buy X Get Y-aanbieding start.U kunt elk deel van hen bewerken βš™οΈ --- # **βœ… Voordat u begint met het inschakelen van de App Embed** Voor de Buy X Get Y 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 **X Get Y (conditionele aanbieding) kopen** kaart _Koop een specifieke hoeveelheid en krijg een ander product tegen een korting_ En klik **Aanmaken Kopen X Y ophalen**. De setup pagina opent met alles voorgevulde voor een Buy X Get Y deal: * 🎨 Sjabloon β†’ **Yay! Het is BOGO** (violet thema) * πŸ“° Bloktitel β†’ **X Y kopen** * 🎁 Niveaus β†’ **X kopen Y vrij krijgen** kortingstype met Kopen / Maak voorwaarden klaar om te bewerken πŸ’‘ Vanaf deze kaart bespaart u van het bouwen van de inkepingen handmatig --- # **🧩 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: * Koop 2 Koop een pet * Sneaker + Socks Deal * Zwarte vrijdag BXGY πŸ’‘ 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 welke producten als de **Producten** De klanten moeten kopen om de deal te ontgrendelen. 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 Bevestig uw sjabloon** Scroll naar beneden naar de **Selecteer uw voorkeursaanbod** Section. Voor koop X Get Y, de **Yay! Het is BOGO** sjabloon (violet, deal-thema) is al geselecteerd voor u U kunt nog steeds door en kies een andere look als u liever: * **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 Klik **Geselecteerd sjabloon toepassen** Om verder te gaan. ℹ️ 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** Dit is het hart van de setup ❀️ Elke deal leeft op zijn eigen tabblad (**Aanbod 1**, **Aanbod 2**, **Aanbieding 3**...). Klik op een tabblad om dat niveau te bewerken. De voorgevulde opstelling ziet er als volgt uit: * **Aanbod 1** β†’ Hoeveelheid `1`, Discount type `No Discount` (een basisprijsniveau van de standaardprijs) * **Aanbod 2** β†’ Type korting `Buy X Get Y Free`, Kopen `2`Ga weg. `3`, getagd **Meest populair** * **Aanbieding 3** β†’ Type korting `Buy X Get Y Free`, Kopen `3`Ga weg. `4` Laten we gaan door de velden die een Buy X Get Y tier werk. --- ## **πŸ’Έ Kortingstype β†’ Koop X Ontvang Y gratis** Stel het niveau in **Kortingstype** dropdown naar **X kopen Y vrij krijgen**. Eenmaal geselecteerd, de reguliere **Korting** waardeveld wordt vervangen door twee voorwaardevelden: * **Kopen** β†’ hoeveel items van het product van de klant moet kopen. Dit veld is **vergrendeld** Hij volgt altijd de rangen. **Hoeveelheid** waarde. * **Get** β†’ hoeveel eenheden van het product van de klant ontvangt. Dit veld is **bewerkbaar** Zet het op wat je deal belooft. ### **Voorbeeld** * Kopen `2` + Get `1` β†’ Koop 2, Ontvang 1 * Kopen `3` + Get `2` β†’ Koop 3, Koop 2 ⚠️ **Let op**: Schakeling van een groepskorting **tot** `Buy X Get Y Free` resetten **Get** waarde tot `1` en ontruimt het geselecteerde Y-product, dus kies eerst het kortingstype en configureer vervolgens de rest. ℹ️ Als u wilt dat klanten meer van de **hetzelfde** product vrij in plaats van een ander product, gebruik de **BONGO (Koop er eentje)** kortingstype in plaats daarvan --- ## **🎁 Krijg product Selecteer Y product** ℹ️ Deze sectie verschijnt alleen wanneer het kortingstype is **X kopen Y vrij krijgen**. Dit is waar u kiest voor de **Product** β†’ Klik **Y-product selecteren** om uw Shopify resource picker en kies een enkel product. Eenmaal geselecteerd, verschijnt het product in de tier met zijn afbeelding en titel. Tot dan zul je zien **Geen enkel product geselecteerd**. ⚠️ **Belangrijk**: Sla deze stap niet over zonder een Y-product geselecteerd, de tier heeft niets weg te geven. Altijd dubbel-check elke Buy X Get Y tier heeft zijn eigen Y product voor publicatie. πŸ’‘ U kunt een **verschillend Y-product per tier** Bijvoorbeeld, een kleine freebie op de --- ## **πŸ”’ Hoeveelheid** Het aantal items die de klant moet kopen om dit niveau te ontgrendelen. Voor Koop X Get Y niveaus, de **Kopen** conditie volgt automatisch deze hoeveelheid en wijzig de hoeveelheid en de Buy waarde updates ermee. ⚠️ Hoeveelheid moet groter zijn dan 0 --- ## **🏷️ Aanbieding titel, korting label & tag** Elk niveau heeft drie tekstelementen die u kunt aanpassen: * **Aanbodtitel** β†’ de hoofdtekst op het niveau, bv. kopen 2 Get 3 * **Kortingslabel** β†’ de deal tekst getoond op het niveau, bv. Koop 2 Krijg 3 op 50% OFF * **Tag** β†’ een kleine badge, bv. de meest populaire De **Kortingslabel** en **Tag** velden elk een **oogpictogram** πŸ‘οΈ Klik op de rechterkant om dat element op de storefront te tonen of te verbergen. πŸ’‘ De voorgevulde inkepingen al komen met --- ## **βž• Toevoegen / πŸ—‘οΈ Niveaus verwijderen** Onder de aanbiedingstabbladen vindt u: * **Aanbieding toevoegen** β†’ voegt een nieuw tier tabblad (maximum **6 niveaus**). Nieuwe lagen beginnen als een vlak `No Discount` niveau omschakelen naar **X kopen Y vrij krijgen** en configureer het Buy / Get / Y product zelf. * **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** β†’ voorgevulde met 🎁Wat? * **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 werken precies zoals ze doen voor Quantity Break biedt hier de snelle versie: **πŸ‘€ Uiterlijk en uiterlijk** * **Eenheidsprijs tonen** ' **Totale prijs tonen** β†’ weergave per eenheid en per niveau prijzen binnen het aanbod * **Header en voetteksten verbergen** β†’ schoner widget zonder scheidingslijnen * **Gebruik aangepaste tekst voor niet op voorraad** β†’ Toon uw eigen bericht wanneer een product niet op voorraad is (het onthult een tekstveld) **βš™οΈ Functioneren** * **Laat klanten verschillende varianten kiezen voor elk item** β†’ klanten kunnen kiezen een andere variant 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 gaan direct naar de kassa na het toevoegen van een tier * **Vergelijken met prijs** β†’ toont de strikethrough vergelijking-op prijs (het onthult **Aangepaste prijs vergelijken** en alleen-lezen **Shopify productvergelijking prijs** veld) **πŸ”„ Kortingscombinatie inschakelen** * **Bestel kortingen** ' **Verzendkortingen** β†’ laat deze korting combineren met order-niveau en verzending kortingen bij de kassa ℹ️ Product korting combinatie is altijd aan. Vanwege Shopify beperkingen, deze instelling geldt wereldwijd voor alle nieuwe aanbiedingen van dit type. Onder Instellingen vindt u ook **Meerdere markten** (marktspecifieke prijsstelling) en **Vertaling** (Widget teksten vertalen). Beide zijn optioneel en bedekt met hun eigen speciale gidsen. --- # **🎯 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)** wordt aanbevolen voor de meeste winkels. Kies **Aangepast (alleen op de productpagina)** als u de widget zelf wilt positioneren na het opslaan, geeft de app u een **Hoppy bundles ID** en a **code knipsel** kunt u overal in uw thema. * **Klantgerichtheid** β†’ toon het aanbod alleen aan ingelogde klanten, of toon/verberg het op basis van klanttags en levensduur besteed * **Geolocatiegericht** β†’ het aanbod beperken tot specifieke landen (standaard: alle locaties) * **Planning** β†’ stel 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** Het tabblad regelt de visuele styling van de widget πŸ’‘ Elke verandering reflecteert direct in de live preview aan de rechterkant **bureaublad** en **mobiel** voorbeeldpanelen. ℹ️ Het violet BOGO thema ziet er al geweldig uit, dus deze stap is volledig optioneel. Styling is diep in de dedicated design guide. --- # **⚠️ Belangrijke opmerkingen voordat u publiceert** * 🎁 Elke **X kopen Y vrij krijgen** tier heeft zijn eigen **Y-product** geselecteerd via **Y-product selecteren** Een tier zonder heeft niets te geven. * πŸ”’ De **Kopen** waarde is vergrendeld naar het niveau **Hoeveelheid** Bewerk de hoeveelheid als je een andere Koop voorwaarde nodig hebt. * πŸ” Omschakelen van een niveau naar **X kopen Y vrij krijgen** resetten **Get** tot `1` en ontruimt het Y-product en stelt het kortingstype eerst in. * ✏️ Houden **Aanbodtitel** en **Kortingslabel** in sync met uw werkelijke Buy / Get nummers, zodat de widget belooft nooit iets anders dan wat de korting levert. * Alleen 1 **één gepubliceerd aanbod** is toegestaan per product of verzameling. --- # **βœ… 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 Y-productkorting bij de kassa * 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 Buy X Get Y aanbod is nu live πŸš€ --- # **πŸŽ‰ Eindresultaat** Eenmaal succesvol geconfigureerd: βœ… Klanten zien uw Koop X Krijg Y niveaus direct op de productpagina βœ… Het kopen van de vereiste hoeveelheid ontgrendelt automatisch het gedisconteerde product βœ… De korting is van toepassing bij de kassa en geen couponcodes nodig βœ… Niveaus, tags en labels worden direct bijgewerkt vanuit de app Hier vindt u hoe de voltooide widget eruit ziet op de storefront duidelijke deals, een gemarkeerde best-value tier, en een-klik selectie ✨ ---