ℹ️ 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 dat je upsell aanbiedingen meer aandacht trekken zonder dat klanten iets doen? ✨

Dat is precies wat de Automatisch upsell in Hoppy Upsell & Cross Sell is ontworpen voor.

In plaats van het tonen van een enkel statisch product, de upsell widget kan automatisch roteren door uw aanbevolen producten in een gladde glijden carrousel 🛍️

Met deze setup kun je:

• 🔄 Draai automatisch meerdere upsell producten in het widget
• Controle hoeveel seconden elk product zichtbaar blijft
• 👆 Laat klanten handmatig bladeren met de pijlen links/rechts
• 🎯 Houd het widget compact terwijl u nog steeds meer aanbiedingen toont

Dit is vooral handig wanneer u meerdere producten aan te bevelen, maar beperkte ruimte op de pagina . . Elk product krijgt zijn moment in de schijnwerpers 💡

🧩 Hoe de Auto-Slide werkt

De upsell widget toont producten in een slider die toont één product tegelijk.

Wanneer Auto-Slide is ingeschakeld:

• Het widget verplaatst automatisch naar het volgende product na het gekozen interval
• De slider loopt continu, zodat het terug naar het eerste product na de laatste
• Klanten kunnen altijd handmatig bladeren met behulp van de Links/rechts navigatiepijlen

⚠️ Belangrijk: Automatisch verplaatsen is automatisch uitgeschakeld voor een bezoeker op het moment dat ze interactie met de slider Bijvoorbeeld door op de navigatiepijlen te klikken, te tikken of de schuifregelaar op mobiel te slepen. Dit geeft klanten volledige controle zodra ze beginnen te surfen zelf.

✅ Voordat u begint

Zorg ervoor dat de app embed is ingeschakeld in uw thema, anders zal de upsell widget niet verschijnen op uw storefront.

Ga naar:

Shopify Admin → Verkoopkanalen → Online Store → Thema's → Thema bewerken → App Embedden

Dan:

• Zoeken Upsell Cross-Sell Slider
• Schakelen AAN
• Klik Opslaan

💡 Als u de Eigen positie plaatsing, moet u ook de Upsell Cross-Sell Block app blok in uw thema-editor en voer uw Upsell ID. Zie 🔎 Hoe Upsell ID te vinden? indien nodig.

⚙️ Stap 1 Maak of open een Upsell

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

Dan:

→ Klik Nieuwe upsell aanmaken om een nieuwe setup te starten en een plaatsing te kiezen (Productpagina, Winkelwagen pagina, Winkelwagenlade, of Eigen positie)

Of...

→ Open een bestaande upsell vanaf uw dashboard om het te bewerken

De Auto-Slide instelling werkt op dezelfde manier over alle plaatsingstypen, zodat u kunt gebruiken waar uw widget verschijnt 🙌

🛍️ Stap 2 Kies uw Upsell producten

Binnen de Inhoud tab, eerst beslissen welke producten de schuifregelaar moet draaien.

Onder Selecteer upsell producten, kies een van de beschikbare opties:

• AI Upsell (Vaak samen gekocht) → trekt automatisch Gerelateerde of Aanvullende producten ingesteld in Shopify's Zoeken & ontdekken app
• Specifieke producten upsell → hand-pick de exacte producten die u wilt promoten
• Specifieke collecties upsell → roteren producten uit geselecteerde collecties
• Upsell hetzelfde product (zoals op productpagina) → bevorderen van het product dat momenteel wordt bekeken

💡 Auto-Slide schijnt het helderst wanneer de widget heeft meerdere producten te tonen Met slechts één product, is er niets om naar te schuiven.

🔢 Max. aantal produkten

Bij gebruik AI Upsell of Specifieke collecties upsell, zie je ook een Max. aantal produkten veld.

Dit bepaalt hoeveel producten (tot 10) in de schuifregelaar worden geladen voor rotatie.

Bijvoorbeeld, het instellen op 5 betekent tot 5 aanbevolen producten zal om de beurt in de widget.

🎠 Stap 3

Nog steeds in de Inhoud tab, schuif naar de Auto Slide Upsell by Interval setting.

Deze dropdown heeft 2 opties:

• Ingeschakeld → de widget glijdt automatisch door uw upsell producten
• Uitgeschakeld → de widget blijft op één product totdat de klant gebruik maakt van de navigatie pijlen

De instelling is Standaard ingeschakeld voor nieuwe verkopen.

Stap 4 Stel de intervalduur in

Eenmaal Automatisch verplaatsen is ingesteld op IngeschakeldHieronder verschijnt een nieuw veld:

Intervalduur 🕒

Dit aantal controles hoeveel seconden elk product op het scherm blijft voordat de schuifregelaar naar de volgende gaat.

• Standaardwaarde: 5 seconden
• Lagere waarden (bijv. 3) → snellere rotatie, meer energie ⚡
• Hogere waarden (bv. 8Wat?10) → langzamer draaien, meer tijd om elk aanbod te lezen 🧘

💡 Een goed uitgangspunt is 4,6 seconden Snel genoeg om meerdere producten te laten zien, maar langzaam genoeg voor klanten om de producttitel, prijs en knop te lezen.

ℹ️ De Intervalduur veld verschijnt alleen als Auto Slide ingesteld is Ingeschakeld. Als u Auto Slide uitschakelt, verbergt het veld zich automatisch.

💾 Stap 5: Opslaan en publiceren

Zodra alles er goed uitziet:

1. Klik Opslaan in de opbergbalk bovenaan de pagina
2. Klik Publiceren om de upsell live op uw winkel te maken

Na publicatie verschijnt er een bevestigingsbanner met snelle links naar open uw winkel of de app insluiten Als het nog niet actief is.

⚠️ Belangrijke opmerkingen

• 🛑 Automatisch verplaatsen stopt voor de huidige paginaweergave zodra een bezoeker interageert met de schuifregelaar (pijlen, tikken, slepen of klikken). Het herstart automatisch de volgende keer dat de pagina laadt, bijvoorbeeld wanneer de bezoeker navigeert naar een andere pagina.
• 👁️ Het voorbeeld in de app laat zien hoe uw widget eruit ziet, maar de schuifbeweging zelf is het best geverifieerd op uw live storefront.
• 🔁 De schuifregelaar continu lussen Na het laatste product, het glijdt terug naar de eerste automatisch.
• 🧭 De navigatiepijlen blijven altijd beschikbaar, zelfs wanneer Auto-Slide is ingeschakeld, zodat klanten nooit handmatige controle verliezen.
• 📱 Auto-Slide werkt op beide bureaublad en mobiel Winkels.

🎉 Eindresultaat

Uw upsell widget werkt nu als een automatische glijbaan op uw storefront:

• Producten draaien automatisch op basis van uw Intervalduur
• Klanten kunnen het op elk moment overnemen met behulp van de navigatie pijlen
• Meer van uw aanbiedingen worden gezien 🚀

📚 Verwante hulplijnen

• 🎨 Upsell & Cross Sell Design & Styling → Pas de pijlkleur, grootte, knopstijlen en meer aan
• 🎯 Geavanceerde doelopties voor Upsell & Cross Sell → controle precies wie ziet uw upsell en wanneer
• 🌍 Upsell & Cross Sell Vertaling → tonen slider inhoud in meerdere talen
• Upsell & Cross Sell wordt niet weergegeven in mijn winkel [Fixed] → problemen met zichtbaarheid oplossen

Bijgewerkt op: 15/09/2026