Come progettare un'email di marketing che funzioni

Per progettare un’email di marketing, creala come una singola colonna mobile-first di circa 600 pixel di larghezza, assegnagli una chiara gerarchia visiva con una singola call-to-action primaria, mantieni il tuo marchio coerente con i ribassi dei font sicuri per il web e abbina ogni immagine con testo reale e testo alternativo descrittivo in modo che funzioni anche quando le immagini sono bloccate. Un buon design di e-mail non è un aspetto elegante; si tratta di essere immediatamente leggibili, toccabili e accessibili sul telefono in cui la maggior parte delle persone lo aprirà. Ottieni quei fondamenti giusti e il tuo messaggio atterra lo stesso se qualcuno lo legge alla luce del sole, in modalità scura o con un lettore di schermo.

Ok, siamo onesti per un secondo: la maggior parte di noi ha versato il nostro cuore in una e-mail, ha colpito inviare, e poi aperto sul nostro telefono solo per trovare il logo gigante, il pulsante impossibile da toccare, e il tutto un muro di minuscolo testo grigio. L’ho fatto. Probabilmente l’hai fatto. Ed ecco la parte che nessuno ti dice – il problema quasi mai sono state le parole. Era il design. Il modo in cui viene costruita una email decide se qualcuno legge davvero la cosa bella che hai scritto.

Quindi risolviamolo insieme. Alla fine di questo, saprai come progettare un’email di marketing che sembra intenzionale, carica velocemente, funziona magnificamente su un telefono e rimane leggibile per ogni singola persona sulla tua lista, compresi quelli che navigano con le immagini o si affidano a un lettore di schermo. Niente soffi, niente finte “conversioni di aumento del 300%!” promette, solo il mestiere onesto di esso. Prendi il caffè. Questo diventa davvero più facile una volta che si vede il modello.

Perché il design delle email conta molto più di quanto sembri?

Perché un’email ha circa due secondi per guadagnare attenzione in una casella di posta affollata, e il design è ciò che fa contare quei due secondi. Bella copia all’interno di un layout angusto e confuso è come un grande discorso borbottato in un cuscino – il messaggio è lì, ma nessuno lo riceve. Quando impari a progettare correttamente un’email di marketing, stai davvero imparando a rimuovere l’attrito tra il tuo lettore e il tuo punto.

Ecco cosa fa tranquillamente il design riflessivo per te:

• Sopravvive al telefono. La maggior parte delle persone apre le email su un dispositivo mobile, spesso con una sola mano, spesso distratto. Un design che presuppone un grande monitor desktop fallisce nel momento esatto che conta di più.
• Rispetta le immagini bloccate. Molti client di posta elettronica nascondono le immagini per impostazione predefinita fino a quando il lettore fa clic su “mostra immagini”. Se il tuo messaggio intero vive all’interno di un grafico, molte persone vedono un rettangolo vuoto ed eliminarlo.
• Esso comprende tutti. Gli abbonati che utilizzano lettori di schermo, che hanno una visione bassa o che semplicemente aumentano la dimensione del carattere meritano di ricevere il tuo messaggio. Il design accessibile non è un bel da avere; è con chi stai parlando.
• Protegge la deliverability. Le email pulite, equilibrate, di testo e immagine sembrano meno spam per i filtri di posta in arrivo di quanto non lo faccia una singola immagine gigante. Un buon design ti aiuta letteralmente a raggiungere la casella di posta.

Quest’ultimo punto è quello che le persone sottovalutano, quindi lo dirò chiaramente: design e deliverability sono collegati. Un’e-mail con immagini complete e quasi nessun testo reale è un classico segnale di spam, ed è anche invisibile a un lettore di schermo. Una scelta ti fa male due volte. Faremo in modo che non ce la farai mai.

Quanto dovrebbe essere ampia un’email di marketing e perché una colonna?

Progetta la tua email come una singola colonna, larga circa 600 pixel. Questo numero non è un folklore magico: è la larghezza che viene visualizzata in modo affidabile nella più ampia gamma di client di posta elettronica e pannelli di anteprima senza forzare lo scorrimento orizzontale, e collassa con grazia fino allo schermo del telefono. Un layout a colonna singola è la spina dorsale dell’email mobile-first perché non ha mai bisogno di riorganizzarsi goffamente su un piccolo schermo: il lettore scorre dritto verso il basso, dall’alto verso il basso, nell’ordine che si intendeva.

