ℹ️ 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 direct kortingen bieden aan uw bezoekers via een strakke popup? 🛍️

Discount PopUps zijn perfect voor het delen van coupon codes, het verzamelen van e-mails, en het verwelkomen van zowel nieuwe als terugkerende klanten met speciale aanbiedingen.

Deze gids loopt u door de hele setup flow zodat u uw eerste Discount PopUp in minuten kunt starten.

✅ 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 Maak een nieuwe korting PopUp

Open de Hoppy PopUps App.

Dan:

→ Klik Nieuwe PopUp aanmaken

→ selecteren Kortingspop van de lijst van popup types.

De setup pagina zal automatisch openen met velden op maat voor korting campagnes.

📝 Stap 2 Configureer de inhoud

Na het openen van de setup pagina, land je in 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:

• Zomer Sale PopUp
• Zwarte vrijdag Korting
• Welkomstaanbod
• VIP-code vallen

💡 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 aan de bovenkant van uw popup en moeten duidelijk communiceren met het aanbod.

Voorbeeld

• Titel: "Geniet van 20% korting op alle producten"
• Beschrijving: "Schrijf je in en ontgrendel je onmiddellijke korting"

U kunt deze aanpassen aan uw campagnestem.

📧 E-mail en telefooncollectie

Kies welke velden u wilt tonen in uw popup:

• E-mailverzamelingsveld tonen Vangt bezoeker e-mails
• Telefoonnummerveld tonen Vangt telefoonnummers met land-code selectie

U kunt laten zien beide, slechts een, of geen als je alleen het weergeven van een aankondiging.

⚙️ Extra instellingen voor collectie en Coupon

Deze sectie geeft u extra controle over hoe bezoekersinformatie wordt verzameld en hoe kortingen worden gepresenteerd in de popup.

📩 E-mail Verzameling Veld Plaatshouder

Pas de plaatshouder tekst weergegeven in het invoerveld e-mail.

Voorbeeld

• "Voer je e-mail in"
• "Je beste e-mailadres"

Dit helpt bezoekers te begeleiden over welke informatie ze moeten invoeren.

❌ E-mailfoutbericht

Stel het getoonde validatiebericht in wanneer een bezoeker een ongeldig e-mailadres invoert.

Voorbeeld

• "Voer een geldig e-mailadres in"

Dit verschijnt automatisch als het ingevoerde e-mailformaat onjuist is.

📱 Standaard landcode

Kies de standaard landcode voor het telefoonnummerveld.

Voorbeeld

• Verenigde Staten (+1)
• Verenigd Koninkrijk (+44)
• India (+91)

Bezoekers kunnen het land nog steeds handmatig veranderen, tenzij beperkt.

📞 Telefoonnummer Plaatshouder

Pas de plaatshouder tekst weergegeven in het telefoonnummer veld.

Voorbeeld

• "Voer je telefoonnummer in"
• "Mobiel nummer"

Dit verbetert de duidelijkheid en bevordert een goede opmaak.

⚠️ Fout in telefoonnummerbericht

Stel het weergegeven bericht in wanneer een ongeldig telefoonnummer wordt ingevoerd.

Voorbeeld

• "Voer een geldig telefoonnummer in"

Dit helpt bezoekers begrijpen waarom onderwerping mislukt.

🔘 Knoptekst

Pas de call-to-action-knoptekst aan die in de popup getoond wordt.

Voorbeeld

• "Shop Now"
• "Claim Discount"
• "Unlock Offer"

Het gebruik van actiegerichte tekst kan conversies verbeteren.

🏷️ Couponcode tonen

Kies of de couponcode in de popup moet verschijnen na succesvolle e-mailopname.

Beschikbare opties:

• Ja. Het toont de couponcode voor bezoekers
• Nee Verbergt de afdeling couponcode

Dit is handig als kortingen automatisch of extern worden toegepast.

ℹ️ De couponcode kan alleen worden weergegeven als de e-mail wordt gevangen.

🎟️ Couponcode

ℹ️ Dit veld is eenmaal beschikbaar Couponcode tonen is aangeschakeld naar JA.

Om een couponcode weer te geven, kunt u:

1. Selecteer een van de Coupon Codes die u hebt gemaakt in Shopify Beheerder → Kortingen door te klikken op Selecteren / wijzigen Korting.
2. U kunt een nieuwe maken door te klikken op Nieuwe korting aanmaken.

Voorbeeld

• SAVE10
• Welkom20
• COUPON123

💸 Kortingsaanvraag

Deze optie bepaalt hoe de korting wordt toegepast. Het heeft twee opties:

1. Klant zal moeten toepassen korting handmatig De klant moet de couponcode invoeren tijdens de kassa om de korting te ontvangen.
2. Korting automatisch toepassen De korting wordt automatisch toegepast tijdens de kassa zonder dat de klant de couponcode hoeft in te voeren.

⚠️ Belangrijk:

• Onze app maakt of beheert geen couponcodes/kortingen. Je moet ze creëren in Shopify Beheerder → Kortingen voor het gebruik ervan in de popup.

☑️ Opt-in selectievak toevoegen

Kies of er een extra opt-in selectievakje getoond wordt in de popup.

