Dit artikel is ook beschikbaar in:

πŸš€ Hoe te configureren Upsell & Cross Sell

ℹ️ 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 productaanbevelingen op het juiste moment te tonen? πŸ›οΈ


Dat is precies wat Hoppy Upsell & Cross Sell is ontworpen voor.


Met deze app kunt u cross-sell aanbiedingen maken die verschijnen:


  • πŸ›οΈ Op de Productpagina β†’ onder de knop Toevoegen aan winkelwagen
  • πŸ›’ Op de Winkelwagen pagina β†’ in de winkelwagen
  • πŸ—‚οΈ In de Winkelwagenlade β†’ terwijl klanten hun items bekijken
  • πŸ“Œ In een Eigen positie β†’ overal in uw thema met behulp van een app blok


Deze gids loopt u door het creëren van uw eerste upsell campagne end-to-end ✨



⚠️ Voordat u begint


Voor elke upsell of cross-sell aanbod te verschijnen op uw winkel, de app insluiten moet worden ingeschakeld binnen uw Shopify thema.


Ga naar:


Shopify Admin β†’ Verkoopkanalen β†’ Online Store β†’ Thema's β†’ Thema bewerken β†’ App Embedden


Dan:


  • Zoeken Upsell Cross-Sell Slider
  • Schakel het IN
  • Klik Opslaan


πŸ’‘ Wanneer u de app voor het eerst opent, de Handleiding instellen op de homepage loopt u ook door deze stap met een Thema-editor openen knop en een één-klik verificatie.


ℹ️ Zonder de app embed ingeschakeld, uw aanbiedingen zal niet renderen op de storefront



βš™οΈ Stap 1 Maak een nieuwe Upsell


Open de Hoppy Upsell & Cross Sell app van uw Shopify admin.


Dan:


β†’ Klik Nieuwe upsell aanmaken bovenaan de pagina om een nieuwe campagne te starten.


Uw bestaande upsells (indien van toepassing) staan op dezelfde pagina, waar u ze ook kunt publiceren, unpublish, dupliceren of verwijderen.



πŸ“ Stap 2 Kies uw plaats


Vervolgens wordt u gevraagd waar het aanbod moet verschijnen.


Er zijn 4 plaatsingstypen beschikbaar:


  • Productpagina β†’ Toont upsell & cross-sell blokken onder de knop Toevoegen aan winkelwagen. Geweldig voor
  • Winkelwagen pagina β†’ Waarschuwt klanten om meer toe te voegen tijdens het bekijken van hun winkelwagen.
  • Winkelwagenlade β†’ Toont aanbiedingen in de slide-out cart lade, vlak voor de kassa.
  • Eigen positie β†’ Hiermee kunt u de upsell blok overal in uw thema met behulp van een app blok en uw Upsell ID.


β†’ Klik Selecteer dit type op de kaart die overeenkomt met uw doel.


πŸ’‘ Weet je niet zeker waar te beginnen? De Productpagina plaatsing is de meest voorkomende eerste keuze aanbevelingen verschijnen precies waar het kopen van intentie is het hoogst.


Eenmaal geselecteerd, opent de instellingenpagina automatisch met 3 tabbladen:


  • Inhoud β†’ Welke producten te bieden en wat het aanbod zegt
  • Ontwerp β†’ Hoe ziet het aanbod eruit
  • Plaatsing β†’ Waar en aan wie het lijkt


Aan de rechterkant, een live preview (Desktop & Mobile) updates als u uw instellingen configureert πŸ‘€



πŸ“ Stap 3


Dit is waar je beslist wat Je offert. Je landt hier eerst na het kiezen van een plaatsing.



🏷️ Upsell naam


Een interne naam voor uw campagne


Gebruik iets herkenbaars, zoals:


  • Summer Accessory Upsell
  • Black Friday Cross-Sell
  • Post-Purchase Booster


πŸ’‘ Goede naamgeving maakt het veel gemakkelijker om meerdere campagnes later te beheren.



πŸ›οΈ Selecteer Upsell producten


Deze instelling regelt welke producten wordt aanbevolen. Er zijn 4 opties:


πŸ€– AI Upsell (Vaak samen gekocht)


Automatisch aanbevolen producten aangedreven door ShopifyDe aanbevelingen van het product.


Wanneer geselecteerd, verschijnt een extra keuze:


  • Upsell Gerelateerde producten β†’ Soortgelijke items als degene die wordt bekeken
  • Aanvullende producten verkopen β†’ Items die goed combineren met het


ℹ️ AI aanbevelingen gebruik maken van de gerelateerde / aanvullende producten die u hebt ingesteld in ShopifyVrij Zoeken & ontdekken App. In de app wordt een sneltoets getoond, zodat u deze kunt openen en daar aanbevelingen kunt configureren.


