Je hebt het vast wel eens voorbij zien komen: een countdown timer in een e-mail. Door veel marketeers wordt dit ingezet om de fear of missing out bij de ontvanger aan te spreken. En zo extra conversie uit te mail te halen. In dit artikel lees je hoe je een countdown timer toepast in je mail in Spotler.
![]() |
Blog: Extra conversie door een countdown timer Lees het blog: Extra conversie door een countdown timer |
Aan de slag in Spotler
Via de editor van de module Berichten stel je de countdown timer in. Open hiervoor een contentblok. Je ziet in het menu een zandloper-icoon.
Eerst selecteer je de plek in je contentblok waar de timer ingevoegd moet worden. Dit kan tussen, onder of boven je tekst. Anders dan bij een 'normale' afbeelding blijft de timer netjes schalen op mobiel en tablet. Je kunt de timer ook op de plek van een afbeelding plaatsen door de afbeelding te selecteren.
Klik vervolgens op het stopwatch-icoon en de editor voor de countdown timer opent in een nieuw venster.
Er zijn verschillende zaken die je met de editor kunt instellen:
- Date: een datum tot wanneer de countdown timer loopt
- Time: de tijd tot wanneer de countdown timer loopt
- Timer Style: de stijl van de timer (kleuren, font, etc.)
- Locale: de tijdzone en taal
- More Colors: de kleuren afzonderlijk per onderdeel
- Other options: overige opties zoals het wel of niet tonen van labels
- Text Style: de dikte van de tekstomlijning en meer
- Expiration: boodschap in de vorm van een afbeelding om te tonen wanneer de timer is afgelopen
Date
Linksboven stel je de einddatum in van de countdown timer.
Time
Onder de datum stel je de specifieke tijd in tot wanneer de countdown timer moet lopen.
Timer Style
Wanneer je klikt op de optie Timer Style, dan zie je verschillende opties om in te stellen:
- Background Color: standaard is de achtergrondkleur van de timer wit, maar je kunt elke kleur toepassen die bij je template past.
- Font: met het dropdown-menu kun je een lettertype selecteren voor je timer
- Font Size: bepaald de lettergrootte met deze optie
- Font Color: standaard is de kleur van de letters zwart, maar je kunt elke kleur toepassen die bij je template past
Klik op Save om je wijzigingen op te slaan.
Locale
Stel bij Locale de taal in van de timer en de tijdzone.
More Colors
Onder More Colors kun je op detail niveau kleuren instellen. Label color is de kleur voor de woorden onderaan de timer, dus bijvoorbeeld het woord dagen of uur. Vervolgens kun je ook de kleuren instellen van de tijdsaanduiding.
Other options
Bij Other options stel je het volgende in:
- Show labels: vink aan of uit of je de labels wilt tonen. De labels zijn; dagen, uur, minuten en seconden.
- Show days: vink aan of uit of je het aantal dagen wilt tonen. Wanneer je dit uitvinkt, dan rekent hij het aantal dagen om naar uren.
- Count Up: in plaats van dat de tijd afloopt, kun je ook instellen dat de tijd oploopt.
- Label size: de breedte van de timer pas je hier aan.
- Seperator: standaard staat er een dubbele punt tussen de tijd, maar je kunt dit ook aanpassen naar een ander teken.
- Padding: het bepalen van de ruimte tussen de elementen pas je aan bij padding.
Text Style
Naast dat je de kleur aanpast van de tekst bij Timer Style en More colors heb je hier extra details die je kunt instellen:
- Stroke color: kleur aanpassen van de tekstomlijning
- Stroke width: breedte van tekstomlijning
- Schadow color: aanpassen van schaduwkleur
- Distance: pas de afstand van de schaduw aan ten opzichte van de timer
- Apply To Labels: de aanpassingen kun je afzonderlijk van de timer ook toepassen op de labels
Expiration
Wanneer de timer afgelopen is, is het mogelijk om een afbeelding te tonen. De afbeelding die je daarvoor wilt gebruiken kun je hier uploaden. Doe je dit niet, dan zie je als lezer dat de timer is afgelopen doordat de tijd als volgt wordt aangeduid: 00:00:00:00