Template newsletter

Cosa ricevi

• Il modello di email con la tua grafica, caricato nello strumento email
• Leggibile sul telefono: una colonna, testo grande, pulsanti facili da toccare
• Testo vero e non immagini di testo, così si capisce anche con le immagini bloccate
• Provato con invii reali in Gmail, Outlook e Apple Mail, sul telefono e sul computer, in versione chiara e scura e con le immagini bloccate, con le schermate
• Il piè di pagina con i dati della tua attività e la disiscrizione
• Il file sorgente e una pagina di istruzioni da aprire anche dal telefono: cosa si cambia e cosa no, come si prepara un'email, con dentro le schermate delle prove

Come lo faccio

Un modello di email funziona se si legge bene su ogni telefono e programma di posta, anche con le immagini bloccate e in modalità scura. Per questo si costruisce a blocchi semplici e si prova dove si rompe di più, non solo nell'editor.

1. Inventario dei blocchiDecido cosa conterrà davvero: intestazione, contenuto principale, contenuti secondari, prodotto, testimonianza, invito, piè di pagina.Perché conta: Blocchi che nessuno usa appesantiscono il modello e confondono chi lo compila.
2. Bozza a 600 pixelCostruisco il modello largo 600 pixel, a una colonna sul telefono, in HTML per email (tabelle e stili in linea) o nell'editor della piattaforma.Perché conta: Un modello largo o a più colonne sul telefono costringe a ingrandire, e chi legge chiude.
3. Stili del marchioColori, pulsanti e caratteri del tuo marchio, con un carattere di sistema di riserva; testo di almeno 16 pixel e contrasto misurato.Perché conta: Molti programmi non caricano i caratteri web: senza riserva l'email cambia aspetto da sola.
4. Testi alternativi e modalità scuraOgni immagine ha il suo testo alternativo, e il logo ha una versione o un contorno che si vede su fondo scuro.Perché conta: Con le immagini bloccate un'email fatta di immagini è vuota; in modalità scura un logo scuro sparisce.
5. Piè di paginaRagione sociale, indirizzo, disiscrizione e preferenze, con i link provati.Perché conta: Senza dati aziendali e disiscrizione l'email è fuori regola e più esposta allo spam.
6. Prove di visualizzazioneMando invii di prova a Gmail, Outlook e Apple Mail, su telefono e computer, in chiaro e in scuro, e archivio le schermate. Controllo il peso dell'HTML.Perché conta: Outlook è il programma che rompe di più i modelli; Gmail taglia le email troppo pesanti.
7. Caricamento e istruzioniCarico il modello nella piattaforma, blocco le parti da non toccare e scrivo una pagina su cosa si cambia e cosa no.Perché conta: Senza istruzioni, al terzo invio qualcuno sposta il piè di pagina o cambia i colori.

Le tecniche che uso

Layout a una colonna

Il contenuto impilato in verticale sul telefono, con pulsanti grandi e facili da toccare.

Alt text

Il testo che compare al posto dell'immagine quando il programma la blocca. Lo scrivo per ogni immagine.

Dark mode

La modalità scura dei programmi di posta, che può invertire i colori. Preparo il logo e i colori perché reggano anche lì.

Preheader

La riga che compare accanto all'oggetto nella casella. Il modello ha il suo spazio già previsto.

Gmail clipping

Gmail taglia le email HTML oltre circa 102 KB. Tengo il codice leggero e sotto quella soglia.

Contrasto WCAG AA

Almeno 4,5:1 fra testo e sfondo, misurato con uno strumento.

Cosa comprende il prezzo

Non compreso: I contenuti delle singole newsletter e il loro invio.

La modifica compresa: Ogni servizio comprende un giro di modifiche: guardiamo insieme la prima versione, mi scrivi in un elenco quello che non va e lo riadatto. Le modifiche in più, o le cose aggiunte dopo, si pagano a parte, con il costo scritto prima, nella lettera d'incarico.

La call di presentazione: Una call di presentazione per ordine, che presenta tutti i modelli insieme: le prove sui vari programmi di posta, cosa puoi cambiare da solo e perché il testo importante non va nelle immagini.