πŸ“¦ Specifieke producten upsell


Met de hand te kiezen exacte producten te bieden. Het selecteren hiervan onthult een Producten selecteren knop die opent ShopifyDe product picker is perfect voor het promoten van een specifiek item of clearing inventaris.


πŸ—ƒοΈ Specifieke collecties upsell


Beveel producten aan uit hele collecties. Het selecteren hiervan onthult een Verzamelingen selecteren Button.


πŸ” Upsell hetzelfde product (zoals op productpagina)


Biedt hetzelfde product dat de klant is momenteel bekijken nuttig voor het stimuleren van de hoeveelheid verhogingen of variant add-ons.



βš™οΈ Aanvullende inhoudsinstellingen


Onder de productselectie, een paar instellingen fine-tune hoe het aanbod zich gedraagt:


  • Auto Slide Upsell by Interval β†’ Wanneer Ingeschakeld, de product slider draait automatisch. Een Intervalduur veld verschijnt waar u de rotatiesnelheid in seconden kunt instellen. ℹ️ Auto-slide pauzeert automatisch zodra een klant op de pijlen links/rechts klikt.
  • Titel upsellen β†’ Boven de aanbevelingen (bijv. Vaak samen gekocht of Maak je look af.). Een rijke teksteditor is beschikbaar voor basisopmaak.
  • Max. aantal produkten β†’ Alleen verschijnt voor AI Upsell en Specifieke collecties. Bepaalt hoeveel producten zijn opgenomen in de slider (standaard 3, tot en met 10) klanten swipe of gebruik de pijlen om ze een voor een te bladeren.
  • Oproepknop β†’ Kies tussen:
    • Aan winkelwagen toevoegen β†’ Voegt het product direct toe aan de winkelwagen πŸ›’
    • Product weergeven β†’ Brengt de klant naar de productpagina
  • Knoptekst (Voor het toevoegen aan winkelwagentje) β†’ bv. Aan winkelwagen toevoegen
  • Knoptekst (na toevoegen aan winkelwagen) β†’ Getoond zodra het item is toegevoegd, bv. Nog een toevoegen Aanmoedigt klanten om meer toe te voegen ✨


🌐 Vertalingen: Als uw winkel verkoopt in meerdere talen, kunt u de upsell titel en knop teksten per taal rechtstreeks te vertalen vanuit de Content tab. Zie de speciale gids: Vertaling


β†’ Zodra uw inhoud ziet er goed, klik Doorgaan met ontwerpen (of de Ontwerp direct).



🎨 Stap 4: Ontwerptabblad (kort overzicht)


De Ontwerp tabblad bepaalt hoe uw upsell blok eruit ziet


U hoeft hier niets te veranderen om live te gaan.Het standaard ontwerp werkt uit de doos en de live preview toont precies hoe het zal verschijnen.


Voor een volledige doorloop van elke styling optie, zie: Design & Styling



πŸ“Œ Stap 5 Kies waar het lijkt (plaatstabblad)


De Plaatsing tabblad bepaalt waarbij en wanneer Je aanbod verschijnt. Alleen de essentials worden hier behandeld



πŸ‘€ Weergave Aan (Inclusief)


Dit is de belangrijkste plaatsing instelling


De beschikbare opties zijn afhankelijk van het type plaatsing dat u in stap 2 koos.


Voor productpagina / aangepaste positie:


  • Alle producten β†’ Toont op elke productpagina
  • Specifieke producten β†’ onthult een Selecteer product knop om exacte pagina's te kiezen
  • Alle producten in specifieke collecties β†’ onthult een Verzameling selecteren knop
  • Alle producten met specifieke tags β†’ Onthult een veld om tags in te voeren (komma-gescheiden)
  • Eigen positie β†’ Plaatst het blok via een app blok in uw thema-editor


Voor winkelwagen pagina / winkelwagen lade:


  • Winkelwagen pagina ' Winkelwagenlade β†’ Toont op de standaard positie in de winkelwagen
  • Eigen positie β†’ Plaatst het blok via een appblok


ℹ️ Aangepaste plaatsing is alleen beschikbaar voor de productpagina en winkelwagenpagina.


πŸ“Œ Aangepaste positie Upsell ID & Code Snippet


Wanneer u selecteert Eigen positie, de app toont uw Upsell ID en een kant-en-klare kopie code knipsel Na het redden. Je zult deze plakken in uw thema-editor app blok om de exacte positie van het aanbod te controleren.


Voor de volledige doorloop, zie: πŸ”Ž Hoe Upsell ID te vinden?



🚫 Niet weergeven op (uitsluiten)


Gebruik dit om het aanbod te verbergen voor specifieke pagina's:


  • Geen productpagina uitsluiten (standaard)
  • Niet tonen op productpagina's in specifieke collecties β†’ onthult een Verzamelingen selecteren knop
  • Niet tonen op specifieke productpagina's β†’ onthult een Producten selecteren knop


