Abarone.it Logo

Email con offerte a Tempo

Come creare un email con timer a scadenza

Una delle strategie che nella comunicazione viene maggiormente utilizzata, per "spingere" all'acquisto, è legata al fattore tempo.
Offerta a Tempo
Sì, ti sarà di sicuro capitato di vederla usare o di utilizzarla in prima persona, ad esempio: Offerta Valida Fino al..., Mancano solo Pochi Giorni, Solo per Oggi, ecc...

Si tratta, in pratica, di sconti o speciali offerte che vengono applicati in un periodo circoscritto ("a partire da", "fino a").

Nel mondo offline, l'utilizzo delle "offerta a tempo" è molto diffusa, e nella speciale classifica di categoria la fanno da padrona i Discount. Non a caso, una nota catena del settore, qualche tempo fa, fu presa di mira da Maccio Capatonda & Co. che ne firmarono una simpatica parodia :)

Anche le televendite non mancano all'appello, basti guardare la seguente immagine (fonte Facebook) per condividerne immediatamente il pensiero ed... aver voglia di acquistare subito un materasso con Giorgio Mastrota dentro (???):

Ma tonando a noi, come è possibile sfruttare al meglio tutto questo, applicandolo ad un sito ecommerce e/o alla sua comunicazione promozionale (DEM, Newsletter)?
La risposta a questa domanda è un'altra domanda:
cosa di meglio che un vero e proprio conto alla rovescia per "allertare" l'utente, facendogli percepire chiaramente l'imminente scadenza di un'offerta vantaggiosa che chissà quando si ripeterà?
Ecco, la risposta è: utilizzando un Countdown!

Non sono di certo io ad inventare questa soluzione, anche tu, navigando qualche sito di e-commerce ti imbatteresti in qualche esempio come quello che segue:
Fretta

Esistono soluzioni, a mio parere più accattivanti, e maggiormente personalizzabili. A farmi scoprire lo "strumento" che ti presenterò è stata una newsletter che ricevetti qualche tempo fa da Pixartprinting. Al suo interno presentava un elemento che aveva catturato la mia attenzione.
Si presentava così:
cowntdown-newsletter

Il "conto alla rovescia" all'interno della mail era attivo, nel senso che questi scandiva il passare del tempo, sia con i numeri che con l'animazione a cerchietto, seguendo il percorso tondo a mo' di lancetta ma in senso antiorario.

Per chi è un po' pratico in materia, sa che non è possibile riprodurre questa funzionalità con uno script, questi non verrebbe correttamente letto e non darebbe lo stesso risultato.
Il countdown in questione consiste in qualcosa di molto più semplice e geniale! Si tratta infatti di una "comunissima" immagine, un'animazione .gif, prodotta utilizzando il servizio messo (anche gratuitamente) a disposizione da Motion Mail App.

Creare ora un Countdown per le tue mail sarà facilissimo:

  • collegati a https://motionmailapp.com
  • crea un account
  • clicca su "create new timer"
  • riempi tutti i campi, personalizzando il tuo timer
  • copia il codice generato ed incollalo nella tua mail

Crea Timer
[crea e personalizza timer]

Preleva Timer
[preleva codice embed]

Nulla di più semplice ed intuitivo!
Questo è quello che ho generato appositamente per quest'articolo:

  1. <span></span> <img alt="motionmailapp.com" src="http://s.mmgo.io/t/EQ3">

motionmailapp.com

Ho usato una data di "scadenza" molto lontana perché il sistema di Motion Mail App cancella tutti i timer "esauriti".

Naturalmente trattandosi di un codice HTML come questo:
<img src="http://s.mmgo.io/t/EQ4" alt="motionmailapp.com" />
motionmailapp.com
si potrà inserire anche all'interno di una scheda prodotto, soluzione che si presenta sicuramente più accattivante rispetto ad altre solitamente offerte di default per i CMS di ecommerce.

-- Piccola chicca finale per la serie "non fatelo a casa" --
Si dice (ma NON VA ASSOLUTAMENTE FATTO :P) che basti inserire l'immagine prodotta come sfondo di un div, riducendone l'altezza per "tagliere" i credits:

  1. <span></span><span class="o"><</span><span class="nt">div</span> <span class="nt">style</span><span class="o">=</span><span class="s2">"width: 338px; height: 86px; background-image: url('http://s.mmgo.io/t/EQ3');</span>
  2. <span class="s2">background-repeat: no-repeat; background-position: center top"</span><span class="o">/></span>

sembra funzioni...


barone.antonio@libero.it