I layout multicolonna sono allettanti quando si fissa una vista di design del desktop spaziosa. Resistere al tiro per la maggior parte delle email di marketing. Le colonne affiancate tendono a ridursi in schegge illeggibili su un telefono o in una pila in un ordine che non avevi pianificato, rimescolando la tua storia. Una singola colonna legge lo stesso ovunque, e “lo stesso ovunque” è l’intero gioco nella posta elettronica, dove non è possibile controllare lo schermo nel modo in cui è possibile sul proprio sito web.

Pensa alla tua email come a un corridoio stretto e ordinato piuttosto che a una stanza a pianta aperta. Un sentiero chiaro dentro, un sentiero chiaro attraverso, una porta chiara fuori (la tua chiamata all’azione). Il lettore non deve mai chiedersi dove guardare dopo.

Mobile-first non è una tendenza: è dove si trova il tuo lettore

Progettare mobile-first significa semplicemente rendere l’esperienza di default del piccolo schermo, quindi lasciarlo espandere comodamente sul desktop, invece che viceversa. In pratica, ciò significa che si tratta di obiettivi di tocco generosi, digitare abbastanza grande da leggere senza pizzicare e un layout che è già una colonna, quindi non c’è nulla da “aggiustare” per il cellulare. Quando si progetta per il telefono per primo, la versione desktop si occupa quasi sempre di se stessa. Quando si progetta per desktop prima, la versione del telefono è di solito dove le cose si rompono.

Cosa significa gerarchia visiva in una e-mail?

La gerarchia visiva è l’ordine in cui il tuo design guida l’occhio – ciò che il lettore nota prima, seconda e terza. In un’e-mail di marketing ben progettata, quell’ordine è deliberato: un titolo chiaro o un’area eroe li attira, supportando la copia ne spiega il valore, e un’inconfondibile call-to-action primaria dice loro esattamente cosa fare dopo. Tutto sulla pagina guadagna il suo posto sostenendo quel percorso, o viene tagliato.

Il più grande errore gerarchico che vedo è Troppe chiamate all’azione in competizione. Quando chiedi a un lettore di “Acquista ora” e “Leggi il blog” e “Seguici” e “Conferma un amico” tutti con lo stesso peso visivo, in realtà hai chiesto loro di non fare nulla, perché la scelta è lavoro e il lavoro viene posticipato. Scegli uno azione primaria per e-mail. Se i collegamenti secondari devono esistere, li rendono visibilmente più piccoli e più silenziosi — un link di testo normale, non un secondo grande pulsante.

Alcuni principi che creano una gerarchia pulita quasi automaticamente:

• Un CTA primario, in stile come la cosa più forte della pagina. Dovrebbe essere l’elemento più ovvio nel momento in cui l’email viene caricata.
• Ritaglia i tuoi contenuti. I paragrafi brevi, le sottovoci chiare e l’elenco occasionale permettono alle persone di eseguire la scansione piuttosto che lo slog. Quasi nessuno legge una e-mail parola per parola; si preoccupano di ciò che conta.
• Metti la cosa importante in alto. Supponiamo che molti lettori non scorrano mai oltre la prima schermata. Il tuo messaggio principale e idealmente il tuo CTA primario dovrebbero apparire presto, non sepolto in basso.
• Usa dimensioni e peso di proposito. Più grande e più audace si legge come “più importante”. Se tutto è audace, niente lo è.

Come si fa a mantenere un’email sul marchio senza romperla?

La coerenza del marchio significa che la tua email sembra istantaneamente tu — stesso logo, stessa tavolozza di colori, stessa personalità tipografica che i tuoi abbonati vedono sul tuo sito e sui social feed. Questa familiarità crea fiducia e riconoscimento; un lettore dovrebbe sapere che un’e-mail proviene da te prima ancora di leggere il nome del mittente. Ma l’email ha una realtà tecnica eccentrica, quindi la coerenza del marchio qui prende un po ‘di cura.

