Boost je webshop-conversies met deze simpele countdown timer!

Boost je webshop-conversies met deze simpele countdown timer! (+ complete code)

Een snelle CRO-tip voor Shopify-webshops:

Plaats een timer op je productpagina die klanten laat zien hoe lang ze nog hebben om dezelfde dag verzonden te worden.

Waarom werkt dit zo goed?

• Creëert urgentie en stimuleert directe aankopen.

• Helpt klanten sneller beslissen op een belangrijk koopmoment.

• De timer verdwijnt automatisch na 16:00 uur en wordt niet getoond in het weekend, zodat klanten altijd actuele informatie zien.

Kopieer de complete code en test hem direct!

<!-- Countdown Timer: toont de resterende tijd tot 16:00 uur (verborgen in het weekend of na 16:00 uur) -->
<div id="cutoff-container" style="font-size:14px; margin:10px;">
 Bestel binnen <span id="cutoff-countdown"></span> voor verzending vandaag!
</div>

<script>
 // Functie om de countdown timer bij te werken
 function updateCountdown() {
   const nu = new Date();
   const dag = nu.getDay(); // Zondag=0, Maandag=1, ..., Zaterdag=6

   const countdownElement = document.getElementById('cutoff-countdown');
   const countdownContainer = document.getElementById('cutoff-container');

   // Verberg de timer in het weekend
   if (dag === 0 || dag === 6) {
     countdownContainer.style.display = 'none';
     return;
   }

   // Stel cutoff-tijd in op 16:00 uur
   const cutoff = new Date(nu);
   cutoff.setHours(16, 0, 0, 0);

   // Verberg de timer als het na 16:00 uur is
   if (nu >= cutoff) {
     countdownContainer.style.display = 'none';
     return;
   }

   // Bereken resterende tijd tot cutoff
   const verschil = cutoff - nu;
   const uren = Math.floor(verschil / 1000 / 60 / 60);
   const minuten = Math.floor((verschil / 1000 / 60) % 60);
   const seconden = Math.floor((verschil / 1000) % 60);

   // Toon resterende tijd
   countdownElement.textContent = `${uren}u ${minuten}m ${seconden}s`;
 }

 // Timer elke seconde bijwerken
 setInterval(updateCountdown, 1000);

 // Eerste keer direct uitvoeren
 updateCountdown();
</script>