Dit kan worden gebruikt voor:

• Vergunning voor het in de handel brengen
• SMS-toestemming
• Abonnementen op de nieuwsbrief
• Voorwaarden

Beschikbare opties:

• Ja. Het selectievakje tonen
• Nee Verbergt het selectievakje

❎ Pictogram sluiten

Activeer of schakel het pictogram van de popup uit.

• Ingeschakeld Bezoekers kunnen de popup handmatig sluiten
• Uitgeschakeld Verwijdert het pictogram van de popup

Dit helpt controleren hoe afwijsbaar de popup ervaring moet zijn.

✉️ Succesberichten

Nadat een bezoeker hun gegevens heeft ingediend, kunt u verschillende berichten tonen op basis van of ze een nieuwe of terugkerende klant zijn.

• Bericht voor nieuwe klanten: Welkom in onze winkel.
• Bericht voor terugkerende klanten: Welkom terug.

U kunt ook een beschrijving onder elk bericht toevoegen, bijvoorbeeld instructies over het gebruik van de couponcode die ze net ontvangen hebben.

🖱️ 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 Stel de Trigger & Display regels in

Verplaats naar de Plaatsing/Targeting tabblad om te controleren wanneer en waar uw Discount PopUp verschijnt.

Type

Dit bepaalt welke gebeurtenis de popup laat zien.

Beschikbare opties:

• Na verloop van tijd (duur)
• Pagina schuiven
• Exit-intent Hij verschijnt als de bezoeker gaat vertrekken.
• In winkelwagen knop wordt geklikt
• Na paginaweergaven Dit triggers zodra een bepaald aantal pagina's zijn bezocht.

Kies de trekker die het beste past bij uw bezoekersgedrag.

🔄 Frequentie weergeven

Controleer hoe vaak dezelfde bezoeker de popup ziet:

• Elke keer tonen
• Elke keer als iemand bezoekt Eenmaal per browsesessie
• Grensfrequentie Laat je afkoelen in dagen voordat de popup weer verschijnt

💡 De popup stopt automatisch met tonen nadat een bezoeker het formulier indient.

📍 Paginadoel

Beslis op welke pagina's uw Discount PopUp moet verschijnen:

• Toon op elke pagina
• Alleen op de startpagina tonen
• Toon op alle productpagina's
• Toon op specifieke productpagina's
• Alle producten in specifieke collecties
• Toon op alle collectiepagina's
• Toon op specifieke collectiepagina's
• Alle producten met specifieke tags

Als u een specifieke optie kiest, gebruik dan de picker of tag input om uw selectie te voltooien.

👥 Stap 4

Nog steeds in de Plaatsing/Targeting tab, fijne tune die je popup ziet.

📱 Zichtbaarheid apparaat

Kies op welke apparaten uw popup moet verschijnen:

• Bureaublad en mobiel
• Alleen bureaublad
• Alleen mobiel

🔐 Aanmeldstatus voor klanten

• Toon aan alle klanten
• Alleen aan ingelogde klanten tonen

🏷️ Tags voor klanten & Lifetime

U kunt de zichtbaarheid verder beperken door:

• Doelklanten op basis van klanttag VIP of wholesale
• Doelklanten op basis van de levensduur Alleen aan klanten die meer dan een bepaald bedrag hebben uitgegeven

U kunt ook verbergen de popup van specifieke tags of uitgavendrempels indien nodig.

🌍 Geolocatiegericht

• Alle wereld Geen beperkingen
• Specifieke landen Selecteer alleen de landen waar u wilt dat de popup verschijnt

🔗 Toegestaan UTM bronnen

Schakel dit in als u wilt dat de popup alleen verschijnt voor bezoekers afkomstig van specifieke verkeersbronnen.

Ondersteunde platforms:

• TikTok
• Facebook
• Instagram
• Google
• Pinterest
• Twitter
• Aangepaste UTM-code Voer uw eigen UTM parameters in

⚠️ Indien ingeschakeld zullen bezoekers die direct aankomen (zonder UTM parameters) de popup niet zien.

📅 Stap 5

Als u wilt dat uw Discount PopUp alleen draaien gedurende een bepaalde periode, uitbreiden van de Planning sectie binnen het tabblad Plaatsing/Targeting.

Set:

• Begindatum Wanneer de popup moet beginnen tonen
• Einddatum Wanneer de popup moet stoppen met automatisch tonen

Indien leeg gelaten, de popup loopt continu eenmaal gepubliceerd.

🎨 Stap 6 Ontwerp uw popup (facultatief)

Overschakelen naar de Ontwerp tabblad om aan te passen:

• Positie popup (midden, hoeken)
• 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 dedicated Design & Styling documentatie.

✅ Stap 7: 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 uw kortingsaanbieding op het juiste moment
✅ E-mails en telefoonnummers worden automatisch verzameld
✅ Coupon codes worden weergegeven na indiening
✅ Verschillende berichten begroeten nieuwe vs terugkerende klanten
✅ Uw popup respecteert targeting regels, planning, en apparaatinstellingen

Uw korting PopUp is nu live en klaar om uw bezoekers te belonen 🚀

Bijgewerkt op: 10/09/2026