Un template HTML per la sua newsletter via email

Un'email di solo testo va bene per un messaggio veloce, ma una newsletter, un'offerta o un'email di benvenuto di solito chiedono di più: il logo, un'immagine, un pulsante ben visibile. Questa è un'email HTML. Sembra una piccola pagina web, ma si costruisce con regole molto diverse, perché i programmi di posta sono molto più rigidi dei browser. Ecco cosa contiene un buon template e come prepararlo.

Perché un'email non è una pagina web

Gmail, Outlook, Apple Mail e le app per telefono mostrano l'HTML ognuno in modo un po' diverso, e molti ignorano il codice web moderno. Per questo le email si costruiscono alla vecchia maniera:

• Tabelle per l'impaginazione, non i layout web moderni.
• Stili scritti su ogni elemento, perché molti programmi eliminano le sezioni di stile.
• Font di sistema, perché i font web personalizzati spesso non si caricano.
• Niente script, moduli o video. I programmi di posta non li eseguono. Usi invece un'immagine o un pulsante che porta al video o al modulo.

Le parti di una buona email

• Testo di anteprima: il breve testo mostrato accanto all'oggetto nella casella di posta. È il suo secondo oggetto, quindi non lo sprechi per «Visualizza nel browser».
• Intestazione: il logo, piccolo e collegato al sito.
• Titolo e immagine principale: di cosa parla l'email, in un colpo d'occhio.
• Testo breve: al massimo due o tre paragrafi.
• Un solo pulsante principale: «Scopri la collezione», «Prenota un tavolo». Un pulsante realizzato come link funziona ovunque.
• Piè di pagina: nome dell'azienda, indirizzo, contatti e link per disiscriversi.

Larghezza e telefoni

La larghezza standard è di circa 600 pixel, che sta bene sullo schermo di un computer e nel riquadro di lettura della maggior parte dei programmi. Sul telefono l'impaginazione deve diventare a una colonna, con testo abbastanza grande da leggere e pulsanti abbastanza grandi da toccare. Più della metà delle email si apre sul telefono, quindi controlli prima la versione mobile.

Immagini e testo alternativo

Alcuni programmi bloccano le immagini finché il lettore non le consente. Scriva un testo alternativo per ogni immagine, così l'email ha senso anche senza, e non metta mai un testo importante solo dentro un'immagine. Usi solo immagini che ha il diritto di usare. Le immagini vengono caricate sul servizio di invio o sul suo sito e l'email punta ai loro indirizzi.

Il link per disiscriversi

I servizi di email marketing e le norme di molti paesi richiedono un modo semplice per disiscriversi in ogni email di marketing. I template di solito contengono un segnaposto da sostituire con il link o il tag di disiscrizione del suo servizio.

Come preparare il contenuto

• Di cosa parla l'email e chi la riceve.
• I fatti: prezzi, date, codici promozionali, esattamente come sono.
• Dove porta ogni pulsante: indirizzi completi delle pagine.
• I dati del piè di pagina esattamente come devono apparire.
• Colori e stile, oppure un'email che le piace come riferimento.

Faccia una prova prima di inviare

Si invii l'email in Gmail, in Outlook e sul telefono. Clicchi ogni link e ogni pulsante, controlli il testo di anteprima e guardi l'email con le immagini disattivate.

In sintesi

Una buona email HTML usa tabelle e stili in linea, è larga circa 600 pixel, diventa a una colonna sul telefono e ha un pulsante chiaro e un piè di pagina completo. Se preferisce non costruirla da sé, ordini un'email HTML: descrive l'email, l'offerta e dove portano i pulsanti e riceve un archivio con l'HTML pronto e le immagini disegnate apposta, da importare in Mailchimp, Brevo o un altro servizio di invio. Il pagamento viene sbloccato solo dopo che lei ha accettato il lavoro.