Template o modello per newsletter: che cosa deve contenere e come costruirlo
Un buon template per newsletter è una sola colonna larga al massimo 600 pixel, con il tuo logo in alto, una chiara gerarchia di titoli e testo, un pulsante principale, testi alternativi su ogni immagine, una versione testuale, un link di disiscrizione e l'indirizzo del mittente in fondo. Chi fissa quegli otto elementi in un template riutilizzabile deve poi sostituire solo il contenuto a ogni edizione.
Questa pagina è insieme una guida e una pagina di prodotto. Prima che cosa deve contenere ogni template e dove le cose vanno storte in modalità scura, su mobile e in Outlook. Poi come costruire un template del genere nel builder drag & drop di 2Mail e come testarlo prima di inviare.
Modello, template, layout o formato?
Queste quattro parole vengono usate come sinonimi e nella pratica significano la stessa cosa: l'impaginazione fissa in cui inserisci ogni edizione. "Template" e "modello" indicano il file riutilizzabile, "layout" e "formato" piuttosto la sua disposizione. Se scegli una disposizione, nella pratica tornano sempre tre esempi.
Un solo argomento
Logo, un titolo principale, un'immagine, tre paragrafi e un pulsante. Il layout più semplice e la scelta migliore per un annuncio, un invito o un'offerta. È rapido da realizzare e lascia al lettore poco spazio per distrarsi.
Titolo più blocchi
Un argomento principale in alto e sotto due o tre blocchi più brevi, ciascuno con un proprio titoletto e link. Questo formato si adatta a una newsletter mensile in cui un tema è centrale e il resto fa da contorno.
Panoramica
Da quattro a sei elementi equivalenti uno sotto l'altro, ciascuno con un titoletto, due frasi e un link. Utile per una rassegna di notizie o un riepilogo del tuo blog, ma tienilo breve: più lungo è l'elenco, meno si clicca.
Qualunque disposizione tu scelga, gli otto elementi qui sotto valgono per tutte e tre. Il layout determina l'ordine e il ritmo della tua newsletter, non che cosa deve obbligatoriamente contenere.
Gli otto elementi di un buon template
Non preferenze estetiche, ma elementi che prevengono ciascuno un problema concreto: illeggibilità, filtri antispam, reclami o un obbligo di legge dimenticato.
Una colonna, 600 pixel di larghezza
Una sola colonna si legge ovunque allo stesso modo, da uno schermo largo a un telefono. 600 pixel è la larghezza che praticamente ogni client di posta mostra senza barra di scorrimento orizzontale.
Il tuo logo in alto
Il destinatario deve capire a colpo d'occhio da chi arriva la mail. Il logo rimanda al tuo sito e sta nell'intestazione, sopra il primo titolo — non come grande banner che spinge il contenuto verso il basso.
Una gerarchia chiara
Un titolo principale, sottotitoli per argomento e paragrafi brevi. Chi scorre deve capire in cinque secondi di che cosa parla la mail. Usa corpi di testo che restino leggibili anche su uno schermo piccolo.
Un pulsante principale
Ogni newsletter ha una cosa che vuoi far fare al lettore: ordinare, iscriversi, leggere. Dai a quell'azione un pulsante realizzato come testo e non come immagine, così resta visibile anche senza immagini.
Testi alternativi su ogni immagine
Diverse caselle di posta mostrano le immagini solo dopo un clic. Il testo alternativo è allora ciò che il lettore vede. Senza testi alternativi, di una newsletter ricca di immagini resta solo spazio bianco.
Una versione testuale
Oltre alla versione HTML invii anche una versione in testo semplice. I filtri antispam la esaminano e alcuni destinatari leggono solo quella. Il builder la genera; verifica però che sia leggibile.
Un link di disiscrizione
Obbligatorio, e nel tuo interesse: chi non riesce a disiscriversi clicca su 'spam', e ciò pesa più di una disiscrizione. Metti il link ben visibile in fondo, in parole semplici.
L'indirizzo del mittente
La tua ragione sociale e il tuo indirizzo postale in fondo a ogni newsletter. È un obbligo di legge e allo stesso tempo un segnale di fiducia: un'azienda reale, a un indirizzo reale.
Modalità scura, mobile e Outlook
Un template che nel tuo browser appare bene non è ancora pronto. Tre ambienti causano la maggior parte delle sorprese.
Modalità scura
I client di posta in modalità scura invertono o adattano i tuoi colori. Un logo scuro su sfondo trasparente sparisce; il testo bianco in un pulsante colorato diventa illeggibile. Usa logo con uno sfondo proprio e prova in modalità scura prima di inviare.
Mobile
Gran parte dei tuoi destinatari legge su un telefono. Una sola colonna si adatta da sé, ma i pulsanti devono essere abbastanza grandi da essere toccati con un pollice e i corpi di testo sotto i 14 pixel su mobile vengono ingranditi o ignorati.
Outlook
La versione desktop di Outlook usa un motore di rendering proprio che non conosce molto CSS moderno: immagini di sfondo, angoli arrotondati e alcune spaziature vengono ignorati. Costruisci il tuo template su tabelle, mantieni semplice l'impaginazione e invia un test a un account Outlook.
L'invio di prova non è quindi una formalità. Invia il tuo template ad almeno tre caselle di posta reali: una webmail, un telefono e Outlook su un pc. Ciò che appare bene lì appare bene quasi ovunque.
Il template builder di 2Mail
Non devi scrivere HTML. Il template builder drag & drop nella dashboard trasforma gli otto elementi qui sopra in blocchi che trascini, riempi e salvi.
Trascinare i blocchi
Testo, immagine, pulsante, linea di separazione e colonne: trascini i blocchi nell'ordine che vuoi e li riempi. Il builder mantiene in ordine larghezza e struttura, così il risultato regge in ogni client di posta.
Template riutilizzabili
Salva la tua struttura come template e riutilizzala per ogni edizione. Logo, colori, piè di pagina e link di disiscrizione restano fissi; sostituisci solo il contenuto. Così ogni newsletter resta riconoscibile e non dimentichi alcun elemento obbligatorio.
Invio di prova
Invia un test a te stesso e ai tuoi colleghi prima di mandare la campagna alla tua lista. Così vedi la mail come la vedranno i tuoi destinatari, con la vera riga d'oggetto, nella vera casella di posta, sul vero dispositivo.
Costruire un template in cinque passaggi
Calcola mezza giornata per la prima versione. Dopodiché una nuova edizione ti costa solo il tempo di scrivere il contenuto.
Scegli la struttura
Parti da una colonna di 600 pixel e stabilisci l'ordine: logo, titolo principale, introduzione, due o tre argomenti, pulsante, piè di pagina. Abbozzalo su carta prima di aprire il builder; è più rapido che trascinare avanti e indietro.
Inserisci gli elementi fissi
Nel builder inserisci i blocchi che tornano a ogni edizione: il logo, i colori, il piè di pagina con la tua ragione sociale e il tuo indirizzo postale e il link di disiscrizione. È la parte che non toccherai più.
Inserisci il contenuto e il pulsante principale
Scrivi per ogni argomento un titolo e due o tre frasi, aggiungi un'immagine con testo alternativo e metti un solo pulsante ben chiaro. Verifica che la versione testuale generata dal builder sia leggibile.
Prova in caselle di posta reali
Invia un test a una webmail, a un telefono e a un account Outlook, e guardalo anche in modalità scura. Correggi ciò che si sposta o sparisce e riprova.
Salvalo come template
Salva la struttura testata come template riutilizzabile. L'edizione successiva la inizi da quel template e ne sostituisci solo il contenuto, così il design e gli elementi obbligatori restano intatti.
Checklist prima di inviare
Passa in rassegna questi sei punti a ogni edizione. Costano due minuti ed evitano gli errori che non puoi più annullare una volta partita la campagna.