πŸ’‘ Uitsluitingen zijn handig wanneer de meeste producten het aanbod moeten tonen, maar een paar (zoals cadeaubonnen) moeten niet.



🎯 Alleen weergeven wanneer (Voorwaarden)


Controleer precies wanneer het aanbod zichtbaar wordt:


  • βœ… Altijd weergeven (standaard)
  • Minimumaantal bestellingen β†’ Onthult een veld voor het aantal bestellingen
  • Eenmaal per klant tonen
  • Winkelwagenwaarde is lager β†’ Onthult een max cart waarde veld
  • Laatste bestelling was meer dan X dagen geleden β†’ Onthult waarde + eenheid (dagen / weken / maanden)
  • Laatste bestelling in de laatste X dagen β†’ Onthult waarde + eenheid (dagen / weken / maanden)


⚠️ Wanneer Altijd weergeven is geselecteerd, geen andere voorwaarden kunnen worden gecombineerd met het


Het tabblad Plaatsing bevat ook Time-on-site targeting, Klantgericht (aanmeldstatus, tags, uitgegeven bedrag), en Geolocatiegericht (specifieke landen). Deze worden in detail behandeld in de speciale gids: 🎯 Geavanceerde doelopties voor Upsell & Cross Sell



πŸ’Ύ Stap 6 Opslaan vs Publiceren


Dit is een belangrijk onderscheid om te begrijpen:


  • Opslaan β†’ slaat uw configuratie op, maar het aanbod is niet zichtbaar Nog niet. Zodra u een instelling wijzigt, de Balk opslaan verschijnt aan de bovenkant Klik Opslaan om uw wijzigingen te behouden of Weggooien om ze terug te geven.
  • Publiceren β†’ Maakt het aanbod levend op uw storefront (zolang de app is ingeschakeld). Gebruik de Publiceren knop in de rechterbovenhoek van de pagina.


ℹ️ Een nieuwe upsell begint als Niet gepubliceerd Klik altijd op Publiceren na het opslaan wanneer je klaar bent om live te gaan.


Vanaf dezelfde pagina kun je later:


  • Niet publiceren β†’ Neemt het aanbod van de storefront zonder het te verwijderen
  • Dupliceren β†’ Maakt een kopie van de campagne
  • Verwijderen β†’ Permanent verwijdert het


De badge naast de campagnenaam toont altijd de huidige status: Gepubliceerd βœ… of Niet gepubliceerd.



βœ… Stap 7 bevestigen Het is levend


Direct na publicatie verschijnt er een bevestigingsbanner bovenaan de pagina:


  • Indien de app-invoegen is ingeschakeld β†’ u zal worden gevraagd om te bevestigen dat het aanbod zichtbaar is, met knoppen aan Winkel openen en controleren of alles goed lijkt.
  • Indien de app insluiten is NIET ingeschakeld β†’ zie je een App invoegen inschakelen knop die u direct naar de juiste plek in uw thema-editor.


Voor Eigen positie campagnes, een Appblok toevoegen knop verschijnt ook, die de thema-editor opent, zodat u het blok precies kunt plaatsen waar u het wilt.


Als uw aanbod niet verschijnt na publicatie, zie: Upsell & Cross Sell wordt niet getoond in mijn winkel [Fixed]



πŸŽ‰ Eindresultaat


Eenmaal geconfigureerd en gepubliceerd, zal uw cross-sell aanbod automatisch verschijnen op de geselecteerde pagina's:


βœ… Klanten zien relevante productaanbevelingen tijdens het winkelen βœ… Aanbiedingen verschijnen op productpagina's, winkelwagen pagina, winkelwagen lade, of aangepaste posities βœ… Toevoegen aan winkelwagen knoppen werken direct binnen het upsell blok βœ… Voorwaarden en uitsluitingen zorgen ervoor dat de juiste shoppers het juiste aanbod zien βœ… Uw gemiddelde orderwaarde krijgt een natuurlijke boost πŸ“ˆ


Een goed geplaatste upsell campagne is een van de eenvoudigste manieren om de inkomsten van het verkeer dat je al hebt te verhogen ✨



πŸ“š Verwante hulplijnen


  • 🎨 Upsell & Cross Sell Ontwerp & styling
  • 🎯 Geavanceerde doelopties voor Upsell & Cross Sell
  • 🌍 Upsell & Cross Sell Vertaling
  • πŸ”Ž Hoe Upsell ID te vinden?
  • Upsell & Cross Sell wordt niet getoond in mijn winkel [Fixed]

Bijgewerkt op: 15/09/2026

Was dit artikel nuttig?

Deel uw feedback

Annuleer

Dankuwel!