Hoe zet ik een countdown naar een datum op mijn website?
Een opening, een evenement of het einde van een actie: met een countdown zien bezoekers precies hoe lang het nog duurt. Met het blok Countdown tel je af naar een datum en tijd die jij kiest, in dagen, uren, minuten en seconden.
In het kort
- Voeg in een kolom het blok Countdown toe.
- Kies bij Datum en tijd het moment waarnaar hij aftelt.
- Kies bij Weergave of hij dagen, alleen uren of alleen dagen toont.
- Kies bij Uitlijning of de vakjes naast elkaar staan of de volle breedte vullen.
- Na afloop staat de teller op 00. Haal hem dan zelf weg.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
Stap 1: Voeg het blok Countdown toe
Klik in een kolom op de + (Blok toevoegen), typ ‘countdown’ en kies Countdown. Het bewerkvenster gaat open met drie instellingen.
Stap 2: Kies Datum en tijd
Klik in het veld Datum en tijd. Er opent een kalender. Kies de datum en stel daaronder het uur en de minuten in. Bijvoorbeeld: 1 december, 09:00 voor de start van een actie.
Stap 3: Kies de Weergave
Bij Weergave heb je drie keuzes:
- Datum en tijd (hoogste eenheid dagen DD H:i:s): dagen, uren, minuten en seconden. Dit is de gewone countdown en past bijna altijd.
- Tijd (hoogste eenheid uren H:i:s): alleen uren, minuten en seconden. Het aantal uren kan boven de 24 uitkomen. Handig voor een actie die nog maar een dag of twee loopt.
- Dagen (alleen aantal dagen tonen): alleen het aantal dagen. Rustig, voor een datum die nog ver weg is.
Kies altijd een weergave. Zonder keuze blijft het vak leeg.
Stap 4: Kies de uitlijning
Bij Uitlijning kies je Standaard (naast elkaar) of Volledige breedte. Bij Standaard staan de vakjes compact naast elkaar. Bij Volledige breedte vullen ze samen de hele kolom; dat werkt goed in een sectie over de volle breedte.
Klik op Klaar en daarna op Opslaan.
Wat gebeurt er als de tijd om is?
Is het moment voorbij, dan staan alle vakjes op 00. De countdown verdwijnt niet vanzelf en er komt ook geen andere tekst. Haal het blok na afloop dus zelf weg, of vervang het door een tekst als ‘De actie is afgelopen’. Zet daarvoor een herinnering in je agenda.
Zet er altijd een korte tekst bij, zodat bezoekers weten waarnaar wordt afgeteld. Bijvoorbeeld een blok Tekst erboven met ‘Nog even en we openen onze nieuwe winkel’ en een knop eronder. Voor een actie die op elke pagina moet opvallen, kun je ook een melding bovenaan je website zetten. Zie een melding bovenaan je website.
Let op: zet maar één countdown op een pagina. Twee countdowns op dezelfde pagina zitten elkaar in de weg. Controleer ook na het opslaan of de countdown op het goede moment uitkomt: kijk of het aantal uren klopt met het tijdstip dat je hebt gekozen. Wijkt het af, laat het ons weten.
Countdown of opteller?
Een countdown telt af naar een moment. Wil je juist cijfers laten optellen, zoals het aantal klanten? Gebruik dan de opteller. Zie cijfers laten optellen met de opteller.
Lukt het niet?
- Het vak blijft leeg. Er is geen Weergave gekozen. Kies er een.
- De countdown staat op 00. De datum ligt in het verleden. Kies een datum in de toekomst.
- Het aantal uren is hoger dan 24. Je hebt de weergave Tijd gekozen. Kies Datum en tijd om ook dagen te tonen.
- De countdown loopt niet goed met een tweede countdown erbij. Zet er maar één op een pagina.
- De countdown komt op het verkeerde moment uit. Controleer de tijd in het veld Datum en tijd. Klopt die wel, neem dan contact met ons op.
Alle blokken vind je in alle blokken op een rij.
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Berichten of pagina's automatisch tonen
Een slider instellen
Het Tekst-blok gebruiken
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.