Dit artikel is ook beschikbaar in:

Hoe aftellen 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 urgentie creëren en snellere aankoopbeslissingen sturen? 🚨


Countdown PopUps tonen een live timer in uw popup Als shoppers zien dat de tijd tikt, zijn ze meer kans om onmiddellijk te handelen.


Deze gids brengt u door de hele setup zodat u uw eerste Countdown 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 aftelling PopUp


Open de Hoppy PopUps App.


Dan:


β†’ Klik Nieuwe PopUp aanmaken


β†’ selecteren Aftellen PopUp van de lijst van popup types.


De setup pagina opent automatisch met velden op maat voor countdown campagnes, inclusief een standaard flip-clock timer stijl.



πŸ“ 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:


  • Flash Sale Timer
  • Aftellen op zwarte vrijdag
  • Dagpopup starten
  • Speciale weekend


πŸ’‘ 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 urgentie creΓ«ren.


Voorbeeld


  • Titel: "De verkoop eindigt snel!"
  • Beschrijving: "Schiet op en pak je korting voordat de tijd op is"


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


Beide zijn standaard ingeschakeld voor Countdown PopUps, maar je kunt je zo nodig aanpassen.



βš™οΈ 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, verschijnt er een succesboodschap.


  • Succesbericht: Welkom in onze winkel.


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



πŸ–±οΈ 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: Configureer de Countdown Timer


Nog steeds in de Inhoud tab, schuif naar de Aftellen Section.


Dit controleert het timer gedrag, uiterlijk en deadline.



🎯 Afteltype


Kies hoe de timer zich moet gedragen:


  • Naar specifieke datum/tijd
  • Duur
  • Loopt dagelijks gedurende bepaalde uren Elke dag wordt hetzelfde aftelvenster herhaald (bijv. "Happy Hour 2 PM "4 PM")


Selecteer de optie die overeenkomt met uw campagnestructuur.



πŸ“… Specifieke datum / tijd


Als u hebt geselecteerd Naar specifieke datum/tijdGebruik de datumkiezer om de deadline te kiezen.


De timer zal aftellen tot dit exacte moment en stoppen wanneer de datum aankomt.



Duur


Als u hebt geselecteerd Duur, enter:


  • Dagen
  • Uren
  • Notulen


De timer begint af te tellen vanaf deze totale duur wanneer een bezoeker eerst de popup ziet.



πŸŒ… Loopt dagelijks voor specifieke uren


Als u hebt geselecteerd Loopt dagelijks gedurende bepaalde uren, set:


  • Begintijd Wanneer het aftellen elke dag begint
  • Eindtijd Wanneer het aftellen elke dag eindigt


Dit is geweldig voor terugkerende promoties zoals dagelijkse deals of happy hour.



🏷️ Tijdlabels


Pas de tekstlabels aan die onder elke timereenheid getoond worden:


  • Dagen
  • Uren
  • Notulen
  • Seconden


De standaard labels zijn "Days," "Hrs," "Mins" en "Secs" maar je kunt ze veranderen naar wat je maar wilt.



🎨 Stap 4 Ontwerp uw timer (facultatief)


Overschakelen naar de Ontwerp tabblad om aan te passen hoe het aftellen eruit ziet.


Timer-specifieke opties vindt u hier:


  • Timerstijl
  • Timer achtergrondkleur De kleur achter elke tijdseenheid
  • Timerlettertype Typografie voor de getallen
  • Timergrootte & kleur Grootte getal in pixels en tekstkleur
  • Labellettertype, grootte & kleur Styling voor de tekst onder elke eenheid


πŸ’‘ De Countdown PopUp standaard naar een stijlvolle flip-clock timer. Je kunt het houden of overschakelen naar een andere stijl.


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 Countdown 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 een uitgebreide uitleg van elke targeting optie, zie de speciale Advanced Targeting 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:


βœ… Een live countdown timer verschijnt in je popup βœ… Bezoekers voelen zich dringend om te handelen voordat de tijd om is βœ… E-mails en telefoonnummers worden automatisch verzameld (indien ingeschakeld) βœ… Uw popup respecteert targeting regels, planning, en apparaatinstellingen βœ… De timer past bij uw merk styling en campagne stem


Uw Countdown PopUp is nu live en tikken πŸš€


Bijgewerkt op: 10/09/2026

Was dit artikel nuttig?

Deel uw feedback

Annuleer

Dankuwel!