Procedure consigliate per il design delle email: La guida completa (2026)

Quando i professionisti dell’email marketing parlano di campagne visivamente accattivanti, possono riferirsi a cose diverse. Alcuni si concentrano sulla struttura dell’email, altri sui contenuti visivi e sulle GIF animate. Potresti anche sentire l’opinione secondo cui il miglior design email è quello che si visualizza perfettamente su tutti i client e dispositivi e che favorisce le conversioni. A causa di questa varietà di fattori, chi inizia a occuparsi di email marketing spesso si chiede cosa sia davvero importante nel design delle email.

In questo articolo approfondiremo le migliori pratiche per la progettazione grafica e parleremo di consigli per le righe dell'oggetto, i pulsanti CTA, l'ottimizzazione per i dispositivi mobili, i font sicuri per il web e altre tecniche efficaci, così da rendere i tuoi messaggi più attraenti e aumentare le conversioni. 

I punti chiave

1. Il design delle email va oltre la semplice creazione di messaggi esteticamente gradevoli e incide sull’intero processo di comunicazione: determina se l’email raggiunge il destinatario, se viene aperta e se porta all’azione desiderata.
2. L’oggetto e il testo di anteprima determinano se il destinatario aprirà l’email e visualizzerà la tua proposta.
3. L’utilizzo di una singola CTA principale consente al destinatario di concentrarsi su un’unica azione di conversione.
4. Un modello principale e una libreria di blocchi modulari costituiscono la base della coerenza del brand, riducono i tempi di produzione delle email e prevengono deviazioni dallo stile comune.
5. Un design email ottimizzato per i dispositivi mobili è essenziale: garantisce tassi di clic più elevati e una migliore esperienza per gli iscritti, poiché oltre la metà delle email viene ormai aperta da smartphone.
6. La personalizzazione nell’email marketing deve andare oltre il semplice uso del nome e includere segmentazioni basate sul comportamento e blocchi di contenuto dinamico.
7. Il rispetto degli standard di accessibilità, come i requisiti di contrasto WCAG AA, l’uso di testo alternativo descrittivo e una struttura logica delle intestazioni, apporta benefici a tutti i destinatari, non solo a chi utilizza tecnologie assistive.

Che cos’è il design delle email e perché è importante

Il design delle email consiste nell’organizzare testo, elementi visivi ed elementi interattivi all’interno di un’email affinché gli iscritti possano leggerla, scorrerla e interagirvi da qualsiasi dispositivo e in qualunque casella di posta. Comprende layout, tipografia, colori, immagini, posizionamento delle CTA, accessibilità e resa sui diversi client di posta.

Il valore aziendale in cifre

L’email continua a occupare le prime posizioni nella classifica del ROI di marketing. Secondo il benchmark ROI 2026 di Omnisend, l’email marketing genera tra 36 e 42 dollari per ogni dollaro investito nei diversi settori, con i ritorni più elevati nel retail e nell’eCommerce. Il report State of Email 2025 di Litmus, pubblicato da Validity nel giugno 2025, aggiunge una prospettiva legata al budget: le aziende che destinano oltre il 15% del budget marketing all’email hanno una probabilità doppia di raggiungere tassi di apertura superiori al 40% rispetto alla media dei mittenti. 

Ulteriori dati rilevanti per il design della campagna email:

• il tasso di apertura mediano globale tra i vari settori ha raggiunto il 43.46% nel 2025, in aumento rispetto al 42.35% del 2024. Il tasso di clic mediano è pari al 2.09%, il tasso di clic rispetto alle aperture è del 6.81%. La Mail Privacy Protection di Apple gonfia artificialmente i tassi di apertura, quindi è opportuno affiancarli ai dati di clic e conversione per misurare il reale coinvolgimento;
• nell’eCommerce, il 93% degli ordini viene attribuito all’invio di campagne e non ai flussi automatizzati, anche se le email automatiche registrano in media un tasso di apertura del 47,82% e un tasso di clic del 16,88%. Questo rende l’automazione un flusso di fidelizzazione molto efficace, complementare agli invii massivi delle campagne;
• il design ottimizzato per i dispositivi mobili offre tassi di clic fino al 15% superiori rispetto ai modelli non ottimizzati. Con il 55% delle email che oggi viene aperto su smartphone e tablet, il design responsivo è passato dall'essere un vantaggio competitivo a un requisito fondamentale;
• i contenuti dinamici nelle email possono aumentare le entrate fino al 22%, e i messaggi mirati per l'e-commerce mostrano tassi di clic superiori del 267.21% rispetto alle campagne non mirate;
• le email personalizzate offrono tassi di transazione 6 volte superiori, e i marchi che eccellono nella personalizzazione generano il 17% di entrate in più dalle email rispetto alla media degli esperti di marketing.

Come il design delle email si differenzia dal web design

I web designer si affidano a browser moderni, JavaScript e CSS Grid. I designer di email lavorano invece con i programmi di posta, la maggior parte dei quali elimina ancora JavaScript, ignora il CSS moderno e mostra lo stesso codice in modo diverso su Gmail, Outlook e Apple Mail.

Forse è per questo che il design dei modelli di email si è evoluto più lentamente, basandosi su una vasta gamma di strumenti di creazione e sul continuo test di nuovi elementi. Ed è questo il motivo principale per cui tutte le novità di design applicate al sito web di un marchio non possono essere portate subito anche nelle email.

Cosa contiene questa guida

In questa guida condividiamo 17 sezioni, strutturate in modo da poter essere lette dall'inizio alla fine per avere un quadro completo, oppure per saltare direttamente alla parte che ti serve. Ogni sezione ti offre le migliori pratiche per il design delle email, il motivo per cui esistono ed esempi di come funzionano nella pratica.

I fondamenti del design delle email: struttura e gerarchia visiva

Prima di scegliere i caratteri o i colori, devi prendere due decisioni: come è strutturata l'email e come si muove l'occhio al suo interno. Entrambe stabiliscono se gli iscritti continueranno a leggere oltre la prima schermata.

I tre modelli di struttura e quando usarli

In base a come è strutturata l'email, esistono tre tipologie:

1. La struttura a colonna singola è la scelta standard per la maggior parte delle email di marketing. Funziona sui dispositivi mobili senza bisogno di modifiche e si visualizza allo stesso modo su tutti i programmi di posta. Si usa per newsletter, serie di benvenuto, invii promozionali e per la maggior parte delle email transazionali.
2. La struttura ibrida (a colonna singola sui telefoni e a più colonne sui computer) viene creata con regole speciali che stringono le colonne sugli schermi piccoli. Si usa quando hai dei confronti affiancati (come le caratteristiche di un prodotto o i vari piani di abbonamento) che devono restare facili da leggere anche sui telefoni.
3. La struttura modulare è una pila di blocchi di contenuto indipendenti che puoi riorganizzare a ogni invio. Si usa per le email in stile newsletter, dove mandi contenuti diversi a gruppi di persone diversi.

