Dit artikel is ook beschikbaar in:

πŸš€ Hoe te instellen Product Upsell

ℹ️ 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 gemiddelde orderwaarde (AOV) verhogen door de juiste producten op het juiste moment aan te bevelen? πŸ›οΈ


Dat is precies wat de Productupsell (Slider) aanbiedingstype in Hoppy Bundles is ontworpen voor.


Met dit aanbod kunt u een mooie product slider op uw productpagina's die extra producten aan uw klanten, zoals:


  • 🧠 Aanbevelingen op basis van AI (verwante of aanvullende producten)
  • 🎯 Specifieke met de hand geplukte producten die u wilt promoten


Klanten kunnen aanbevolen producten toe te voegen aan hun winkelwagen direct vanaf de slider ✨


In deze gids, zullen we u lopen door de complete setup, stap voor stap, zodat uw upsell slider is live in slechts een paar minuten βš™οΈ



πŸ“‹ Voordat u begint


Voordat u uw eerste Product Upsell maakt, zorg ervoor dat u het volgende klaar hebt:


  • βœ… Hoppy Bundles geΓ―nstalleerd op uw Shopify opslag
  • βœ… Een ruw idee van welke producten u wilt aanraden (of wilt u dat AI voor u beslist)
  • βœ… (Alleen voor AI Upsell) De vrije Shopify Zoeken naar & ontdekken-app geΓ―nstalleerd, dit is waar Shopify slaat uw gerelateerde en aanvullende product aanbevelingen


ℹ️ De Product Upsell slider doet niet eventuele kortingen te creΓ«ren. Aanbevolen producten worden toegevoegd aan de winkelwagen tegen hun normale prijs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . πŸ’‘



βœ… InitiΓ«le stap inschakelen van de app Embed


Voor de upsell slider verschijnen op uw storefront, de Hoppy Bundles app embed moet zijn ingeschakeld in uw Shopify thema.


Ga naar:


Shopify Admin β†’ Online Store β†’ Thema's β†’ Thema bewerken β†’ App-invoegsels


Vanaf daar:


  1. Open de App-ingeschakeld sectie van de linker zijbalk
  2. Zoek de Hoppy Bundles app insluiten
  3. Schakelen AAN βœ…
  4. Klik Opslaan


⚠️ Maak je geen zorgen als je deze stap overslaat na het publiceren van uw aanbod, Hoppy Bundles zal u een herinneringsbanner tonen met een direct App invoegen inschakelen knop die u direct naar de juiste plaats in de thema-editor.



βš™οΈ Stap 1 Maak een nieuw product Upsell aanbod


Van de Hoppy Bundles app dashboard:


  1. Klik Nieuwe aanbieding maken
  2. Op de Aanbodtype selecteren scherm, vind de Productupsell (Slider) kaart 🏷️
  3. Klik Upsell Slider aanmaken


Je zult landen op de Upsell Slider aanmaken setup pagina.


De setup pagina is verdeeld in twee gebieden:


  • Linkerkant β†’ Uw instellingen, georganiseerd in 3 tabbladen: Algemeen, Ontwerpen Targeting en plaatsing
  • Rechterkant β†’ A live preview van uw schuifregelaar op beide πŸ–₯️ Bureaublad en πŸ“± Mobiel, welke updates direct als u instellingen wijzigt


πŸ’‘ Elke verandering die je maakt wordt weerspiegeld in de preview in real-time



🏷️ Stap 2 Naam uw aanbod & Stel de schuifknop titel


Op de Algemeen tab, begin met de basis:


Aanbodnaam


Deze naam is alleen zichtbaar voor jou in de app Gebruik iets herkenbaars voor je eigen referentie, zoals:


  • Zomercollectie Upsell
  • Accessoires Slider


Slidertitel


Dit is de rubriek klanten zal zien boven de schuifregelaar op uw storefront.


De standaardtitel is Misschien vindt u het ook leuk., maar je kunt het veranderen in alles wat je wilt, zoals:


  • Maak de look af.
  • Paren goed met
  • Klanten kochten ook


⚠️ De Slidertitel is vereist Als je het leeg laat, zie je een De naam van de schuifregelaar is vereist fout en zal niet kunnen opslaan.



πŸ”’ Stap 3


Nog steeds op de Algemeen de Instellingen sectie bepaalt hoeveel producten tegelijk zichtbaar zijn in de schuifregelaar:


  • Producten per dia (Desktop) β†’ Hoeveel producten tonen per dia op desktop schermen (standaard: 3)
  • Producten per glijbaan (Mobile) β†’ Hoeveel producten tonen per dia op mobiele apparaten (standaard: 2)