Inizia con le facili vittorie. Posiziona il tuo logo vicino alla cima, a una dimensione ragionevole (non così grande che spinge il messaggio sotto la piega su un telefono). Tira il tuo colori di marca in pulsanti, intestazioni e accenti — la famiglia navy-and-purple, un accento caldo, qualunque sia la tua tavolozza — mantenendo gli sfondi abbastanza leggeri da consentire al testo di rimanere leggibile. Il colore costante è uno dei modi più veloci in cui un’e-mail “sembra” come il tuo marchio.

Font e regola di fallback sicura per il web

Ecco la parte che fa scattare le persone: i client di posta elettronica non supportano tutti i font web personalizzati come fanno i browser. Il tuo splendido carattere del marchio potrebbe semplicemente non essere caricato in determinate caselle di posta e il cliente sostituirà Qualcosa — Forse qualcosa di brutto — A meno che non gli dica cosa usare. La correzione è un stack di caratteri con fallback sicuri per il web: prima elenchi il tuo font preferito, poi un backup ampiamente supportato, poi una famiglia generica.

In pratica, sembra che tu abbia specificato il carattere del tuo marchio seguito da un fallback affidabile come Arial, Helvetica o Georgia, e che finisca con una categoria generica come sans-serif oppure serif. Se il font di fantasia carica, meraviglioso; se non lo fa, il lettore ottiene ancora un sostituto pulito, leggibile, su tono piuttosto che un default casuale. Il tuo brand sopravvive in ogni caso. Questo è anche un ottimo momento per assicurarsi che la tua voce rimanga coerente ovunque, inclusi i piccoli dettagli come Come creare una firma e-mail che si abbina al resto del tuo design invece di scontrarsi con esso.

Come gestire le immagini in modo che l’email funzioni ancora?

Le immagini fanno sentire viva una email, ma vengono con una regola non negoziabile: La tua email deve avere un senso completo con ogni immagine disattivata. Molti client bloccano le immagini per impostazione predefinita e molte persone le lasciano per salvare i dati o per la privacy. Se il tuo messaggio dipende da un’immagine da capire, quei lettori non ottengono nulla. Quindi progettare immagini come miglioramento, Mai come unico portatore di significato.

Questo porta direttamente alla più grande trappola di design in tutto l’email marketing: email all-image. E’ cosi’ allettante — si progetta una bella grafica nel vostro strumento preferito, tagliarlo, lasciarlo cadere, fatto. Ti prego, non farlo. Un’email che è un’immagine gigante è un disastro su tre fronti contemporaneamente:

• È invisibile con le immagini spente. Immagini bloccate significano un’e-mail vuota e un’eliminazione istantanea.
• E’ una bandiera rossa di consegnabilità. Un rapporto testo-immagine quasi nullo è un modello di spam che filtra la sfiducia, quindi la tua email dal design amorevole è più probabile che atterri nella cartella spazzatura.
• E’ inaccessibile. Un lettore di schermo non può leggere il testo inserito in un’immagine. Questi abbonati sentono il silenzio, o al massimo un singolo attributo alt per l’intera faccenda.

Testo alternativo e un rapporto testo-immagine equilibrato

Ogni immagine significativa ha bisogno di testo alt descrittivo – una breve descrizione scritta di ciò che l’immagine mostra o comunica. Il testo Alt fa il doppio dovere: è ciò che viene visualizzato quando l’immagine è bloccata, ed è ciò che un lettore di schermo annuncia a un abbonato che non riesce a vedere l’immagine. Scrivilo come se stessi descrivendo l’immagine ad un amico al telefono: “Spring collection tote bag in sage green”, non “image1.jpg” e non vuoto. Per le immagini puramente decorative che non portano informazioni, va bene dare loro testo alt vuoto in modo da lettori di schermo saltano loro piuttosto che annunciare disordine.

Quindi mantenere un sano equilibrio di testo e immagini reali e selezionabili. Non esiste un unico rapporto perfetto da memorizzare, e non ne inventerò uno per te, ma il principio è semplice: il tuo messaggio principale – il titolo, il vantaggio chiave, la call-to-action – dovrebbe vivere in vero testo HTML, con immagini che supportano intorno ad esso. Il testo reale è leggibile con le immagini disattivate, leggibile da lettori di schermo, ricercabile e molto più amichevole ai filtri antispam. In caso di dubbio, dillo nel testo e lascia che l’immagine decori.

