ℹ️ 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, Producten 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 2Ga weg. 3, getagd Meest populair
• Aanbieding 3 → Type korting Buy X Get Y Free, Kopen 3Ga 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 ✨

Bijgewerkt op: 10/09/2026