ℹ️ Als u meer producten dan passen op een dia, klanten kunnen swipe of navigeren door de slider om de rest te zien, dus wees niet bang om veel aanbevelingen toe te voegen.



πŸ›οΈ Stap 4 Selecteer uw Upsell producten


Dit is het hart van je aanbod. ❀️ Kiezen welke producten wordt aanbevolen in de schuifregelaar.


Je hebt twee opties:



Optie 1 Upsell Specifieke producten (standaard)


Kies met de hand de juiste producten die u wilt aanbevelen:


  1. Selecteren Specifieke producten upsell
  2. Klik Producten selecteren
  3. ShopifyZoek en selecteer een of meer producten
  4. Bevestig uw selectie βœ…


Uw gekozen producten zullen verschijnen als een lijst onder de knop, en direct in de live preview.


πŸ’‘ Deze optie is perfect wanneer u volledige controle wilt . Bijvoorbeeld, altijd aanbevelen bijpassende accessoires op een specifieke productpagina.



Optie 2: AI Upsell (Vaak samen gekocht)


Laat maar. Shopify


Wanneer u deze optie selecteert, komen er twee soorten aanbevelingen beschikbaar:


  • Upsell Gerelateerde producten β†’ Producten vergelijkbaar met degene die wordt bekeken
  • Aanvullende producten verkopen β†’ Producten die goed samen gaan met degene die wordt bekeken


⚠️ Belangrijk: AI Upsell gebruikt de aanbevelingen die u in de gratis configureert Shopify Zoeken naar & ontdekken-app. U ziet een herinnering banner met een Zoeken en ontdekken openen knop


Max. aantal produkten


Wanneer AI Upsell is geselecteerd, verschijnt een extra veld:


Max. aantal produkten β†’ Het maximale aantal aanbevolen producten in de schuifregelaar (tot 10).



⚠️ Let op! Schakelen tussen Specifieke producten upsell en AI Upsell verwijdert uw huidige productselectie. Kies eerst uw aanpak, selecteer vervolgens producten.



🌍 Stap 5 Vertalingen (facultatief)


Verkopen in meerdere talen? De Vertaling sectie op het tabblad Algemeen kunt u de slider-teksten voor elk van uw winkels talen te vertalen.


Deze stap is volledig optioneel tijdens de setup Voor een volledige doorloop, bekijk onze toegewijde Vertaalgids πŸ“–



🎨 Stap 6 Aanpassen van het ontwerp (facultatief)


Overschakelen naar de Ontwerp tabblad om de schuifregelaar perfect bij uw merk te laten passen 🎨


Hier een snel overzicht van wat u kunt aanpassen:


  • Lettertype β†’ Gebruik je themalettertype (standaard) of kies uit een grote lijst van lettertypen
  • Typografie & kleuren β†’ Tekstgrootte, gewicht en kleur voor de schuiftitel, producttitels, prijzen en de knop Toevoegen aan winkelwagen
  • Rand β†’ Randbreedte en hoekrondheid (radius) van de productkaarten
  • Achtergrond & randkleuren β†’ Voor zowel de productkaarten als de knop


Alle wijzigingen onmiddellijk bijwerken in de live preview aan de rechterkant πŸ–₯οΈπŸ“±


ℹ️ De standaard ontwerp ziet er al schoon uit uit de doos, dus u kunt dit veilig overslaan tijdens uw eerste installatie en later verfijnen. Voor een diepe duik in elke styling optie, bekijk onze toegewijde Ontwerp & Styling gids πŸ“–



πŸ“ Stap 7 Kies de plaatsing


Overschakelen naar de Targeting en plaatsing tab en beslissen waarbij de schuifregelaar verschijnt.


Je hebt twee plaatsingsopties:


Hieronder Toevoegen aan winkelwagenknop (Standaard)


De schuifregelaar wordt automatisch onder de Aan winkelwagen toevoegen knop op uw product pagina's. Geen extra werk nodig is dit is de aanbevolen optie voor de meeste winkels βœ…


Aangepast (alleen op de productpagina)


Kies dit als u de schuifregelaar handmatig wilt positioneren, waar u maar wilt op de productpagina.


Wanneer geselecteerd, toont de app u twee dingen:


  • Hoppy Bundles ID β†’ Gebruik deze ID met de Hoppy Bundles app blok in uw thema-editor toe te voegen, te verwijderen of de schuifregelaar te verplaatsen
  • Hoppy Bundles code knipsel β†’ Een klein <div> knipsel kunt u overal plakken in uw thema code


⚠️ De ID en code knipsel verschijnen alleen nadat u heeft opgeslagen of gepubliceerd het aanbod



🎯 Stap 8