Come si progetta un pulsante call-to-action che viene effettivamente toccato?

La tua call-to-action è l’intera ragione per cui esiste l’email, quindi merita una vera attenzione al design. Un buon pulsante CTA è abbastanza grande da toccare con sicurezza con un pollice, visivamente distinto da tutto ciò che lo circonda ed etichettato con parole d’azione specifiche. “Ottieni la mia guida gratuita” batte “Invia” o “Clicca qui” ogni volta, perché dice al lettore esattamente cosa succede e cosa ottengono.

Rendi generoso il target del rubinetto: un piccolo pulsante angusto è frustrante su un touchscreen e un lettore frustrato chiude l’e-mail. Dare spazio per respirare in modo che nessuno tocchi accidentalmente la cosa sbagliata. Usa un colore che contrasta fortemente con il suo sfondo, quindi è il punto focale ovvio e assicurati che il testo sul pulsante abbia abbastanza contrasto rispetto al colore del pulsante per rimanere leggibile.

Perché i “pulsanti antiproiettile” sono importanti

A pulsante antiproiettile è un pulsante costruito con stili HTML e inline piuttosto che come immagine. Questo è importante per lo stesso motivo per cui abbiamo appena coperto le immagini: se il tuo CTA è un’immagine e le immagini sono bloccate, il tuo elemento più importante scompare. Un pulsante antiproiettile viene visualizzato come testo reale, in stile, tappabile anche con le immagini disattivate, il che significa che la tua call-to-action si presenta sempre e funziona sempre. Abbinalo a un link di testo semplice nelle vicinanze come backstop e hai reso quasi impossibile perdere la tua azione più importante. Se vuoi che le parole su quel pulsante atterrino più duramente, lo stesso pensiero che alimenta grandi testo anteprima email — specifico, guidato da benefici, curiosità-scintilla — Si applica anche alla copia dei pulsanti.

Che ruolo giocano lo spazio bianco e la tipografia?

Lo spazio bianco – lo spazio vuoto tra gli elementi – non è uno spazio sprecato; è ciò che rende un’e-mail calma e leggibile invece di angusti e stressanti. Spaziatura generosa intorno al testo, pulsanti e immagini dà agli occhi luoghi di riposo e rende ogni elemento si sentono intenzionali. Un’email affollata sembra una corrispondenza urlante; una spaziosa sembra una nota sicura e amichevole. In caso di dubbio, aggiungere un po ‘più di spazio.

La tipografia ha lo stesso peso. Conserva il tuo corpo del testo comodamente grande — piccolo tipo che sembra elegante sulla vista del design desktop diventa uno strabismo-fest su un telefono. Usa un chiaro contrasto tra le intestazioni e il testo del corpo in modo che la gerarchia legga a colpo d’occhio, mantieni le lunghezze delle righe sensate in modo che le frasi non si propaghino e non stipare la pagina con cinque font diversi. Uno o due caratteri tipografici, utilizzati in modo coerente, sembrano sempre più professionali di un mix di note di riscatto.

E la modalità oscura e l’accessibilità?

La modalità Dark è ora ovunque e molti dei tuoi abbonati leggono di default le e-mail con uno sfondo scuro. Alcuni client di posta elettronica invertono o regolano automaticamente i colori in modalità scura, il che può fare cose sorprendenti: un logo su uno sfondo trasparente potrebbe scomparire o il testo scuro su una scatola luminosa potrebbe passare a qualcosa di a basso contrasto e difficile da leggere. Non puoi controllare perfettamente il comportamento in modalità scura di ogni cliente, ma puoi progettare in modo difensivo: evita gli estremi in bianco e nero puro, assicurati che il tuo logo sia visibile su sfondi chiari e scuri e testa sempre in modalità scura prima di inviare in modo che non ci siano brutte sorprese.

L’accessibilità merita i suoi riflettori, perché si trova al centro di un buon design delle e-mail piuttosto che ai bordi. Una quota significativa dei tuoi abbonati si affida a questo: utenti di lettori di schermo, persone con scarsa visione, persone con cecità dei colori, persone che aumentano la dimensione predefinita del carattere e la progettazione per loro rende la tua email migliore e più deliverable per tutti. Ecco come appare il design dell’email accessibile in pratica:

• Usa testo vero, non testo inserito nelle immagini. Questa è la scelta più importante per l’accessibilità, e felicemente è la stessa scelta che ti protegge da immagini bloccate e filtri antispam.
• Scrivere testo alt descrittivo per le immagini informative, e testo alt vuoto per quelle puramente decorative, in modo da screen reader annunciare ciò che conta e saltare ciò che non lo fa.
• Mantieni un forte contrasto di colore tra il testo e il suo sfondo. Testo grigio chiaro su uno sfondo bianco può sembrare elegante per voi, ma è davvero difficile da leggere per molte persone. In caso di dubbio, rendilo più scuro.
• Strutturare il contenuto in un ordine di lettura logica con intestazioni semantiche, in modo che un lettore di schermo si muove attraverso la tua e-mail allo stesso modo in cui un occhio di lettore vedente.
• Scrivi testo di collegamento descrittivo. “Leggi l’intero lookbook primaverile” dice a un utente di screen reader dove va il link; “clicca qui” ripetuto cinque volte non dice nulla.
• Non fare affidamento solo sul colore per trasmettere significato. Se una parola è importante, renderla audace o etichettarla, non solo girare rosso e sperare che tutti possano dire.

Niente di tutto questo rende la tua email più brutta. Onestamente, tende a renderlo più pulito, più chiaro e più on-brand – perché il design accessibile e il buon design sono per lo più la stessa cosa che indossano etichette di nomi diversi.

Hai ancora bisogno di una versione in chiaro?

Sì, ed è più facile di quanto sembri. Una versione in testo semplice è una copia ridotta e solo testuale della tua email senza HTML, immagini o stile. La maggior parte delle piattaforme di posta elettronica ti consente di includerne una insieme alla versione HTML progettata e il client del destinatario mostra quale può essere visualizzata al meglio. È importante per due motivi: un piccolo numero di persone e clienti preferisce o richiede un testo semplice e, come il testo reale in generale, inclusa un’alternativa di testo normale corretta è un segnale che tende a contribuire alla deliverability piuttosto che a danneggiarlo.

Non devi agonizzare per questo. Assicurati che la tua versione in testo semplice trasmetta effettivamente lo stesso messaggio principale e includa il tuo link principale come URL completo (dal momento che non c’è nessun pulsante da toccare). Una versione in chiaro che dice semplicemente “Visualizza questa e-mail nel tuo browser” è un’opportunità sprecata; una che porta il tuo vero messaggio è un tranquillo professionista che i fornitori di filtri di posta elettronica apprezzano.

Una lista di controllo di marketing e-mail design

Ecco la checklist che ho passato prima che qualsiasi email uscisse. Stampalo, aggiungilo ai segnalibri, incollalo sul monitor – qualunque cosa lo tenga a portata di mano. Se riesci a spuntare ogni scatola, il tuo design è in una buona forma.

• Colonna singola, $600px di larghezza così si visualizza in modo pulito ovunque e collassa ordinatamente sul cellulare.
• Mobile-first: tipo leggibile, pulsanti tappabili, contenuti importanti e CTA primaria vicino alla parte superiore.
• Una chiamata primaria all’azione Questo è l’elemento più forte; tutti i collegamenti secondari sono visibilmente più silenziosi.
• On-brand logo, colori e uno stack di font con ribassi di sicurezza sul web che terminano in una famiglia generica.
• Funziona con le immagini off: Il messaggio ha senso prima che una singola immagine venga caricata.
• Testo alt descrittivo su ogni immagine informativa; alt vuoto su quelle decorative.
• Rapporto testo-immagine bilanciato – messaggio principale in testo reale, mai un’e-mail a immagine intera.
• Pulsante CTA antiproiettile (HTML, non un’immagine) con dimensioni generose del rubinetto e un backup di link in testo semplice.
• Forte contrasto di colore per tutto il testo; non fare affidamento sul colore da solo per portare significato.
• Struttura semantica e ordine di lettura logica con intestazioni reali.
• Testo del collegamento descrittivo ovunque (“vedi i nuovi arrivi”, non “clicca qui”).
• Modalità scura selezionata Quindi nulla scompare o va a basso contrasto.
• Versione in testo semplice inclusa e con il messaggio reale.
• Testato su client e dispositivi – telefono, desktop e almeno un paio di importanti app di posta elettronica – prima di premere invio.

