Een countdown timer aan je webshop toevoegen kan in een paar minuten, ook zonder programmeerkennis: je plaatst één regel code in je site, maakt een timer aan met een einddatum en kiest op welke pagina's hij verschijnt. In deze handleiding lees je stap voor stap hoe dat werkt in Shopify, WooCommerce of WordPress en op elke andere website, en welke best practices ervoor zorgen dat je timer echt helpt in plaats van irriteert.
Waarom een countdown timer op je webshop?
Een afteltimer maakt een deadline zichtbaar. "Actie loopt tot zondag" is abstract; een klok die aftelt van 2 dagen, 4 uur en 12 minuten is concreet. Dat helpt bezoekers die eigenlijk al wilden kopen om de knoop door te hakken, in plaats van het "later" te doen en het daarna te vergeten.
Typische momenten om een countdown te gebruiken:
- Tijdelijke acties zoals Black Friday, Cyber Monday, de zomer- of wintersale.
- Feestdagen en levering: "Bestel vóór 3 december 18:00 voor levering vóór Sinterklaas."
- Dagelijkse besteldeadline: "Vandaag besteld, morgen in huis" met een timer tot je afsluittijd.
- Lanceringen van een nieuwe collectie of een nieuw product.
- Inschrijvingen voor een workshop, cursus of evenement met een sluitingsdatum.
Wat heb je nodig?
- Een wwidgets-account. Je kunt 14 dagen gratis proberen.
- Toegang tot de beheeromgeving van je webshop of website, zodat je een regel code in de <head> kunt plaatsen.
- Een duidelijke actie met een echte einddatum.
Stap 1: maak je countdown timer aan in wwidgets
- Log in op je wwidgets-dashboard en maak een nieuwe campagne aan voor je website.
- Kies het widgettype countdown timer. Je kunt kiezen voor een timer met een knop (CTA) die naar je actiepagina leidt, of een timer met een veld om e-mailadressen te verzamelen.
- Stel de einddatum en het tijdstip in. Let op de juiste tijdzone, zeker als je klanten in Nederland en België hebt.
- Schrijf een korte kop en tekst, bijvoorbeeld "Wintersale: nog maar even 30% korting".
- Kies kleuren en positie die bij je huisstijl passen, en zet eventueel de donkere modus aan.
Stap 2: plaats de pixelcode op je site
Je hoeft de pixelcode maar één keer te plaatsen. Daarna kun je alle widgets vanuit het dashboard beheren zonder je site opnieuw aan te passen. De code laadt asynchroon, dus je pagina's worden er niet trager van.
Countdown timer toevoegen in Shopify
- Ga in je Shopify-beheer naar Online Store (Onlinewinkel) en dan Thema's.
- Klik bij je actieve thema op de drie puntjes en kies Code bewerken.
- Open het bestand theme.liquid in de map Layout.
- Plak de pixelcode van wwidgets net vóór de afsluitende </head>-tag.
- Klik op Opslaan en bekijk je winkel in een nieuw venster.
Countdown timer toevoegen in WooCommerce of WordPress
Er zijn twee gangbare manieren:
- Met een plugin voor headercode. Veel WordPress-sites gebruiken een plugin waarmee je code in de header kunt invoegen. Plak de pixelcode in het veld voor de <head> en sla op.
- Via je thema. Heeft je thema (of child theme) een instelling voor eigen code in de header, dan kun je de pixelcode daar kwijt. Pas liever niet direct het bestand header.php van een hoofdthema aan, want bij een update ben je je wijziging kwijt.
Countdown timer toevoegen op elke andere website
Werk je met Magento, Wix of een zelfgebouwde site? Het principe blijft hetzelfde: zoek de plek waar je eigen code in de <head> kunt toevoegen (vaak heet dat "aangepaste code", "tracking code" of "header scripts") en plak daar de pixelcode. Twijfel je? De handleiding om te beginnen loopt alle stappen met je door.
Stap 3: bepaal waar en wanneer de timer verschijnt
Een timer die overal en altijd verschijnt, verliest snel zijn kracht. Gebruik daarom de targetingopties:
- Specifieke pagina's: alleen op de actiepagina, de collectie of de producten die in de aanbieding zijn.
- Vertraging: laat de timer na een paar seconden verschijnen, zodat de bezoeker eerst rustig kan rondkijken.
- Bij scrollen: toon hem pas als iemand een deel van de pagina heeft gelezen.
- Bij exit intent: laat de timer verschijnen als iemand op het punt staat de pagina te verlaten.
- Apparaat: kies voor desktop, mobiel of allebei, en pas zo nodig de vorm aan.
- Frequentie: hoe vaak ziet dezelfde bezoeker de timer?
Stap 4: test en meet
Open je site op desktop en op je telefoon. Staat de timer goed, bedekt hij niets belangrijks, klopt de eindtijd? Kijk daarna regelmatig in je statistieken: in wwidgets zie je per widget het aantal vertoningen, hovers, kliks, formulierinzendingen, de CTR en de conversieratio. Zo zie je of je timer wordt opgemerkt en of mensen doorklikken.
Best practices voor countdown timers
- Gebruik alleen echte deadlines. Een timer die na afloop opnieuw begint, is misleidend. Klanten merken het, het kost vertrouwen en misleidende urgentie kan in strijd zijn met het consumentenrecht.
- Zorg dat de actie echt stopt. Is de timer op nul, dan moet de korting ook weg zijn. Zet de widget daarna uit of vervang hem door een nieuwe actie.
- Vertel wat er te winnen is. "Nog 6 uur" zegt weinig; "Nog 6 uur 25% korting op alle sneakers" maakt het concreet.
- Geef een duidelijke volgende stap. Een knop als "Bekijk de aanbiedingen" werkt beter dan alleen een klok.
- Kies de juiste vorm. Een balk bovenin is subtiel en altijd zichtbaar; een popup valt meer op maar onderbreekt. Voor een sitebrede sale is een balk vaak prettiger.
- Combineer met e-mail. Een countdown met een e-mailveld ("Laat je e-mail achter en ontvang de kortingscode") helpt je ook na de actie verder.
- Houd het mobielvriendelijk. Kleine schermen hebben weinig ruimte. Test of de timer je koopknop niet bedekt.
Voorbeelden van countdown-teksten
| Situatie | Voorbeeldtekst |
|---|---|
| Weekendactie | "Weekenddeal: 20% korting, eindigt zondag om middernacht." |
| Dagelijkse levering | "Bestel binnen de tijd en je pakket wordt vandaag nog verzonden." |
| Feestdagen | "Op tijd onder de kerstboom? Bestel vóór de deadline." |
| Lancering | "De nieuwe collectie gaat live over..." |
| Inschrijving | "Inschrijving voor de workshop in Antwerpen sluit over..." |
Veelgestelde vragen over countdown timers
Maakt een countdown timer mijn site trager?
De pixelcode van wwidgets laadt asynchroon. Dat betekent dat je pagina eerst gewoon laadt en de widget daarna verschijnt, zonder de rest van je site op te houden.
Kan ik een timer per product instellen?
Ja, met de targetingopties kies je op welke pagina's een widget verschijnt. Zo kun je een timer alleen tonen op de productpagina's die in de actie vallen.
Wat kost een countdown timer via wwidgets?
De countdown timer zit in de abonnementen, die beginnen bij €9 per maand. Je kunt eerst 14 dagen gratis proberen. Bekijk de prijzen voor de verschillen tussen Professional en E-Commerce World.
Zet je eerste timer live
Een goede countdown timer is eerlijk, duidelijk en staat op de juiste plek. Met de stappen hierboven heb je hem binnen een kwartier op je site, of je nu Shopify, WooCommerce of een andere webshop gebruikt. Klaar om te beginnen? Maak een gratis account aan en plan je volgende actie met een timer die echt aftelt.
