> ## 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 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\]