Oltre 12 migliori pratiche per la progettazione di layout di email marketing

I progetti di posta elettronica della tua azienda sono obsoleti? Perché, ecco una presa calda: non è necessariamente una cosa negativa. Sebbene ci siano molte tendenze di progettazione di e-mail da tenere d'occhio, ci sono anche molte best practice per la progettazione di e-mail senza tempo da tenere a mente quando progetti le tue e-mail di marketing. In questo articolo, condividerò con te le migliori pratiche che puoi utilizzare per creare potenti layout di email marketing. Entriamo subito nei dettagli!

7 elementi essenziali di un layout di posta elettronica

Comprendendo ciascuno degli elementi che formano un potente layout di posta elettronica, sarai in grado di metterli insieme meglio in modo efficace.

Ogni email lay ha questi sette elementi essenziali:

• Intestazione e metadati
• Preintestazione
• Logo e colori
• immagini
• Corpo
• Pulsanti di invito all'azione (CTA).
• Piè di pagina

Affrontiamo uno di questi elementi e i loro ruoli in un layout di posta elettronica.

1. Intestazione e metadati

Quando i tuoi iscritti ricevono la tua email, l'intestazione e i metadati sono la prima cosa che vedono. I client di email marketing in genere precompilano le sezioni "Da" e "Rispondi a" con le informazioni che invii al tuo provider di email marketing, ma puoi modificare le informazioni dell'intestazione di un messaggio semplicemente facendo clic su quell'area nella bozza.

Una linea tematica efficace

Sebbene la riga dell'oggetto non sia tecnicamente una parte del layout dell'e-mail, è fondamentale per le prestazioni della consegna dei messaggi di marketing. Questa è la prima cosa che vedranno i tuoi destinatari e le righe dell'oggetto noiose, irrilevanti o contenenti spam potrebbero comportare l'ignoranza della tua email.

Una riga dell'oggetto è utile non solo per motivare il destinatario a fare clic su Apri. È più probabile che le e-mail senza righe di oggetto vengano instradate nel cestino della posta indesiderata. Prova a includere anche un'emoji carina nella riga dell'oggetto.

Ecco alcuni suggerimenti utili per scrivere un ottimo soggetto:

• Sii breve. L'idea è di evitare che la riga dell'oggetto venga abbreviata in caselle di posta elettronica.
• Essere onesti. Usa la riga dell'oggetto per far sapere al destinatario cosa c'è dentro l'email. Non cercare di essere ingannevole: niente "esca e cambia".
• Sii il più astuto possibile, ma non troppo. Verifica con il tuo team per assicurarti che una battuta sia appropriata.
• Evita le frasi di attivazione dello spam (come "GRATUITO" o "$$$") e la punteggiatura eccessiva.

2. Preintestazione

Un'intestazione e-mail, spesso nota come introduzione, è il testo che compare spesso accanto alla riga dell'oggetto nella posta in arrivo di un destinatario. Sebbene non tutti i client di posta elettronica visualizzino automaticamente il preheader, è comunque una buona idea aggiungerne uno personalizzato e utilizzarlo come un'opportunità per dire ai tuoi lettori esattamente cosa aspettarsi quando aprono l'e-mail.

Inizia con i fatti più vitali, proprio come fanno i giornalisti. Ad esempio, se stai promuovendo uno sconto o lanciando un nuovo prodotto, inizia con queste informazioni per invogliare i visitatori a fare clic e continuare a leggere.

I preheader non sono richiesti quando si invia un'e-mail, ma possono aiutare i tuoi lettori a comprendere i tuoi contenuti in modo più chiaro. I preheader possono essere utilizzati per infondere un senso di urgenza. Presta attenzione alle prime cinque-otto parole, che appaiono praticamente sempre nella casella di posta di una persona.

Se lasci vuoto il campo dell'intestazione, verranno visualizzate solo le prime righe della tua email. Il destinatario vedrà la tua preintestazione e le prime righe, a seconda delle impostazioni. Consideralo quando crei le intestazioni.

3. Logo