Progettare il flusso di lettura: modello a F, modello a Z e triangolo rovesciato

Progettare il flusso di lettura significa disporre gli elementi in base a come si muovono gli occhi delle persone in modo naturale, così da guidare l'attenzione del lettore verso i punti più importanti.

Le ricerche sul tracciamento oculare mostrano chiaramente tre modelli di lettura principali:

1. Modello a F: scansione orizzontale nella parte superiore, poi una seconda scansione orizzontale più breve qualche riga più in basso, quindi una scansione verticale lungo il margine sinistro. Da usare per newsletter con molto testo, dove i lettori tendono a scorrere rapidamente.
   
   

   
   (Fonte: Email Love)

2. Modello a Z: movimento diagonale dall’angolo in alto a sinistra verso l’alto a destra, poi discesa verso l’angolo in basso a sinistra e infine attraversamento verso l’angolo in basso a destra. Da usare per email promozionali brevi con un elemento principale, un blocco di supporto e una singola call‑to‑action.
   
   

   
   (Fonte: Email Love)

3. Modello a triangolo rovesciato: parte superiore ampia e d’impatto (titolo principale, immagine principale), parte centrale più stretta con il testo dei benefici e un unico punto focale in fondo (CTA). Da usare quando vuoi che tutto il contenuto converga verso un singolo clic.
   
   

   
   (Fonte: Email Love)

Scegli il modello di lettura prima di scegliere la parte grafica. Le decisioni sul layout prese al contrario, partendo cioè da un'idea di design, raramente funzionano bene quando si fanno i test A/B.

White space come strumento di progettazione, non come spazio vuoto

Le email troppo piene sembrano economiche, mentre una spaziatura generosa comunica qualità. Il white space svolge tre funzioni contemporaneamente: separa gli elementi permettendo all’occhio di riposare, segnala la gerarchia tramite la vicinanza o distanza tra i blocchi e offre spazio sufficiente ai touch target su mobile.

Una raccomandazione di base per il white space è di usare 20-30 px tra i blocchi di contenuto, 12-16 px tra i paragrafi e almeno 24 px intorno ai pulsanti. 

Carico cognitivo: come ridurlo in ogni email

Ogni elemento aggiuntivo costa al lettore una frazione di secondo. Tre tattiche mantengono basso il carico cognitivo:

• un solo obiettivo per email. Promuovi una cosa sola. Raccomanda un'unica azione. Se devi promuovere cinque cose, invia cinque email diverse;
• struttura prevedibile. Usa lo stesso modello di layout per lo stesso tipo di email ogni volta, così gli iscritti non devono imparare di nuovo le regole a ogni invio;
• divisione visiva in blocchi. Raggruppa le informazioni collegate tra loro usando sfondi condivisi, bordi o spaziature. Non costringere i lettori a fare da soli questo raggruppamento.

Progettare l'intestazione dell'email

Un’ottima intestazione dell’email svolge due funzioni: identifica il mittente e offre ai lettori un modo per accedere al sito completo o alla versione web dell’email. Mantienilo visivamente pulito e minimalista, così non sottrae spazio all’immagina principale sottostante.

Costruisci l’intestazione con:

• nome aziendale e logo: aiutano i lettori a riconoscere subito il mittente e a distinguere le tue comunicazioni da quelle dei concorrenti;
• menu di navigazione: collega alle principali sezioni del sito, alle promozioni attive o al store locator. Mantienilo tra 3 e 5 voci per non affollare il layout;
• link “visualizza nel browser”: non tutti i client email rendono correttamente elementi interattivi o GIF, quindi offri ai lettori un modo per vedere la versione completa online;
• link di disiscrizione: di solito si trova nel piè di pagina, ma alcuni brand lo includono anche nell’intestazione. Entrambe le soluzioni vanno bene, purché sia visibile e raggiungibile con un solo clic.

(Fonte: Email da Pandora)

Struttura e conformità del piè di pagina dell’email

Il piè di pagina dell’email è il punto di chiusura del messaggio, ma rappresenta comunque un’opportunità per coinvolgere i lettori e rafforzare il brand. Usalo per inserire le icone dei social media, i link alle pagine più importanti, i recapiti e il link di disiscrizione.

Per essere conforme al CAN-SPAM in the US negli Stati Uniti e al GDPR nell’Unione Europea, il piè di pagina deve includere:

• un link o una CTA di disiscrizione che funzioni con un solo clic;
• un motivo per cui il destinatario ha ricevuto l’email (ad esempio:, " Ti sei iscritto su example.com");
• un indirizzo fisico dell’azienda mittente.

(Fonte: Email da Stripo)

Oggetto e testo di anteprima: la prima decisione di design

La maggior parte degli articoli tratta le righe dell’oggetto come semplice copywriting. In realtà sono anche una decisione di design, perché determinano se il resto del tuo design di email marketing verrà visto oppure no. Gli studi mostrano che il 47% dei destinatari decide se aprire un’email basandosi esclusivamente sull’oggetto. Inoltre, il 69% dei destinatari sposta direttamente le offerte nella cartella spam quando le righe dell’oggetto appaiono troppo commerciali.

Limiti di caratteri per client di posta (Gmail, Apple Mail, Outlook)

Tieni presente che la lunghezza dell’oggetto non è solo una scelta estetica; è un fattore chiave per assicurarti che i destinatari siano interessati alla tua email e decidano di aprirla. La lunghezza dell’oggetto visualizzata varia leggermente a seconda del client di posta.

 

Progetta per il viewport più corto (Gmail mobile, circa 30-40 caratteri) e lascia che i client più ampi mostrino il resto. Le righe dell’oggetto con le migliori performance hanno in media 43.85 caratteri.

Formule per oggetti che aumentano le aperture

Ci sono innumerevoli formule di copywriting per scrivere oggetti e titoli. Solo i test possono rivelare quali siano le più efficaci per il tuo business e per il tuo pubblico.

Ecco cinque degli approcci più utilizzati che superano costantemente quelli generici:

1. Curiosity gap (Generare curiosità): "Cosa abbiamo imparato inviando 1,8 milioni di email nell'ultimo trimestre".
2. Specific benefit (Beneficio specifico): "Riduci di 3,7 volte i tempi di creazione delle tue email".
3. Question (Domanda): "Il tuo design in modalità scura si vede male su Outlook?"
4. Number-led (Guidato dai numeri): "12 esempi di email design da copiare subito".
5. Personal (Personalizzato): "{First name}, il tuo report mensile è pronto".

Scrivere il testo di anteprima come un secondo oggetto

Un testo di anteprima accattivante è l’ultimo elemento che determina se un’email verrà aperta o ignorata. Di solito il testo di anteprima è una continuazione dell’oggetto; rappresenta quindi un’ulteriore occasione per stimolare la curiosità del tuo pubblico o suscitare un’emozione. Perché? I testi di anteprima personalizzati aumentano il tasso di apertura fino al 44.67%, rispetto al 39.28% delle email che non li utilizzano.

