> ## 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 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**, **Ontwerp**en **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! 🚀