Dit artikel is ook beschikbaar in:

πŸ“ Hoe te plaatsen Upsell & Cross Sell in een aangepaste positie

ℹ️ 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 je je Upsell & Cross Sell widget om precies te verschijnen waar u wil het niet alleen in de standaard spots? 🎯


Dat is precies wat de Eigen positie optie in Hoppy Upsell & Cross Sell is ontworpen voor.


In plaats van te vertrouwen op de app een automatische plaatsing, Custom Position kunt u de exacte locatie van uw widget met behulp van:


  • 🧩 Een thema App-blok (geen codering nodig)
  • πŸ“ A code knipsel u kunt plakken in een aangepaste vloeibare sectie of uw thema bestanden


Dit is perfect als u wilt dat de widget tussen specifieke secties zitten, bijvoorbeeld, recht onder uw productbeschrijving, binnen een tabblad, of boven de winkelwagen totalen ✨



πŸ—ΊοΈ Waar aangepaste positie werkt


Aangepaste positie kan worden gebruikt op de volgende pagina's:


  • Productpagina β†’ overal in uw product template
  • Winkelwagen pagina β†’ overal in uw winkelwagen template


ℹ️ Aangepaste positie wordt alleen ondersteund op de Productpagina en Winkelwagen pagina. De Winkelwagenlade wordt dynamisch weergegeven door uw thema, dus app blokken kan niet worden geplaatst binnen in de winkelwagen lade, gebruik de dedicated Winkelwagenlade Plaatsing type plaats.



βœ… Voordat u begint


Zorg ervoor dat het volgende klaar is voordat een aangepaste positie wordt ingesteld:


  • De Upsell Cross-Sell Slider app ingebed is ingeschakeld in uw thema β†’ Shopify Admin β†’ Online Store β†’ Thema's β†’ Thema bewerken β†’ App-inbedden β†’ Cross-Sell Slider verkopen β†’ OP β†’ Opslaan


⚠️ Zonder de app embed, het widget script nooit laadt


  • Je hebt je Upsell ID Handig. Weet je niet zeker waar je het kunt vinden? Zie πŸ”Ž Hoe Upsell ID vinden?.




πŸ› οΈ Stap 1 Inschakelen van aangepaste positie in de App


Er zijn twee manieren om aan te zetten Custom Position


Optie A: Maak een nieuwe aangepaste positie Upsell


Open de Hoppy Upsell & Cross Sell app, dan:


β†’ Klik Nieuwe upsell aanmaken


β†’ Op het plaatsingstype scherm, selecteer Eigen positie


Dit creΓ«ert een nieuwe upsell waarvan de plaatsing al is ingesteld op Eigen positie Je zult de inhoud en het ontwerp zoals gewoonlijk configureren en vervolgens in de volgende stappen op je thema plaatsen.


Optie B


Ik heb al een Productpagina of Winkelwagen pagina Upsell? Je kunt het omzetten:


β†’ Open de upsell vanaf je dashboard β†’ Ga naar de Plaatsing tabblad β†’ onder Weergave Aan (Inclusief), open de plaatsing dropdown en selecteer Eigen positie


πŸ’‘ Overschakelen naar Eigen positie ontruimt de automatische plaatsing, zodat de widget alleen zal verschijnen waar u het zelf plaatst in het thema.



πŸ’Ύ Stap 2


Aangepaste positie werkt door het aanpassen van uw thema plaatsing aan een specifieke upsell met behulp van de Upsell ID.


Na selectie Eigen positie:


β†’ Klik Opslaan


Eenmaal gered, de Plaatsing tabblad onthult twee kant-en-klare items:


  • Upsell ID β†’ de unieke ID van deze upsell (met een kopieerknop πŸ“‹)
  • Upsell code knipsel β†’ een kant-en-klare HTML knipsel (ook met een kopieerknop)


ℹ️ Deze verschijnen alleen na het opslaan. Als je ziet dat Upsell ID en code knipsel zien, druk dan eerst op Opslaan.



🧩 Stap 3 Plaats de Widget op je thema


Kies nu hoe u het widget wilt plaatsen. Beide methoden werken aan de Productsjabloon en de cart template.


Methode 1


Dit is de makkelijkste, geen code manier πŸŽ‰