Alcune regole:

• non ripetere l’oggetto: usa il testo di anteprima per aggiungere dettagli, non per duplicare;
  
  
• non lasciare che il testo di anteprima mostri la prima riga dell’email ("Visualizza nel browser …");
• usa un testo di anteprima nascosto quando vuoi che gli iscritti vedano un messaggio nella casella di posta ma ne leggano un altro una volta aperta l’email.
  
  

Oggetti dinamici: personalizzazione su larga scala

Gli oggetti statici trattano tutti gli iscritti allo stesso modo. Quelli dinamici sostituiscono le variabili in base ai dati del segmento, al comportamento o alla posizione.

Tre esempi che funzionano:

• geopersonalizzato: “Consegna gratuita in giornata a {city}";
• comportamentale: “Hai lasciato {product} nel carrello";
• ciclo di vita: "{First name}, il primo anno con {brand} lo offriamo noi ".

Design delle email mobile-first

Il 55% delle email viene ormai aperto da dispositivi mobili, rendendo il design responsive un requisito di base e non più un valore aggiunto.

Perché mobile‑first, non mobile-friendly

Mobile‑friendly significa che hai progettato per desktop e ti sei assicurato che l’email non dia problemi su mobile. Il design email mobile-first significa progettare prima per lo schermo del telefono, con la versione desktop che deriva da quella mobile. 

La differenza emerge in tre punti:

• gerarchia: le email progettate prima per il telefono iniziano con il blocco più importante in alto, perché sullo schermo del cellulare non c'è una colonna laterale su cui appoggiarsi;
• pulsanti facili da cliccare: i bottoni sono grandi fin dall'inizio per essere premuti con le dita (minimo 44 × 44 pixel), non vengono rimpiccioliti partendo da una versione per computer;
• numero di parole: le email pensate per il telefono sono più corte, perché leggere 500 parole sullo schermo di un cellulare è faticoso.

(Fonte: Email da Gucci)

Anche se scegli il design responsivo invece del mobile-first, usa queste buone pratiche:

• usa una struttura a una singola colonna per ottimizzare. Le strutture a più colonne non sono la scelta migliore per i dispositivi mobili;
• aggiungi caratteri più grandi. Il testo deve essere leggibile e ben visibile senza dover fare lo zoom;
• rimuovi dalla versione mobile alcuni elementi di design per liberare spazio ed evitare confusione.

Struttura a una colonna contro struttura a più colonne: regole per ogni punto di interruzione

Progettare email responsive richiede di adattare la struttura a specifici punti di interruzione per garantire una leggibilità ottimale. La regola d'oro è che le strutture a più colonne funzionano bene sugli schermi larghi, ma devono impilarsi in una singola colonna adatta ai cellulari sugli schermi stretti, così da evitare zoom innaturali e scorrimenti orizzontali.

Ecco i tre gruppi principali di dimensioni per la struttura delle email:

• sotto i 480 px (la maggior parte dei telefoni): colonna singola, immagini a tutta larghezza, pulsanti CTA impilati. Le strutture a colonna singola funzionano sempre meglio di quelle a più colonne sui telefoni perché eliminano lo scorrimento orizzontale e il gesto di zoomare con le dita, che rovinano le conversioni;
• 481-768 px (telefoni grandi, piccoli tablet): la colonna singola vince ancora. Alza la dimensione del carattere a un minimo di 16 px;
• 769 px e oltre (tablet, computer): le strutture a due colonne funzionano bene per le griglie di prodotti, i confronti di caratteristiche e i moduli di contenuto dove la lettura affiancata aggiunge valore.

Dimensioni dei punti di tocco e pulsanti CTA facili da cliccare

Le linee guida HIG di Apple raccomandano una dimensione minima del punto di tocco di 44 × 44 px. Le linee guida Material di Google dicono 48 × 48 dp. Prendi la più grande tra le due e aggiungi dello spazio intorno. Oltre a questo, ogni pulsante dovrebbe avere almeno 8-12 px di spazio libero su ogni lato, così gli iscritti non lo premono per sbaglio.

E un'altra regola per i dispositivi mobili: allarga il pulsante CTA per tutta la larghezza dello schermo del telefono, rendendolo più facile da cliccare.

Ora, confrontiamo il design delle email per i computer:

(Fonte: Email da Ryanair)

Ecco lo stesso modello di email sul dispositivo mobile:

(Fonte: Email da Ryanair)

Verifica su diversi dispositivi: strumenti e flusso di lavoro

Un flusso di lavoro di verifica base copre Apple Mail iOS (chiaro + scuro), Gmail Android (chiaro + scuro), Gmail web (Chrome + Firefox), Outlook per computer (Windows) e Outlook web. Costruisci questo elenco come matrice di copertura minima.

Ecco il risultato, dove puoi vedere subito come viene mostrata la tua email su diversi dispositivi, programmi di posta e in modalità scura.

Design dei pulsanti CTA: generare clic in modo intenzionale

I pulsanti di chiamata all'azione non passano mai di moda e rimangono una delle regole fondamentali nel design delle email per spingere gli utenti a fare clic. Questi elementi motivano il pubblico a visitare il tuo sito web o a scoprire di più sui tuoi servizi. 

Come far risaltare i pulsanti nelle tue campagne email? 

Diamo un’occhiata:

• usa colori contrastanti per separare i pulsanti CTA dal resto del testo e dei contenuti visivi;
• inserisci dei link per indirizzare i destinatari verso pagine web specifiche;
• regola la dimensione per assicurarti che il pulsante sia facile da cliccare sia sui computer che sui dispositivi mobili.

(Fonte: Email da Baublebar)

Testo live contro CTA basate su immagini: perché è importante

I pulsanti CTA basati solo su immagini scompaiono quando i destinatari bloccano i contenuti visivi. Outlook per Windows, infatti, blocca ancora le immagini per impostazione predefinita, e molti firewall aziendali rimuovono completamente le immagini esterne. Se la tua unica CTA si trova dentro un'immagine PNG, una parte importante del tuo pubblico non vedrà nulla su cui poter cliccare.

I pulsanti con testo vivo (pulsanti in HTML con colori di sfondo in CSS) vengono invece mostrati sempre, appaiono correttamente in modalità scura e rimangono cliccabili anche quando le immagini non si caricano. Usali come scelta predefinita. Riserva i pulsanti basati su immagini solo per campagne speciali e molto stilizzate, dove l'impatto visivo coincide con il messaggio stesso.

Gerarchia tra CTA primarie e secondarie

Ogni email dovrebbe avere un solo obiettivo principale, il che significa una sola CTA primaria. Se hai bisogno di inserire una CTA secondaria ("Scopri di più", "Sfoglia la collezione"), impostala come un semplice link testuale o come un pulsante "fantasma", in modo che sia visibilmente subordinata a quella principale.

