Instellen countdown timer

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. 

Iris_bord_onder_bril.png

Blog: Extra conversie door een countdown timer
Een countdown timer kan je in jouw e-mail marketing inzetten om een gevoel van schaarste te creëren. Niet voor niets beschreef Cialdini schaarste als één van zijn overtuigingsprincipes. Het helpt je om jouw lezer in beweging te zetten om net de ene klik of aankoop extra te doen.

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.

Countdowntimer.png

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.

Countdowntimer_editor_popup.png

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.

Date.png

 

Time

Onder de datum stel je de specifieke tijd in tot wanneer de countdown timer moet lopen.

Tijd.png

 

Timer Style

Wanneer je klikt op de optie Timer Style, dan zie je verschillende opties om in te stellen:

Timer_style.png

  • 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.

Locale.png

 

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. 

More_colors.png

 

Other options

Bij Other options stel je het volgende in:

More_options.png

  • 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:

Text_Style.png

  • 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

Expiration.png