Nog steeds op de Targeting en plaatsing tab, vindt u optionele controles voor wie ziet de schuifregelaar en wanneer πŸ‘‡


πŸ‘€ Klantgerichtheid


Controleer welke klanten de schuifregelaar zien:


  • Zichtbaarheid (aanmeldstatus klant) β†’ Toon aan alle klanten, of alleen aan ingelogde klanten
  • Balk tonen aan β†’ Alle klanten, klanten met een specifieke klanttag (bv. premium, wholesale), of klanten boven een bepaalde levensduur bedrag
  • Balk verbergen voor β†’ Optioneel klanten uitsluiten door tag of levensduur besteed


🌍 Geolocatiegericht


  • Alle wereld (standaard) β†’ Toon de schuifregelaar aan bezoekers uit elk land
  • Specifieke landen β†’ Klik Landen selecteren om de country picker te openen, zoeken, en selecteer precies waar de slider moet verschijnen


πŸ—“οΈ Planning


Perfect voor beperkte tijd campagnes:


  • Begin β†’ Nu meteen. (standaard) of a Specifieke datum en tijd
  • Einde β†’ Nooit (standaard) of a Specifieke datum en tijd


ℹ️ Al deze doelopties zijn facultatief. Voor de meeste winkels, de standaards (voor iedereen, overal, altijd) werken geweldig om te beginnen. Voor geavanceerde opstellingen, bekijk onze dedicated Doel πŸ“–



πŸš€ Stap 9: Opslaan & publiceren


Je bent bijna klaar! πŸŽ‰


Bewaar uw aanbod


Wanneer u veranderingen aanbrengt, a Balk opslaan verschijnt bovenaan de pagina:


  • Klik Opslaan om uw aanbod op te slaan als een Ontwerp πŸ“
  • Klik Weggooien om uw wijzigingen terug te draaien


⚠️ Op een gloednieuw aanbod, de Publiceren knop blijft uitgeschakeld totdat je hebt opgeslagen ten minste een keer Opslaan Eerst.


Publiceer uw aanbod


Eenmaal opgeslagen, klik Publiceren in de rechterbovenhoek om de schuifregelaar live op uw winkel te maken πŸš€


Na publicatie, Hoppy Bundles toont een bevestigingsbanner:


  • Indien de app embed is nog niet ingeschakeld, zie je een Zorg ervoor dat App Embed actief is banner met een App invoegen inschakelen Klik op de knop en schakel de inbedding in (zie de eerste stap hierboven)
  • Als alles actief is, klik Winkel openen om uw slider live te zien op een productpagina ✨


Je kunt Niet publiceren op elk moment om de schuifregelaar offline te nemen zonder uw instellingen te verliezen.



⚠️ Belangrijke notities & tips


  • πŸ’° Er worden geen kortingen toegepast De Product Upsell slider adviseert producten tegen hun normale prijs. Als u wilt korting bundels, check out onze Bundel of Hoeveelheid breuk aanbod types in plaats daarvan
  • 🧠 AI Upsell moet zoeken & ontdekken Zonder gerelateerde/aanvullende producten geconfigureerd in de Shopify Zoeken & ontdekken app, de AI schuif kan leeg lijken
  • πŸ”„ Switching upsell type resetten uw selectie Veranderen tussen Specifieke producten en AI Upsell ontruimt de producten die u hebt geplukt
  • πŸ—‘οΈ Verwijderen is permanent Het Verwijderen actie (bovenaan de bewerkingspagina) verwijdert het aanbod en zijn analyse statistieken voor altijd. Dit kan niet ongedaan worden gemaakt
  • πŸ“„ Dupliceren biedt gemakkelijk Gebruik de Dupliceren actie op een bestaand aanbod om een kopie te maken en te tweaken, in plaats van vanaf nul te beginnen



πŸŽ‰ Eindresultaat


Dat is het, uw Product Upsell slider is live! πŸ₯³


Uw klanten zien nu een mooie product aanbeveling slider op uw product pagina's, precies waar u het geplaatst. Ze kunnen door aanbevelingen bladeren en producten toevoegen aan hun winkelwagentje met een enkele klik op het stimuleren van uw AOV op autopilot πŸ“ˆ


Van de Hoppy Bundles dashboard, je kunt:


  • ✏️ Bewerken het aanbod op elk moment om producten te wijzigen, te ontwerpen of te richten;
  • πŸ“Š Trackprestaties om te zien hoe uw upsells worden bekeerd
  • Wat? Niet publiceren wanneer u het aanbod wilt pauzeren


Gelukkige upselling! πŸš€

Bijgewerkt op: 10/09/2026

Was dit artikel nuttig?

Deel uw feedback

Annuleer

Dankuwel!