La logica della gerarchia:

• CTA primaria: Sfondo colorato e pieno, colore del marchio, testo da 16-18 pixel, a tutta larghezza sui dispositivi mobili;
• CTA secondaria: solo contorno o solo testo, più piccola, posizionata sotto o a fianco di quella primaria;
• azioni terziarie: link testuali inseriti direttamente all'interno del corpo del testo.

Se i tuoi pulsanti primari e secondari sembrano identici, nessuno dei due è primario.

(Fonte: Email da Stripo)

Testo del pulsante: la regola delle 6 parole

Le CTA più efficaci sono composte da 1-4 parole. Oltre le 6 parole, non è più un pulsante ma una frase che finge di esserlo. 

Confronto:

• ❌ "Clicca qui per attivare oggi la tua prova gratuita” (9 parole, generica);
• ✅ "Avvia la prova gratuita” (3 parole, verbo specifico).

I verbi all’inizio funzionano meglio dei nomi. Le parole specifiche funzionano meglio di quelle generiche. “Ottieni il rapporto” funziona meglio di “Clicca qui”. “Attiva il tuo sconto” funziona meglio di “Invia” ".

Posizionamento della CTA: sopra la piega e profondità di scorrimento

Posiziona la tua CTA primaria "sopra la piega" sui telefoni cellulari, cioè entro i primi 480 pixel di spazio verticale. Ripetila poi in fondo alle email lunghe, così i lettori che arrivano fino alla fine non devono scorrere di nuovo verso l'alto per cliccare.

Sui telefoni, posiziona le CTA nelle zone facilmente raggiungibili con il pollice, di solito al centro o nella metà inferiore dello schermo.

(Fonte: Modello Stripo)

Personalizzazione e contenuti dinamici nel design delle email

Le email generiche stanno perdendo efficacia trimestre dopo trimestre. Nel 2025, il 97% degli esperti di marketing ha incorporato almeno un elemento interattivo nelle proprie email di marketing e il 49% ha utilizzato l’IA generativa per creare contenuti statici.

Livelli di personalizzazione: dal nome ai blocchi comportamentali

La personalizzazione si sviluppa su uno spettro, non si accende con un interruttore:

• basata su token: il nome proprio nell’oggetto o nel saluto, il livello minimo indispensabile;
• basata su segmenti: contenuti diversi per elenchi diversi (nuovi clienti contro clienti storici, utenti gratis contro utenti a pagamento, oppure in base alla posizione geografica;
• basata sul comportamento: contenuti che cambiano in base a ciò che l'iscritto ha fatto (o non ha fatto) di recente;
• predittiva: contenuti basati sui segnali del machine learning (prossimo miglior prodotto, rischio di abbandono, ottimizzazione dell'orario di invio).

La maggior parte dei team si ferma ai primi due livelli di personalizzazione, e solo pochi vanno oltre applicandoli tutti.

Progettare blocchi di contenuto dinamico che si adattano in base al segmento

Un blocco dinamico è composto da tre parti: una versione standard (se mancano i dati sul segmento dell'utente), i contenuti variabili e la regola che decide quale versione mostrare.

Oggetti, banner e consigli sui prodotti personalizzati

Tre posizionamenti personalizzati che faranno decollare i tuoi dati:

• variabili nell'oggetto delle email: nome, città o ultimo prodotto visualizzato;
• banner principale: immagini differenti in base al segmento (uomo o donna, principiante o avanzato);
• prodotti consigliati: inseriti in automatico da un motore di raccomandazione e aggiornati in tempo reale all'apertura dell'email con gli elementi Smart.

Come creare un modello di email personalizzato in Stripo

Una ricetta veloce per una promozione segmentata:

1. Crea il modello principale con due o tre blocchi di contenuto pronti per la segmentazione.
2. Aggiungi una scheda prodotto Smart collegata alla tua fonte dati.
3. Imposta le condizioni di visibilità su ogni blocco (ad esempio: "mostra solo se segment = returning_customer").
4. Mappa i tag dinamici ({first_name}, {city}, {last_product}) sia nell'oggetto che nel testo.
5. Testa il messaggio in modalità Anteprima usando dei profili di prova prima di inviare.

Questo approccio ti consente di creare l'intera email in un solo file anziché in cinque file separati. Così puoi personalizzare i tuoi messaggi in modo semplice e senza limiti.

Coerenza del brand in tutte le campagne email

Un’identità di brand coerente crea fiducia. Il 78% di chi fa marketing oggi riesce a calcolare il guadagno delle proprie campagne email, e le aziende che ottengono i risultati migliori sono quelle che usano i dati, rispettano lo stile del brand e rispondono ai bisogni di ogni singolo cliente.

Il modello principale: l'unico punto di riferimento per il tuo brand

Un modello principale è la versione ufficiale e protetta del tuo brand dentro un file email: include intestazione, piè di pagina, colori, dimensioni dei testi, stili dei pulsanti e spaziature predefinite. Ogni nuova campagna inizia come una copia di questo modello.

La vera regola non è semplicemente "usa il modello principale". La regola d'oro è "non modificare mai il modello principale dentro una singola campagna". Se c'è qualcosa da cambiare, modificalo nel modello principale e aggiorna tutto.

Tavolozza dei colori, tipografia e regole del logo per le email

L'email non è come il web: i colori cambiano, i caratteri tornano a quelli predefiniti se non sono supportati, e i loghi non si leggono bene in modalità scura. 

Blocca i seguenti elementi:

• tavolozza del brand con 2-3 colori con valori esadecimali, più varianti chiare/scure per ciascuno;
• dimensioni dei caratteri con font alternativi sicuri per il web (approfondiremo questo aspetto nella sezione dedicata alla tipografia);
• trattamento del logo per sfondi chiari e scuri: un singolo PNG con sfondo trasparente e un contorno da 1-2 px funziona in entrambe le modalità.

Utilizzare il kit per le linee guida del brand di Stripo

Stripo offre il per le linee guida del brand, uno strumento che integra le regole del marchio direttamente nei flussi di lavoro email per semplificare la creazione e l’utilizzo di linee guida specifiche per le email. Con questo kit, puoi generare una linea guida del marchio basata sui modelli email costruiti direttamente nel builder di Stripo. Il sistema crea automaticamente una guida personalizzata che include tutti gli elementi essenziali, esportabile in PDF o archiviabile all’interno dell’editor. In questo modo, l’intero team può accedervi in qualsiasi momento, senza uscire dalla piattaforma.

Coerenza tra i canali: email, sito web, social

Il design di un'email è legato a tutto il resto. Un iscritto che passa dall'email a una pagina di atterraggio si aspetta gli stessi colori, testi e stile. Chi guarda le tue storie su Instagram deve riconoscere il tuo brand appena apre la tua email.

Fai questo test: affianca la tua email migliore, una pagina di atterraggio e un post sui social. Se l'immagine del brand non coincide entro due secondi, c'è un vuoto da colmare nella tua strategia visiva.

Il sistema dei modelli email: come creare strutture fatte per crescere

Quando invii più di 4 o 5 campagne al mese, creare ogni email da zero non funziona più. Hai bisogno di un sistema di design per le email che renda tutto standard e velocizzi il processo di creazione.

Modelli principali contro librerie di blocchi modulari

Per ottenere questa uniformità, puoi seguire due strade: usare i modelli principali oppure creare una libreria di blocchi modulari che contengono elementi pronti da riutilizzare.

Ecco come puoi dividere i compiti:

• utilizza un modello principale per le email transazionali, le newsletter e tutti gli invii ad alto volume che hanno una struttura fissa;
• utilizza una libreria di moduli per le campagne promozionali in cui la struttura cambia, ma gli elementi (come la copertina, la scheda prodotto, le recensioni e il piè di pagina) si ripetono.

Progettare blocchi di contenuto riutilizzabili

I blocchi di contenuto riutilizzabili si adattano a qualsiasi schermo, usano impostazioni predefinite e si possono inserire in qualunque punto dell'email. Per esempio, i Moduli di Stripo sono blocchi salvati, con un nome specifico e pronti da condividere, che ogni persona del team può trascinare in qualsiasi modello.

I moduli sincronizzati risolvono il problema degli aggiornamenti: ti basta modificare un modulo una sola volta per aggiornare in automatico tutti i modelli di email in cui si trova. Invece di ripetere le stesse modifiche tantissime volte, fai tutto in un colpo solo. È proprio così che riesci a dimezzare i tempi di revisione.

Regole di denominazione dei modelli e gestione del team

Una convenzione di denominazione indispensabile per ogni team:

{campaign type}_{audience}_{variant}_{date}

Esempi:

• promo_returning-customer_summer-sale-A_2026-05
• newsletter_all-subscribers_weekly_2026-05-12
• transactional_all_password-reset_master

Unisci queste regole a una gestione dei permessi in base al ruolo: i designer modificano i moduli, i marketer li usano per comporre i modelli e i responsabili danno l'approvazione finale. I ruoli personalizzati di Stripo servono proprio a far rispettare questa organizzazione.

Come il catalogo dei modelli di Stripo velocizza la produzione

Oltre 1.650 modelli predefiniti coprono la maggior parte dei tipi di invio: benvenuto, carrello abbandonato, newsletter, festività, lancio di prodotto e riattivazione. Partire da un modello già validato e adattarlo riduce i tempi di produzione di circa 3,7× rispetto alla creazione da zero.

Tipografia nelle email: caratteri, dimensioni e leggibilità

È utile sperimentare con i caratteri quando si progettano email. Tuttavia, alcuni caratteri web possono creare problemi, perché non tutti i client di posta li visualizzano correttamente.

Caratteri standard contro caratteri personalizzati: compromessi e alternative

I caratteri sicuri per il web (come Arial, Tahoma, Verdana, Trebuchet, Georgia, Times New Roman, Helvetica e Courier) si vedono correttamente su qualsiasi programma di posta. Non sono nulla di speciale, ma funzionano sempre.

I caratteri personalizzati (come Inter, Roboto, Poppins, Open Sans e tutti quelli di Google Fonts) si vedono invece su Apple Mail, iOS Mail, Gmail dal computer e su alcune versioni di Outlook. Su Outlook per computer e su altri programmi, se non sono supportati, vengono sostituiti da quelli standard.

Se vuoi, puoi scegliere un carattere personalizzato per i titoli principali all'inizio dell'email, ma assicurati di configurare bene i caratteri di riserva:

Se il carattere personalizzato non viene caricato, quello di riserva deve risultare il più simile possibile a quello originale.

Gerarchia delle dimensioni dei caratteri: intestazioni, corpo testo, didascalie

Una scala tipografica funzionale per le email di marketing:

• titolo principale /H1: 28-36 px;
• titolo di sezione/H2: 22-26 px;
• titolo di sottosezione/H3: 18-20 px;
• testo principale: minimo 16 px sui telefoni (14 px solo per note legali e piè di pagina);
• didascalie e note in piccolo: 12-13 px.

Il testo principale sotto i 14 px sui telefoni è uno degli errori di leggibilità più comuni. Qualsiasi dimensione più piccola costringe chi legge a ingrandire lo schermo con le dita, e la maggior parte delle persone preferisce non farlo.

Interlinea, spaziatura delle lettere e larghezza dei paragrafi

Ottimizzare la tipografia nelle email è fondamentale per garantire una buona leggibilità.

Queste regole ti aiuteranno a progettare le email senza il rischio che le scritte si sovrappongano tra loro:

• interlinea: da 1,4 a 1,6 volte la dimensione del testo principale. Se è più stretta stanca gli occhi, se è più larga dà troppa aria al testo;
• spaziatura tra le lettere: lascia quella predefinita, a meno che tu non stia scrivendo un titolo tutto in maiuscolo (in quel caso aggiungere da +0,5 a +1 px aiuta a leggere meglio);
• larghezza del paragrafo: la misura ideale per una buona lettura è tra i 50 e i 75 caratteri per riga. Sui telefoni questo spazio si sistema da solo, mentre sul computer conviene limitare la larghezza dei blocchi di testo a circa 600 px.

Tipografia e accessibilità: cosa evitare

Le migliori pratiche per la tipografia e l’accessibilità nelle email includono quanto segue:

• il corsivo crea problemi di accessibilità: riduce infatti la leggibilità per le persone con dislessia o ipovisione;
• usa al massimo due famiglie di caratteri per ogni email; tre è il limite assoluto;
• il testo principale tutto in maiuscolo è più difficile da leggere rispetto a quello scritto normalmente con maiuscole e minuscole;
• non giustificare il testo: l'allineamento a sinistra si legge molto meglio ed evita la creazione di spazi vuoti irregolari tra le parole.

Accessibilità email: progettare per tutti i destinatari

Il design accessibile delle email di marketing non riguarda solo il rispetto dei requisiti di legge. Dimostra, prima di tutto, che le persone hanno cura delle persone — in particolare di chi utilizza lettori di schermo, di chi ha una ridotta capacità visiva, di chi visualizza i contenuti in condizioni di scarsa illuminazione e di chi ha le immagini disattivate.

La lista di controllo WCAG per chi progetta email

La lista di controllo WCAG per i designer spiega i passaggi pratici da seguire per rendere le tue email in HTML intuitive e a norma su tutti i principali programmi di posta.

WCAG 2.2 AA, versione condensata per l’email:

• contrasto: almeno 4.5:1 per il testo principale, 3:1 per i testi grandi (da 18 px in su) e per gli elementi dell'interfaccia;
• ridimensionamento del testo: i contenuti devono rimanere leggibili anche quando chi riceve l'email ingrandisce la pagina al 200%;
• testo alternativo: ogni immagine importante deve avere una descrizione; per le immagini solo decorative, usa un attributo vuoto (alt="");
• struttura semantica: usa i veri tag per i titoli (H1, H2, H3) nell’ordine corretto, non testo stilizzato;
• navigazione da tastiera: ogni elemento interattivo deve essere raggiungibile e utilizzabile senza mouse;
• indipendenza dal colore: non usare mai il colore come unico indicatore di significato (aggiungi icone, etichette o testo).

Rapporti di contrasto cromatico: strumenti e standard minimi

Le WCAG livello AA richiedono un rapporto di contrasto minimo di 4.5:1 per il testo normale e di 3:1 per il testo di grandi dimensioni. 

Strumenti di verifica:

• WebAIM Contrast Checker (gratuito e basato sul web);
• Stark (plugin per Figma);
• Adobe Color Contrast Analyzer (integrato in Adobe XD).
• Esegui ogni combinazione di colori del tuo modello principale con uno di questi strumenti prima di finalizzare il design. Il contrasto cromatico è la principale violazione di accessibilità sul web, e riguarda il 79.1% di tutte le home page.

Compatibilità con i lettori di schermo: struttura semantica

I lettori di schermo interpretano la struttura HTML, non il layout visivo. Questo significa che:

• usa i tag <h1>, <h2>, <h3> per i veri titoli, seguendo l'ordine corretto. Non saltare i livelli solo per ottenere un certo stile grafico;
• usa <table role="presentation"> per le tabelle di layout, così i lettori di schermo le ignoreranno come struttura;
• imposta lang="en" (o la lingua in cui stai inviando il messaggio) nel tag <html>;
• aggiungi un <title> significativo all'email, così i lettori di schermo potranno annunciarne lo scopo.

Linee guida per il testo alternativo di immagini e GIF

Il testo alternativo serve a due tipi di pubblico: a chi usa le tecnologie assistive e a chi ha il blocco delle immagini attivo nella propria casella email.

Ecco come viene consigliato di scrivere i testi alternativi:

• immagini decorative: alt="" (vuoto, non mancante);
• immagini informative: descrivi il messaggio che l'immagine vuole trasmettere, non come è fatta graficamente (es. "Collezione primavera: impermeabili leggeri e stivali resistenti all'acqua", invece di "Foto di un cappotto giallo");
• immagini con CTA: descrivi l'azione da compiere (es. "Acquista la collezione primavera");
• GIF: descrivi cosa succede nell'animazione. Se la GIF non si carica, il primo fotogramma insieme al testo alternativo deve comunque riuscire a comunicare il messaggio.

Immagini, GIF e contenuti visivi interattivi

L’uso di immagini, GIF e contenuti visivi interattivi nelle email richiede anche il rispetto di alcune linee guida, per garantire che le email risultino accattivanti nei diversi client e che gli utenti visualizzino correttamente gli elementi grafici.

Specifiche di dimensionamento e ottimizzazione delle immagini per dispositivo

La prima cosa a cui prestare attenzione è la dimensione delle immagini utilizzate.

Le linee guida di base per le dimensioni delle immagini sono le seguenti:

• larghezza: 600-640 px per il corpo principale dell'email, 1200-1280 px per gli schermi retina (usa sia l'attributo width che i CSS);
• formato dei file: JPG per le foto, PNG per i loghi e la grafica con trasparenze, GIF per le animazioni, WebP solo se hai la certezza che funzioni sui programmi email del tuo pubblico;
• dimensioni dei file: mantieni il peso totale dell'email sotto i 100 KB e ogni singola immagine sotto i 50 KB;
• compressione immagini: TinyPNG o Squoosh rimuovono i metadata e comprimono senza perdita visibile di qualità.

Banner o immagini di copertina: le regole migliori per le email

Pensa ai banner come a una piacevole aggiunta alla tua email e cerca di non esagerare. Una buona strategia consiste nel coinvolgere il pubblico con immagini, link o GIF in linea con il tuo marchio, che aiutino a trasmettere il messaggio dell'email. Il segreto è raccontare una storia invece di vendere e basta. I banner troppo commerciali possono sembrare sospetti, quindi è meglio puntare sullo storytelling.

Suggerimenti da considerare per i banner:

• anche se la maggior parte delle persone sceglie immagini con una larghezza standard di 600-700 px per i computer, puoi provare altre misure. L'importante è che si adattino bene anche agli schermi dei telefoni;
• prova a usare caroselli, video e GIF;
• aggiungi immagini personalizzate con sfondo trasparente o collage per dare un tocco di novità al modello della tua email.

(Fonte: Email da Chanel)

Regole per le GIF: tempi di caricamento, limiti di lampeggiamento e immagine di riserva sul primo fotogramma

Le GIF possono rendere le email più dinamiche e coinvolgenti, ma vanno usate con attenzione. Per evitare caricamenti lenti e problemi di visualizzazione, mantienile sotto 1 MB: i file troppo grandi potrebbero essere bloccati o non caricarsi in alcuni programmi di posta. È importante anche mettere come primo fotogramma quello più importante, perché alcune versioni di Outlook per Windows mostrano solo la prima immagine fissa invece dell'animazione completa. Inoltre, se la GIF non dovesse caricarsi affatto, un testo alternativo chiaro deve comunque comunicare il messaggio principale o la CTA.

Evita i lampeggiamenti eccessivi e limita le animazioni a non più di due flash al secondo per ridurre il rischio di causare crisi nei soggetti fotosensibili. È anche meglio non esagerare con il movimento all'interno dell'email: usare più di una GIF nella stessa schermata può distrarre rapidamente il lettore e risultare visivamente pesante.

(Fonte: Email da Tiffany)

Quando usare caroselli, video e moduli interattivi

I moduli interattivi e i video aiutano chi fa email marketing a rendere le loro email memorabili per i lettori, le cui caselle di posta sono sovraccariche di campagne promozionali, e ad aumentare il coinvolgimento, con un impatto positivo sui risultati.

Ecco i migliori consigli per questo tipo di contenuto: 

1. Usa i caroselli (AMP) quando hai più di 4 prodotti da mostrare e l'email è destinata a un pubblico che usa principalmente Gmail. Imposta una griglia statica come alternativa per i programmi di posta che non supportano la tecnologia AMP.
2. Inserisci il video usando un'immagine di copertina con sopra un pulsante "Play", che rimanda al link dove si trova il video originale. La riproduzione del video direttamente dentro l'email funziona solo con alcuni programmi di posta, ma in modo discontinuo.
3. Usa moduli interattivi come sondaggi, quiz e punti informativi sulle immagini per raccogliere dati sul coinvolgimento senza reindirizzare gli iscritti su una pagina esterna.

(Fonte: Email da Stripo)

Gestione delle immagini in modalità scura: PNG trasparenti contro sfondi pieni

Circa il 35% delle aperture email avviene in modalità scura e circa l’82% degli utenti smartphone ha la modalità scura attivata. 

La maggior parte dei bug di rendering in modalità scura deriva dalle immagini:

1. Un logo con testo scuro su sfondo bianco scompare o si inverte in modalità scura.
   Correzione: esporta i loghi come PNG trasparenti con un sottile contorno chiaro, così da renderli visibili sia su sfondi chiari che scuri.
2. Le foto con bordi bianchi mostrano un evidente riquadro bianco attorno all’immagine.
   Correzione: ritaglia l’immagine eliminando qualsiasi margine bianco oppure imposta il colore di sfondo dell’email in modo che combaci.

I tipi di email e quando usare ciascun formato

Non tutte le email devono essere progettate. Alcune devono essere semplici, rapide e inequivocabili.

Email in testo semplice: quando la semplicità supera il design

Il testo semplice supera il blocco delle immagini, si visualizza allo stesso modo su tutti i client di posta e lancia il segnale "questo non è marketing", aumentando così i tassi di risposta per le email dal tono personale.

Una email in solo testo (o una che ne riproduce l’aspetto) risulta vincente in tre situazioni specifiche:

1. Da una persona reale a una persona reale: follow-up di vendita, controlli dell'account, note del fondatore.
2. Deliverability ad alta criticità: quando hai avuto problemi di spam e devi ricostruire la reputazione del mittente.
3. Narrazioni autentiche: newsletter che si leggono come un’email, non come una brochure.

Email in formato HTML ricco: l'approccio stile mini pagina di destinazione

La maggior parte delle email di marketing si trova qui. Immagine principale, testo, invito all'azione, blocchi di supporto, piè di pagina. Usa l'HTML ricco quando hai bisogno di identità del marchio, gerarchia e narrazione visiva, il che vale per la maggior parte degli invii promozionali, delle newsletter e degli annunci di prodotto.

Email AMP/interattiva: potenzialità e compromessi

AMP per l'email permette ai destinatari di interagire senza lasciare la posta in arrivo: compilare moduli, scorrere caroselli, rispondere a inviti per eventi e vedere la disponibilità dei prodotti in tempo reale. Un test A/B di Stripo ha dimostrato che i moduli di feedback interattivi basati su AMP hanno generato il 520% di risposte in più rispetto ai moduli esterni.

Compromessi:

• supporto: Gmail e Yahoo supportano pienamente AMP; Apple Mail e Outlook non lo supportano;
• riserva: invia sempre una versione HTML di riserva per i client che non lo supportano. AMP non sostituisce l'HTML, è un potenziamento;
• configurazione: devi inserire il tuo mittente nella lista dei mittenti approvati di Google prima che le email AMP possano essere visualizzate in Gmail.

Email transazionali contro email di marketing: regole di progettazione differenti

Le email di marketing e le email transazionali hanno obiettivi diversi, quindi anche i modi per crearle cambiano.

 

Non mascherare le email transazionali da email di marketing. Le conferme d’ordine che sembrano promozioni fanno perdere fiducia molto rapidamente.

Elementi di gioco e interattivi

Gli elementi interattivi distinguono il buon design di un'email da uno fantastico. Le campagne email basate sul gioco registrano fino al n più di coinvolgimento da parte dei destinatari, e l'inserimento di elementi ludici nelle email può aumentare i tassi di apertura del 30%.

Sondaggi, indagini e quiz inseriti direttamente nell'email

I sondaggi con un solo tocco (basati su AMP) funzionano al meglio per ottenere pareri rapidi e senza sforzo (ad esempio: "Come è stata la tua esperienza? 👍/👎"). I quiz funzionano bene per consigliare prodotti e per dividere i clienti in gruppi in base al loro carattere o ai loro gusti. I sondaggi veri e propri con 3 o più domande a risposta aperta, invece, vanno posizionati su una pagina web dedicata e non all’interno dell'email.

(Fonte: Modello Stripo)

Giochi e gratta‑e‑vinci: dati di conversione

Le email basate sul gioco aumentano i tassi di conversione in media del 2.5% e i contenuti interattivi possono far crescere il valore medio degli acquisti del 15%. Inoltre, si stima che il mercato globale della gamification raggiungerà i 30.7 miliardi di dollari entro il 2025.

Meccaniche che performano con costanza:

• ruote della fortuna per rivelare sconti (funzionano bene per i primi acquisti);
• gratta‑e‑vinci per ricompense a sorpresa (funzionano bene nei programmi fedeltà);
• giochi di memoria e abbinamento per picchi di engagement (funzionano bene per il re‑ingaggio);
• personalizzazione basata su quiz per individuare il prodotto giusto (funziona bene per i lanci di nuovi prodotti).

(Fonte: Modello Stripo)

AMP contro interattività basata solo su CSS: matrice di compatibilità

L’AMP per email e l’interattività basata esclusivamente su CSS rappresentano due approcci distinti al coinvolgimento direttamente nella casella di posta. L’AMP offre funzioni dinamiche, simili a quelle di un’app, con aggiornamenti in tempo reale, ma richiede un supporto rigoroso da parte dei client e procedure di autorizzazione dedicate. L’interattività solo‑CSS, invece, è compatibile con la maggior parte dei client moderni, ma si limita a elementi statici come interruttori visivi e piccole animazioni.

 

Costruisci con AMP se il tuo pubblico utilizza soprattutto Gmail. Utilizza il CSS quando hai bisogno del supporto per Apple Mail. Invia sempre una versione HTML di riserva.

Test A/B sulle decisioni di design dell'email

La maggior parte delle "buone pratiche" sono solo delle medie. Il design migliore per il tuo pubblico è quello che hai testato concretamente.

Cosa testare: un elenco prioritario delle variabili di design

Effettua i test in questo ordine, dall'impatto previsto più alto a quello più basso:

1. Oggetto dell'email (la leva principale per il tasso di apertura).
2. Immagine principale / Banner di apertura (determina la prima impressione).
3. Testo della CTA (cambiare un solo verbo può variare il tasso di clic del 10-30%).
4. Colore della CTA (da testare solo quando tutto il resto è già a posto; l'impatto è minore del previsto).
5. Nome del mittente (ha più impatto di quanto la gente pensi).
6. Struttura del layout (a colonna singola rispetto a un modello ibrido).
7. Livello di personalizzazione (basata su tag inseriti nel testo rispetto a quella basata sul comportamento dell'utente).

Strutturare un test valido: dimensione del campione, durata, singola variabile

Tre regole per evitare la maggior parte degli errori nei test:

• una sola variabile per test: se cambi l'oggetto dell'email e l'immagine principale contemporaneamente, non potrai sapere quale dei due ha modificato i dati;
• la dimensione del campione è fondamentale: per un intervallo di confidenza al 95% su un incremento del 5-10%, sono necessari oltre 1.000 destinatari per variante. Test su campioni inferiori rischiano di fornire risultati ingannevoli;
• la durata deve coprire l'intera finestra di apertura: la maggior parte delle aperture avviene entro 24 ore, ma il pubblico B2B apre le email nell'arco di 48-72 ore. Se interrompi i test troppo presto, rischi di misurare la coorte sbagliata.

Lettura dei risultati: di quali metriche fidarsi per prendere decisioni di design

Non tutte le metriche delle email sono ugualmente affidabili, quindi è importante capire cosa ti comunica effettivamente ciascuna di esse. 

Il tasso di apertura è ancora utile per individuare i trend generali, ma la Protezione della Privacy di Apple Mail lo ha reso meno accurato; pertanto, va considerato come un dato indicativo piuttosto che assoluto. Il tasso di clic è una metrica più solida per valutare l'efficacia del layout e le prestazioni delle CTA, mentre il tasso di clic sulle aperture (CTOR) aiuta a isolare l'efficacia del design e del contenuto dell'email, indipendentemente dall'oggetto. 

Per l'impatto sul business, il tasso di conversione rimane la metrica più importante perché collega direttamente le prestazioni dell'email ai ricavi o alle azioni desiderate. Inoltre, per le campagne promozionali, il ricavo per email (RPE) è spesso il miglior indicatore a lungo termine della redditività complessiva della campagna.

I tassi di apertura sono diventati meno affidabili a causa della Protezione della Privacy di Apple Mail, che oggi influisce su circa il 50-60% elle aperture registrate. I marketer più esperti mettono in primo piano i tassi di clic, le conversioni e il ricavo per email come KPI principali.

Annotazioni di Gmail e strategia di anteprima della posta in arrivo

Anche se molti esperti di marketing email desiderano che le loro campagne finiscano nella scheda Posta in arrivo, la scheda Promozioni non è un nemico.

Come funzionano le annotazioni della scheda Promozioni di Gmail

Le annotazioni di Gmail sono dati strutturati (JSON‑LD o microdata) che si aggiungono all’elemento <head> dell’email e che Gmail utilizza per generare una scheda di anteprima sopra l’oggetto su mobile e un carosello nella parte superiore della scheda Promozioni.

Tre tipi di annotazioni sono rilevanti:

• codice promozionale, mostra un codice sconto direttamente nell’anteprima della casella di posta;
• badge dell’offerta, aggiunge un’etichetta promozionale (es. “sconto del 20%”, “Spedizione gratuita ");
• la data di scadenza mostra quando termina l’offerta, creando urgenza già nell’anteprima stessa.

Aggiunta di badge dell’offerta, date di scadenza e immagini promozionali

Un’annotazione Gmail minima include un’immagine promozionale (580×400 px), un badge di sconto, una data di scadenza e un logo. Creala una volta sola, salvala come modulo e riutilizzala in ogni invio promozionale.

Stripo include un generatore dedicato per le annotazioni della scheda Promozioni di Gmail, così non devi scrivere manualmente il JSON.

Misurare le performance delle annotazioni

Gmail non fornisce dati di clic specifici per le annotazioni, quindi la misurazione avviene tramite UTM:

• aggiungi una sorgente/mezzo UTM univoca per gli invii con annotazioni (ad esempio: utm_source=gmail&utm_medium=annotation);
• confronta il CTR tra campagne con annotazioni e campagne senza annotazioni;
• monitora un aumento del tasso di clic da dispositivi mobili, perché è lì che le annotazioni compaiono per prime.

Concludendo

L'email è uno dei pochi canali in cui i buoni consigli di design danno ancora una spinta tangibile alle metriche in modi misurabili. Layout ottimizzati per i dispositivi mobili, una forte gerarchia delle CTA, l'accessibilità, la gestione della modalità scura e un vero e proprio sistema di design dell'email sono ciò che differenzia un messaggio che genera risultati da uno che gli iscritti si limitano a eliminare.

Parti dalle basi, poi aggiungi interattività e personalizzazione. Metti alla prova le variabili che contano davvero (riga dell’oggetto, immagine principale, CTA), non quelle irrilevanti (come l’angolo arrotondato dei pulsanti). E concentra il lavoro di produzione in un sistema, così la campagna successiva parte da un modello che conosce già la tua identità visiva.

Domande frequenti sul design delle email

1. Qual è la larghezza ideale di un’email?

La larghezza standard per il corpo di un’email su desktop è 600 px, mentre su mobile la resa tipica varia tra 320 e 480 px. La maggior parte dei template utilizza un contenitore da 600 px, con sezioni interne che si adattano e collassano automaticamente nella visualizzazione mobile. I template di Stripo adottano questa larghezza come impostazione predefinita.

2. Quante immagini dovrebbe contenere un’email?

Non esiste una regola fissa, ma un buon riferimento di lavoro è un rapporto testo‑immagini del 60/40. Troppe immagini rendono sospettosi i filtri antispam e, nei client che bloccano le immagini, l’email rischia di apparire vuota. Troppe poche immagini, invece, rendono il messaggio piatto e poco coinvolgente. In genere, tre‑cinque immagini ben scelte coprono la maggior parte delle email di marketing.

3. Dovrei usare un costruttore di email no-code o scrivere il codice da zero?

Un costruttore no-code se invii più di due email al mese e hai bisogno di una resa grafica affidabile su tutti i vari client di posta. Scrivere il codice a mano funziona per campagne uniche e personalizzate o per sviluppatori che gestiscono già una base di codice per le email. Per tutti gli altri, creare in un editor no-code riduce i tempi di produzione di circa 3,7 volte senza sacrificare la qualità della resa visiva.

4. Cosa rende un'email mobile-friendly?

Layout a colonna singola sotto i 480 px, testo del corpo ad almeno 16 px, elementi interattivi di almeno 44×44 px, CTA a tutta larghezza, larghezza delle immagini impostata in percentuale o con max-width: 100%, e resa grafica testata almeno su Gmail per Android e Apple Mail per iOS. L'analisi dettagliata è presente nella sezione mobile-first qui sopra.

5. Come testare la resa grafica dell'email sui diversi client?

Tre opzioni, in ordine crescente di copertura: inviare ai propri account di prova (gratuito, limitato), utilizzare uno strumento gratuito come PutsMail (anteprima di base), oppure utilizzare una piattaforma di test a pagamento come Litmus, Email on Acid o il sistema di test dei client integrato di Stripo (oltre 90 client in un unico flusso di lavoro).

6. Qual è la differenza tra email design e email marketing?

L'email marketing è la strategia: a chi invii, quando, perché e cosa misuri. L'email design è il modo in cui il messaggio viene costruito, affinché la strategia arrivi concretamente nella posta in arrivo. Puoi avere un'ottima strategia con un pessimo design (alti tassi di apertura, bassi tassi di clic). Puoi avere un ottimo design con una pessima strategia (aspetto splendido, nessuno la apre). Sono competenze distinte e le campagne migliori investono su entrambe.