> ## 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 Upsell PopUps instellen > ℹī¸ **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 verhogen door de juiste producten op het juiste moment voor te stellen? 🚀 Upsell PopUps kunt u aanbevelen producten direct binnen een popup Deze gids voert u door de hele setup zodat u uw eerste Upsell PopUp in minuten kunt lanceren. --- # **✅ Voordat u begint met het inschakelen van de App Embed** Voor elke popup te verschijnen op uw storefront, de app embed moet worden ingeschakeld in uw Shopify thema. Ga naar: **Shopify Admin → Sales Channels → Online Store → Thema's → Thema bewerken → App Embedden** Dan: * Zoeken **Hoppy Popups** * Schakelen **AAN** * Klik **Opslaan** ℹī¸ Zonder deze stap, zal uw popup niet renderen op de storefront zelfs na het publiceren. --- # **⚙ī¸ Stap 1** Open de **Hoppy PopUps** App. Dan: → Klik **Nieuwe PopUp aanmaken** → selecteren **Upsell PopUp** van de lijst van popup types. De setup pagina zal automatisch openen met velden op maat voor upsell campagnes. --- # **📝 Stap 2 Configureer de inhoud** Na het openen van de setup pagina, je landt binnen de **Inhoud** tab. Deze sectie bepaalt wat uw bezoekers zien en hoe ze omgaan met de popup. --- ## **🏷ī¸ PopUp naam** Dit veld wordt uitsluitend voor interne doeleinden gebruikt. Klanten zullen deze naam nooit zien. U kunt elke herkenbare naam gebruiken, zoals: * Summer Upsell-campagne * Zwarte vrijdag Booster * Funnel voor productaanbeveling * Afrekenen Upsell 💡 Met behulp van de juiste interne naamgeving maakt het gemakkelijker om setups later te identificeren, vooral als uw winkel meerdere campagnes draait. --- ## **đŸ’Ŧ Titel & Omschrijving** Deze verschijnen bovenaan uw popup en moeten duidelijk de waarde communiceren. ### **Voorbeeld** * **Titel:** "Voltooi je look" * **Beschrijving:** "Klanten kochten ook deze artikelen" U kunt deze aanpassen aan uw campagnestem. --- # **❌ Pictogram sluiten** De **Pictogram sluiten** instelling kunt u controleren of klanten de popup handmatig kunnen sluiten. Deze functie bevat een selectievakje/aan/uitschakeloptie die: * ✅ Het pictogram sluiten tonen * ❌ Het pictogram sluiten verbergen Indien ingeschakeld: → Klanten zullen een dicht pictogram zien op de popup → Klanten kunnen handmatig de popup verwerpen wanneer ze willen Bij uitgeschakeld: → Het sluitpictogram zal niet verschijnen → Klanten kunnen de popup niet handmatig sluiten met de sluitknop ⚠ī¸ Belangrijk: Het uitschakelen van de Close Pictogram kan de zichtbaarheid van popup verhogen, maar het kan ook invloed hebben op de klantervaring als de popup wordt moeilijk te verwerpen. We raden over het algemeen aan om de Close Icon ingeschakeld te houden tenzij een specifieke campagne anders vereist. --- ## **🖱ī¸ Knop Klik op gedrag** ℹī¸ Deze optie is alleen beschikbaar wanneer "E-mailveld tonen" & "Telefonisch nummerveld tonen" niet aangevinkt is. Hiermee kunt u bepalen wat er gebeurt wanneer een bezoeker klikt op de CTA-knop in de popup. Het behandelt een van de volgende aspecten: 1. **Popup sluiten** De popup zal sluiten. 2. **Openen Coupon Code** De code van de coupon zal worden onthuld aan de bezoeker, maar u zult de Coupon Code zoals hierboven beschreven in de "Show Coupon Code" sectie hebben ingesteld. 3. **Verwijzing naar koppeling** Het selecteren van dit geeft u een invoerveld genaamd "Link" waar u de URL kunt opgeven waarnaar de bezoeker zal worden doorgestuurd --- ## **☁ī¸ Drijvende actieknop** U kunt een **Drijvende actieknop** die zichtbaar blijft op de pagina zodat bezoekers de popup kunnen heropenen na het sluiten ervan. Kies een positie: * **Rechtsonder** * **Linksonder** * **Scherm rechts** * **Scherm links** Voer dan de **Knoptekst** "Open Offer," "Get Discount" of "Learn More." Om de drijvende knop volledig uit te schakelen, selecteert u **Zwevende actieknop uitschakelen**. --- # **🔄 Stap 3** Verplaats naar de **Upsell** tabblad om te controleren welke producten worden aanbevolen binnen de popup. Dit is de kern van uw Upsell PopUp Hier is waar u beslist wat shoppers zien. --- ## **đŸ“Ļ Upsell-type** Selecteer hoe productaanbevelingen moeten worden gegenereerd: * **AI Upsell (Vaak samen gekocht)** Gebruikt Shopify's aanbeveling motor om automatisch voorstellen gerelateerde of complementaire producten op basis van wat de klant bekijkt. ℹī¸ Deze optie zal niet werken op de homepage omdat het afhankelijk is van de productcontext. * **Specifieke producten upsell** Kies handmatig de exacte producten die u wilt aanbevelen. * **Specifieke collecties upsell** Vertoon producten uit geselecteerde collecties. * **Upsell hetzelfde product (zoals op productpagina)** Hetzelfde product dat de klant momenteel bekijkt, nuttig voor het stimuleren van op hoeveelheid gebaseerde aankopen. --- ## **đŸŽ¯ Type aanbeveling (alleen AI Upsell)** Als u hebt geselecteerd **AI Upsell**, kies de aanbeveling stijl: * **Upsell Gerelateerde producten** * **Aanvullende producten verkopen** U kunt deze aanbevelingen met behulp van Shopify's Search & Discovery-app. --- ## **đŸ–ŧī¸ Productrasterindeling** Controleer hoe upsell producten worden weergegeven: * **Aantal kolommen in bureaublad** Hoeveel producten naast elkaar op het bureaublad verschijnen * **Aantal kolommen in mobiel** Hoeveel producten naast elkaar op mobiel verschijnen --- ## **đŸ”ĸ Max. aantal produkten** Stel het maximale aantal producten in dat in het upsell-netwerk te zien is. Dit helpt de popup schoon en gericht te houden. 💡 Beschikbaar bij gebruik van AI Upsell of specifieke collecties. --- ## **🛒 Oproepknoptekst** Configureren van de upsell knop tekst voor twee staten: * **Knoptekst (Voor het toevoegen aan winkelwagentje)** "Toevoegen aan winkelwagen" * **Knoptekst (na toevoegen aan winkelwagen)** Bijvoorbeeld "Een ander toevoegen" Dit geeft klanten duidelijke feedback na interactie met een aanbeveling. --- # **🎨 Stap 4 Ontwerp uw PopUp (facultatief)** Overschakelen naar de **Ontwerp** tabblad om aan te passen: * Popuppositie, grootte en animatie * Achtergrondkleuren, verloopen of afbeeldingen * Lettertypen, knoopstijlen en hoekradius 💡 U kunt deze stap overslaan als de standaard look al overeenkomt met uw winkel. Voor een volledige doorloop van alle ontwerpopties, zie de speciale PopUps - Design & Styling \[Link\] documentatie. --- # **🖱ī¸ Stap 5 Stel de Trigger & Display regels in** Verplaats naar de **Plaatsing/Targeting** tabblad om te controleren wanneer en waar uw Upsell PopUp verschijnt. Sleutelinstellingen die u tegenkomt: * **Triggertype** Na verloop van tijd, Page Scroll, Exit-intent, In winkelwagen knop geklikt of Na paginaweergave * **Frequentie weergeven** Show elke keer, eenmaal per bezoek, of limiet met een afkoeling * **Paginadoel** Elke pagina, alleen thuis, specifieke producten, collecties of tags * **Klantgerichtheid** Aanmeldstatus, klanttags, levensduur * **Geolocatie** De hele wereld of specifieke landen * **Planning** Optionele begin- en einddatum Voor uitgebreide uitleg van elke doeloptie, zie de speciale PopUp Advanced Targeting Options \[Link\] documentatie. --- # **✅ Stap 6: Opslaan & publiceren** Zodra alles er goed uitziet: 1. Klik **Opslaan** om uw configuratie op te slaan 2. Klik **Publiceren** om de popup live te maken op uw storefront ⚠ī¸ **Alleen sparen maakt de popup niet zichtbaar voor klanten.** Je moet het publiceren. Als de app embed nog niet is ingeschakeld, zal een banner u eraan herinneren om het te activeren in uw Shopify thema-editor. --- # **🎉 Eindresultaat** Eenmaal succesvol geconfigureerd: ✅ Bezoekers zien relevante productaanbevelingen in de popup ✅ E-mails en telefoonnummers worden automatisch verzameld (indien ingeschakeld) ✅ Winkelaars kunnen upsell producten rechtstreeks aan hun winkelwagen toevoegen ✅ Uw popup respecteert targeting regels, planning, en apparaatinstellingen ✅ Gemiddelde waarde van de bestelling verbetert door slimme product suggesties Uw Upsell PopUp is nu live en klaar om uw verkoop te groeien 🚀 ---