Un semplice modello di layout a colonna singola

Se stai fissando una tela bianca chiedendo dove vanno le cose, ecco una struttura affidabile dall’alto verso il basso per un’e-mail di marketing a colonna singola. Non è l’unico modo, ma funziona ancora e ancora, e puoi adattarlo a quasi tutti i messaggi.

• Linea di preheader (top): un breve testo reale che completa la riga dell’oggetto nell’anteprima della casella di posta. Trattalo come un bene prezioso, non come un buyaway.
• Logo / intestazione: il tuo logo di dimensioni modeste, così i lettori ti riconoscono immediatamente senza che si accaparri la prima schermata.
• Area eroe: un titolo chiaro (in testo reale) e, se volete, un’immagine di supporto con testo alt solido. Questo è il tuo momento di “perché continuare a leggere”.
• Corpo: un breve blocco scansionabile o due di testo reale che fornisce il valore. Taglialo con una sottovoce o una lista rapida se sta diventando lungo.
• CTA primaria: un pulsante antiproiettile, abbastanza alto da consentire ai lettori mobili di colpirlo senza scorrere senza fine, con un link in testo semplice nelle vicinanze.
• Contenuto di supporto (opzionale): link secondari o una sezione più piccola, in stile visibilmente più silenzioso rispetto al CTA primario in modo che la gerarchia rimanga intatta.
• Piede: la tua identità mittente, i dettagli fisici di spedizione dove richiesto e un chiaro link di cancellazione funzionante. Questo non è solo un design educato; onorare le cancellazioni e identificarti onestamente fanno parte dell’invio responsabile.

Posizionare quei blocchi giù per la singola colonna in quell’ordine e si dispone di un design che legge logicamente per un lettore di vista, un lettore di schermo e un filtro antispam allo stesso modo. Questa è la trifecta tranquilla a cui punti sempre.

Come si fa a testare un progetto di posta elettronica prima di inviare?

Il test è il passo che le persone saltano quando sono stanche, ed è il passo che le salva dal momento “oh no” dieci minuti dopo l’invio. La regola d’oro: non inviare mai un’email di marketing che non hai visto su un telefono reale. Le visualizzazioni di progettazione e le anteprime del desktop si trovano per omissione: non possono mostrarti il pulsante angusto o l’immagine in fuga che appare solo su un piccolo schermo.

Una routine di test pre-invio ragionevole sembra questa:

• Inviati un vero test e aprirlo sul tuo telefono prima, poi sul desktop. Tocca il pulsante. Funziona? E’ comodo colpire?
• Disattivare le immagini e rileggerle. L’email ha ancora un senso? Puoi dire cosa ogni immagine bloccata doveva essere dal suo testo alternativo?
• Controlla la modalità scura. Gira il tuo dispositivo o client in modalità scura e conferma che nulla svanisce o diventa illeggibile.
• Anteprima in alcuni dei principali clienti. Il rendering differisce tra i popolari client di webmail e app; molte piattaforme di posta elettronica offrono una funzione di anteprima o di test inbox che mostra il tuo design in più contemporaneamente.
• Leggi la piccola roba: link andare dove dovrebbero, senza immagini rotte, testo alternativo è scritto, il link di cancellazione funziona.

Il test richiede alcuni minuti in più ed è sempre, sempre valsa la pena. Il lettore non vede mai le cinque bozze e l’anteprima del telefono imbarazzante – vedono solo un’e-mail che funziona e si fidano tranquillamente di te un po ‘di più per questo.

Dove si inserisce SocialBlaze in tutto questo?

Lasciatemi essere sincero con voi, perché l’onestà conta più di un passo di vendita: SocialBlaze è un Pianificazione dei social media e strumento di analisi — Non è un fornitore di servizi di posta elettronica. Non costruirà, non progetterà, né invierà le tue email di marketing, e non fingerei mai il contrario. Potrai progettare e inviare quelli in una piattaforma di posta elettronica dedicata.

