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 de berichten editor
Via de editor van de module Berichten stel je de countdown timer in.
- Plaats een rij op je canvas.
- Sleep het element Timer in de rij.
- Klik op het element.
- Er verschijnen opties voor de timer aan de linkerzijde.
- Klik op de button Timer toevoegen. Er opent een pop-up waar je de timer kan editen.
- Klik op Save en de timer verschijnt in je bericht.
Instellingen countdown timer
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
Toevoegen van een countdown timer in de oude berichten editor
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. Lees meer over de instellingen van de countdown timer.