La progettazione del layout dell'e-mail può essere un processo creativo, ma se vuoi stabilire un forte senso di chi sei come marchio, è fondamentale attenersi ad alcune best practice di base ed essere coerenti. Vuoi che i tuoi ricevitori di posta elettronica si abituino all'identificazione del tuo marchio prima di scuotere le cose, quindi assicurati di avere un set coerente di colori del marchio e un ottimo logo da visualizzare nel design della tua email.

Quando aggiungi il tuo logo al corpo della tua email, assicurati che non si allarghi per occupare l'intero schermo. Potrebbe essere necessario ridurre le dimensioni del tuo logo in modo che i tuoi lettori di posta elettronica non debbano scorrere un'intera pagina verso il basso per vedere cosa c'è sotto. Ovviamente, assicurati che il logo sia abbastanza grande da poter essere identificato o letto.

Puoi desiderare che il tuo logo abbia uno sfondo trasparente o che sia un modulo con la tavolozza dei colori della tua azienda. Prenditi il ​​tempo necessario per modificare il tuo logo mentre crei un modello in modo che tutte le tue e-mail sembrino più professionali.

4. Immagini

Le immagini possono essere uno strumento utile da utilizzare nelle tue email, ma solo se integrano i tuoi contenuti. I clienti o potenziali clienti possono scorrere rapidamente oltre le parole, ma si fermeranno se vedono un'immagine convincente. Che cos'è una grafica e-mail che la rende attraente?

Le immagini dovrebbero essere chiare e ad alta risoluzione, ma non così grandi da richiedere troppo tempo per il caricamento. Punta a una dimensione del file di circa 1 MB e non superiore a 5 MB. Le immagini troppo piccole potrebbero apparire pixelate e la tua email apparirà amatoriale. Quando sono eccessivamente grandi, i client di posta elettronica dei tuoi lettori potrebbero richiedere molto tempo per scaricarli o, peggio, potrebbero indirizzare la tua posta nella cartella spam.

5. Corpo

Quando qualcuno apre un'e-mail, la prima cosa che vede è il corpo, che è il punto in cui puoi diventare creativo con i tuoi elementi di design. Prendi in considerazione l'utilizzo di un modello drag-and-drop su misura per il tuo settore specifico. È anche possibile sviluppare un modello su misura da zero, ma un modello ti aiuterà a creare un'e-mail più pulita e progettata meglio che aderisca alle migliori pratiche.

Per creare il tuo layout, puoi utilizzare elementi spesso noti come blocchi di contenuto. Questi ti aiutano a costruire la tua email come hai immaginato. Possono contenere:

• Testo
• immagini
• Divisori
• Bottoni
• Distanziatori
• Video
• Collegamenti ai social media
• Collegamenti ad altri contenuti, come il tuo blog

Quali informazioni vuoi dare ai tuoi lettori? Ciò determina i blocchi di contenuto da includere nel modello. Quando decidi dove posizionare quali blocchi, tieni a mente la leggibilità. Quando organizzi i blocchi di contenuti, tieni a mente l'obiettivo della tua e-mail.

Non mettere mai troppo testo in un unico blocco, poiché potrebbe confondere i lettori. Usa un colore di sfondo morbido, sottotitoli o punti elenco per suddividere il materiale. Includi elementi visivi che possono rappresentare il messaggio della tua campagna e-mail in modo che il destinatario capisca esattamente cosa vuoi che faccia.

È anche possibile condividere video, sperimentare animazioni e persino inserire un conto alla rovescia in un'e-mail. Fai solo attenzione a non esagerare. Non utilizzare più di uno o due di questi componenti di progettazione interattiva in una singola e-mail.

6. Pulsanti CTA

Sebbene tecnicamente contenuti nel corpo di un'e-mail, i pulsanti di invito all'azione sono così cruciali che meritano una propria sezione per discutere delle migliori pratiche. Il tuo CTA funge da puntatore per il lettore da seguire.

Il testo sui pulsanti indica loro cosa fare dopo, ad esempio "acquista ora" o "ulteriori informazioni". Qualunque sia il testo che usi, il motivo fondamentale per cui stai inviando l'e-mail in primo luogo è l'idea alla base.