Ma è qui che aiuta davvero. Il pensiero progettuale che hai appena imparato – mobile-first, una chiara call-to-action, testo reale sulle immagini, forte contrasto, gerarchia scansionabile – è lo stesso pensiero che fa fermare il rotolo a un post sociale. Quando gestisci una campagna, la tua email e i tuoi post sui social dovrebbero sembrare fratelli: lo stesso aspetto, la stessa voce, la stessa offerta. SocialBlaze ti consente di pianificare e pubblicare quella campagna di corrispondenza su Instagram, Facebook, LinkedIn, TikTok, Pinterest e altro da un dashboard calmo, quindi vedere cosa è risuonato – in modo che la tua email e i tuoi canali social si rafforzino a vicenda invece di allontanarsi.

Un’altra verità gentile prima delle FAQ: le tue prime email progettate potrebbero sembrare ingenue, e questo è del tutto normale. L’email è un mezzo ostinato, vecchio e bizzarro, e tutti all’inizio lottano con esso. Ma i fondamenti qui – colonna singola, mobile-first, un CTA, testo reale con testo alternativo, accessibile, testato – non cambiano con le tendenze. Imparali una volta e progetterai buone e-mail per il resto della tua vita. Prometto che sara’ piu’ facile.

E se vuoi il messaggio dentro quel bel design per lavorare ancora di più, imparando Come personalizzare le email di marketing è il naturale passo successivo — grande design ottiene l’email aperta e leggere, e la personalizzazione riflessivo fa sentire come se fosse scritto solo per loro.

Domande frequenti

Quanto dovrebbe essere ampia un’email di marketing?

Progetta la tua email come una singola colonna di circa 600 pixel di larghezza. Questa larghezza viene visualizzata in modo affidabile nella più ampia gamma di client di posta elettronica e nei riquadri di anteprima senza forzare lo scorrimento orizzontale e collassa ordinatamente sullo schermo di un telefono. Poiché la maggior parte delle persone apre la posta elettronica su dispositivi mobili, un layout a singola colonna, circa 600px è il predefinito più sicuro e leggibile da cui puoi iniziare.

Perché non dovrei progettare tutta la mia email come un’unica immagine?

Un’e-mail con tutte le immagini fallisce in tre modi contemporaneamente. Si presenta vuoto per le molte persone i cui clienti bloccano le immagini per impostazione predefinita, è un classico spam-filtro bandiera rossa perché non ha quasi nessun testo reale, ed è inaccessibile a chiunque utilizzando un lettore di schermo dal momento che non possono leggere il testo sfornato in un’immagine. Conserva sempre il tuo messaggio principale in un testo HTML reale e lascia che le immagini lo supportino piuttosto che portarlo.

Cos’è il testo alternativo e perché è importante nelle e-mail?

Il testo Alt è una breve descrizione scritta allegata a un’immagine che descrive ciò che l’immagine mostra o comunica. Fa due importanti lavori: visualizza al posto dell’immagine quando un client blocca le immagini, ed è ciò che un lettore di schermo annuncia a un abbonato che non riesce a vedere l’immagine. Scrivi testo alternativo chiaro e specifico per immagini informative e usa il testo alternativo vuoto per quelli puramente decorativi, quindi i lettori di schermo li saltano.

Come faccio a far funzionare un pulsante di posta elettronica anche quando le immagini sono spente?

Crea un pulsante antiproiettile, che significa creare la tua call-to-action con stili HTML e inline piuttosto che come immagine. In questo modo viene visualizzato come testo reale, in stile, tappabile anche quando le immagini sono bloccate, quindi il tuo elemento più importante non scompare mai. Rendere abbastanza grande per toccare comodamente, dargli un forte contrasto di colore e aggiungere un link in testo semplice nelle vicinanze come backup.

SocialBlaze progetta o invia e-mail di marketing?

No, e voglio essere onesto su questo. SocialBlaze è uno strumento di pianificazione e analisi dei social media, non un fornitore di servizi di posta elettronica, quindi non creerà o invierà le tue e-mail. Ciò che fa è aiutarti a pianificare, pubblicare e analizzare i post social corrispondenti per la tua campagna su ogni rete da un dashboard, in modo che la tua email e la tua presenza sui social rimangano coerenti e si rafforzino a vicenda.