β†’ Naar Shopify Admin β†’ Online Store β†’ Thema's β†’ Thema bewerken β†’ Vanaf de bovenste dropdown, open het sjabloon waar u het widget wilt:


  • Producten β†’ Standaard product (voor productpagina's)
  • Winkelwagen (voor de winkelwagen pagina)


β†’ Klik in het linkerpaneel Blok toevoegen (of Sectie toevoegen) β†’ Onder Apps, selecteren Upsell Cross-Sell Block


β†’ Plak in de blokinstellingen Upsell ID in de Upsell ID veld β†’ Sleep het blok naar uw gewenste positie ⬆️⬇️ β†’ Klik Opslaan


πŸ’‘ Direct na het publiceren van een upsell, de app toont ook een Appblok toevoegen snelkoppelingsknop in de bevestigingsbanner opent uw thema-editor direct met het blok klaar om toe te voegen.


⚠️ Indien de Upsell ID het veld is leeg gelaten, het blok toont een


Methode 2


Liever meer controle, of wil je de widget ergens app blokken zijn niet beschikbaar? Gebruik de code knipsel in plaats daarvan.


β†’ Voeg in de thema-editor een Aangepast vloeibaar blok of sectie waar u het widget wilt β†’ Plakken Upsell code knipsel Je kopieerde van de app. Het ziet er zo uit:


β†’ Klik Opslaan


De app vindt automatisch deze plaatshouder op de pagina en geeft de bijpassende upsell widget erin weer . Zelfs als uw thema opnieuw stuurt de sectie later πŸ”„


πŸ’‘ U kunt het knipsel ook direct in uw thema vloeibare bestanden plakken (bijv. in een aangepaste product sectie) als u comfortabel bewerken code.



πŸ“Œ Belangrijke opmerkingen & waarschuwingen


  • ⚠️ App-invoegen moet blijven AAN De twee methoden zijn afhankelijk van de Upsell Cross-Sell Slider app insluiten is ingeschakeld.
  • ⚠️ Ontworpen voor product & winkelwagen pagina's Aangepaste positie is gebouwd en ondersteund voor productpagina's en de winkelwagen pagina. Het widget rendert overal waar het het blok/snippet plaatshouder op de pagina vindt, dus alleen plaats het op die sjablonen
  • πŸ’‘ EΓ©n ID = één upsell De Upsell ID in het blok of knipsel bepaalt welke upsell toont. Om een andere upsell weer te geven, wissel in zijn ID.
  • πŸ’‘ Meerdere plaatsingen U kunt hetzelfde blok of knipsel toevoegen op meer dan één plek (bijv. productpagina) en cart pagina) met dezelfde Upsell ID.
  • ⚠️ Publiceer je upsell De upsell moet gepubliceerd in de app, anders wordt er niets weergegeven op de storefront.
  • ℹ️ Weergavevoorwaarden zijn nog steeds van toepassing op targeting regels zoals klant login status, geolocatie, cart waarde, of planning worden nog steeds gerespecteerd in aangepaste posities. Zie 🎯 Geavanceerde doelopties voor Upsell & Cross Sell voor details.



πŸŽ‰ Eindresultaat


Zodra alles is opgezet:


βœ… Uw upsell widget verschijnt precies waar u het blok of knipsel geplaatst βœ… Het update automatisch met uw inhoud, ontwerp en targeting instellingen van de app βœ… U kunt vrij bewegen, verwijderen of opnieuw toevoegen van de plaatsing op elk moment van de thema-editor


Hier is hoe het eruit ziet op een product pagina:



πŸ›Ÿ Problemen oplossen


Als uw widget niet verschijnt na plaatsing:


  • πŸ”Ž Controleer de app insluiten is ingeschakeld en opgeslagen
  • πŸ”Ž Bevestig de Upsell ID in het blok komt overeen met de upsell die je publiceerde
  • πŸ”Ž Zorg ervoor dat u het blok op een product of winkelwagen template
  • πŸ”Ž Controleer de upsell is gepubliceerd en niet gepland buiten de huidige datum


Nog steeds vast? Controleren Upsell & Cross Sell is not showing on My Store [Fixed] for a complete checklist.



πŸ“š Verwante hulplijnen


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

Bijgewerkt op: 15/09/2026

Was dit artikel nuttig?

Deel uw feedback

Annuleer

Dankuwel!