Avere sempre un pulsante CTA con un linguaggio chiaro e diretto. Se il tuo marchio è giovane ed eccitante, non aver paura di modificare la dicitura sul pulsante per rispecchiarlo. Usa un linguaggio attivo e meno parole possibile per spiegare l'attività.

7. Piè di pagina

Un piè di pagina è la sezione in fondo a ogni email. Consente di inserire informazioni speciali richieste da normative come il CAN-SPAM Act senza interferire con il progetto principale.

Le informazioni obbligatorie nel footer sono:

• Il nome e l'indirizzo fisico della tua azienda
• Un modo per i tuoi destinatari di aggiornare i loro profili
• Un link di annullamento dell'iscrizione
• La politica sulla privacy della tua azienda

Ora che hai appreso i 7 elementi essenziali di un layout di posta elettronica, passiamo alle 15 migliori pratiche di progettazione del layout di posta elettronica.

Le migliori 12+ migliori pratiche per la progettazione del layout di posta elettronica

1. Progetta pensando ai dispositivi mobili

La quantità di e-mail aperte su dispositivi mobili è aumentata del 180 percento solo negli ultimi tre anni, il che significa che stai perdendo la maggior parte dei tuoi abbonati e-mail se le tue e-mail non sono ottimizzate per dispositivi mobili.

Quando si tratta di progettazione e-mail, adotta una mentalità orientata ai dispositivi mobili. La maggior parte dei client di posta elettronica ora modifica automaticamente i layout di posta elettronica per i dispositivi mobili, mentre altri ancora non lo fanno. Usa layout adattabili, modelli e codifica CSS (Cascading Style Sheet) per assicurarti che le tue e-mail siano reattive.

Attenersi a un layout a colonna singola ogni volta che è possibile e non utilizzare mai più di tre colonne. Assicurati che i caratteri che usi e gli inviti all'azione (CTA) siano grandi, chiari e semplici da fare clic (46 x 46 pixel è una dimensione ideale per i CTA ottimizzati per i dispositivi mobili). Testa sempre le tue e-mail su diversi client e dispositivi e-mail per assicurarti una visualizzazione corretta.

2. Attenersi alla larghezza di 600 pixel

Poiché non sai mai quale client di posta elettronica utilizzeranno i tuoi destinatari, devi creare il minimo comune denominatore (tosse, Microsoft Outlook) quando si tratta di larghezza della posta elettronica.

Mantieni le tue e-mail a una larghezza di circa 600 pixel o inferiore per la massima visibilità. Ciò garantisce che le tue e-mail di marketing possano essere visualizzate correttamente nel riquadro di anteprima verticale di qualsiasi client di posta elettronica.

3. Evita di usare immagini di sfondo

Le immagini di sfondo non sono supportate da alcuni client di posta elettronica (tosse, Outlook), quindi usale a proprio rischio. Se devi utilizzare un'immagine di sfondo, assicurati che non includa informazioni o immagini critiche.

4. Bilancia le tue immagini e il testo

Le immagini di sfondo non sono le uniche che possono non riuscire a caricare. In effetti, molti client di posta elettronica bloccano automaticamente tutta la grafica. Inoltre, è più probabile che le e-mail ricche di immagini vengano contrassegnate come spam, il che significa che i tuoi destinatari potrebbero non ricevere affatto le tue e-mail di marketing.

Per affrontare queste sfide, punta a una combinazione 50/50 di grafica e testo. Vuoi la grafica perché attira l'attenzione del lettore e racconta la tua storia più velocemente di quanto possa fare il testo. Tuttavia, assicurati di continuare a trasmettere la tua narrativa. Oltre alla copia del corpo, includi il testo alternativo (oltre a un colore di sfondo di riserva) per ogni immagine.

Ecco come Medium ha bilanciato le proprie immagini con il testo in un layout di posta elettronica:

Alla fine, è meglio presumere che tutte le immagini saranno bloccate. Se nessuno può vedere le tue immagini, la tua email avrà ancora un senso?

5. Ottimizza le tue immagini

Oltre all'utilizzo di testo alternativo e colori di sfondo per le immagini, ci sono altri suggerimenti per la formattazione delle immagini da ricordare per una progettazione ottimale del layout dell'e-mail:

• La dimensione dell'immagine dovrebbe essere ottimizzata. Più grande è l'immagine, più tempo impiega il caricamento dell'e-mail. Mantieni le foto il più possibile minime pur mantenendo un'elevata qualità.
• Dichiara la larghezza e l'altezza dell'immagine. Quando le foto non vengono caricate, specificare la dimensione esatta delle foto aiuterà la tua email a mantenere la sua struttura. Non andare mai oltre i 600 pixel di larghezza.
• Per le posizioni delle immagini, utilizza URL assoluti. Gli URL assoluti sono preferibili agli URL relativi per una serie di motivi. Per tutte le foto via email, usa link assoluti e ospitali sul tuo sito web.
• I file PNG dovrebbero essere evitati. I PNG non sono supportati da tutti i client di posta elettronica. Invece, usa i JPG.
• Non usare video. Flash e JavaScript impiegano molto tempo per caricare e indirizzare frequentemente la tua email allo spam. Se desideri davvero condividere un video, utilizza un'immagine fissa che colleghi a una pagina che contiene il video anziché incorporare il video all'interno dell'e-mail stessa. (Tuttavia, considera la possibilità di incorporare GIF per aumentare il coinvolgimento.)

6. Attenersi ai caratteri comuni

Attenersi ai caratteri tipografici di sistema standard come Arial, Helvetica, Georgia, Tahoma, Times New Roman e Verdana quando selezioni un carattere per le tue e-mail di marketing. Altri tipi di carattere potrebbero non essere supportati da alcuni client di posta elettronica, quindi potrebbero non essere visualizzati correttamente a meno che tu non scelga un carattere sicuro per il Web di riserva.

La dimensione del carattere è ugualmente significativa per la lettura delle e-mail. Per il materiale del corpo, la dimensione minima del carattere suggerita è 14 pixel, mentre per le intestazioni, la dimensione minima del carattere suggerita è 22 pixel.

7. Crea un'intestazione accattivante

A meno che tu non stia inviando un'e-mail di testo normale, dovresti creare un'intestazione semplice ma attraente all'inizio dell'e-mail.

L'angolo in alto a sinistra della tua e-mail è l'immobile più prezioso: è lì che l'occhio del lettore sarà inizialmente attirato. Usalo bene includendo lì il logo della tua azienda, insieme ad altre informazioni pertinenti (come il tuo numero di telefono o un importante invito all'azione) sulla destra.

Se vuoi attirare l'attenzione solo sul tuo logo, timbralo al centro, come mostrato di seguito da Artifact Uprising:

Assicurati che l'intestazione si estenda per l'intera larghezza dell'e-mail. Tuttavia, non incastrare troppo nell'intestazione; mira a mantenerlo alto circa 150 pixel. Se hai molti prodotti o categorie da mostrare, dovresti pensare di utilizzare una barra di navigazione. Dovrebbe essere nascosto tra l'intestazione e la copia del corpo.

8. Inserisci il tuo messaggio chiave "Above the Fold"

Il termine "above the fold" nel giornalismo si riferisce all'articolo di copertina, il primo che i lettori vedono (e quindi quello che li spinge a comprare il giornale o ad andare avanti).

Sebbene non ci sia una piega letterale nell'email marketing, il principio rimane. Metti le tue informazioni più interessanti all'inizio della tua email se vuoi che i lettori continuino a leggere. La posizione ottimale è entro i primi tre pollici di profondità dell'e-mail.

Stiamo parlando di pulsanti CTA, grafica e testo: non dare per scontato di dover aspettare fino alla conclusione dell'e-mail per incoraggiare i lettori ad agire. Le CTA con il maggiore coinvolgimento sono spesso quelle nella parte superiore di un'e-mail.

Approfitta anche del lato sinistro della tua email. Le persone indugiano più a lungo sul lato sinistro dello schermo, secondo le tecnologie di eye-tracking, quindi tienilo a mente quando visualizzi il materiale chiave.

9. Mantieni semplice la tua copia del corpo

Quando si redige un'e-mail, mantenerla breve e al punto. Ciò include brevi frasi e paragrafi, molto spazio bianco e suggerimenti stilistici come elenchi puntati e testo in grassetto.

Se hai molto testo da presentare, considera di includere un sommario con collegamenti alle singole parti in modo che i lettori possano passare facilmente a quello che vogliono vedere. Tuttavia, evita di includere troppo testo; non solo sovraccaricherà i lettori, ma sarà anche un segno di spam. Invece, includi collegamenti chiari al contenuto del tuo sito web.

Se stai inviando un'e-mail dal vero nome e dall'indirizzo e-mail di qualcuno, potresti voler includere una firma e-mail alla conclusione. Questo non solo aggiunge un tocco personale, ma fornisce anche ai lettori una persona specifica da contattare in caso di domande o feedback.

10. Aggiungi pulsanti di condivisione social

Trascurare di includere i pulsanti di condivisione social nelle tue campagne di email marketing è uno dei peggiori errori che puoi fare.

Non è vero che il tuo obiettivo finale come marketer digitale è ottenere sostenitori del marchio? Cosa potrebbe essere più vantaggioso per il tuo marchio che avere persone che condividono i tuoi contenuti sui propri canali di social media?

Includi i collegamenti ai social network in fondo a tutte le e-mail di marketing per semplificare loro la vita. Se esortare i lettori a condividere il contenuto dell'e-mail sembra troppo energico o irrealistico, "Seguici!" invece è possibile utilizzare i pulsanti. Hai un'app mobile? Promuovilo anche qui!

Ci piace il modo in cui Uber ha mostrato le sue icone di condivisione sui social in un modo sottile e appropriato per il marchio:

11. Approfitta del footer

Il piè di pagina, sebbene spesso trascurato, è uno degli aspetti più importanti di qualsiasi e-mail di marketing. Il piè di pagina è una parte importante del layout di un'e-mail. Per iniziare, tutte le e-mail commerciali devono essere conformi alla legge CAN-SPAM, che richiede di fornire un collegamento per la disattivazione, nonché il nome e l'indirizzo fisico della tua azienda in ogni e-mail che invii. Dovresti inoltre spiegare perché i destinatari stanno ricevendo questa e-mail (cioè si sono iscritti a un certo punto).

Queste informazioni non sono solo richieste dalla legge, ma sono anche una buona idea. Se non rendi semplice per i tuoi destinatari annullare l'iscrizione, diventeranno ancora più insoddisfatti della tua azienda.

Il piè di pagina dell'e-mail è anche una buona area per includere informazioni di contatto aggiuntive, scelte di abbonamento e collegamenti a pagine del sito Web pertinenti (come il nuovo inventario, il localizzatore di negozi o il calendario degli eventi).

12. Tieni a mente la semplicità

Soprattutto, i modelli di posta elettronica semplici e diretti sono la strada da percorrere. Non sono solo più facili da scansionare e digerire per i lettori, ma anche per i client di posta elettronica da sfogliare e digerire.

13. Testare e migliorare

Infine, per identificare davvero la formula migliore per la progettazione della tua email, devi testarla. Invia a te stesso versioni di prova delle e-mail prima di inviarle per esaminare come appaiono in diversi client di posta elettronica (e se potrebbero finire nella cartella spam).

Dovresti inoltre eseguire dei test una volta che il messaggio è stato inviato. Non esistono due modelli di email uguali, così come non esistono due lettori uguali. Dividi la tua lista e prova diverse varianti delle tue e-mail di marketing per trovare i tempi di consegna ottimali, il posizionamento CTA e altri fattori.

Semplifica la progettazione del layout di email marketing con AVADA Marketing Automation

AVADA Marketing Automation è un potente strumento di marketing via e-mail e SMS che può aiutarti a progettare facilmente la tua e-mail con il suo generatore di e-mail drag-and-drop. Con questo strumento, le e-mail di progettazione saranno un gioco da ragazzi perché devi solo trascinare e rilasciare i tuoi elementi e-mail senza alcuna codifica richiesta. Fornisce inoltre tutte le funzionalità necessarie per creare e gestire campagne di email marketing.

Parole finali

Questo è tutto! Spero che questo articolo ti abbia fornito le migliori pratiche per la progettazione del layout di email marketing. Sentiti libero di lasciare commenti qui sotto per ulteriori discussioni su questo argomento!