Sommario
Chi si dedica all'email marketing dovrebbe sapere come creare email in html.
Vedremo alcuni consigli per la progettazione, la codifica e la consegna delle e-mail in formato HTML e per rendere la tua newsletter bella nella maggior parte dei client di posta.L'invio di e-mail da Newsletter è una buona forma di comunicazione tra editori e lettori, ma se lo facciamo anche in formato HTML, ci permetterà di arricchire il documento con elementi visivi che rendono l'e-mail più attraente, l'accesso diretto ad altre posizioni e noi Ci consentirà di effettuare misurazioni sulle aperture delle e-mail, tenere traccia e contare i link che visiti, misurare gli interessi del lettore, ecc.
Inviando un'e-mail in chiaro non possiamo utilizzare tutte queste funzionalità, ma al contrario otteniamo altri vantaggi come un minor livello di spam non includendo i tag HTML ed è per questo che rende più facile per i client di posta visualizzare perfettamente il contenuto dell'e-mail in tutti i clienti.
La codifica HTML per le e-mail può causare molti grattacapi, perché sia i client di posta desktop che quelli basati sul Web non sono conformi a nessuno standard Web, non interpretano bene il codice HTML e i fogli di stile o li interpretano a modo loro. all'e-mail ricevuta, quindi il design dell'e-mail che il destinatario riceve può essere molto diverso dal design dell'editor che ha inviato quell'e-mail.
HTML su CSSCerca di utilizzare i tag HTML e le loro proprietà il più possibile invece dei fogli di stile, poiché molte delle proprietà e dei selettori CSS sono limitati dai client web.
Utilizzo delle tabelle per il layoutSì, torniamo ai tavoli. Gli standard web dicono che le tabelle non dovrebbero essere usate per impaginare una pagina web, ma questa non è una pagina web ma una email ed è consigliabile usarle al posto dise vogliamo che la nostra Newsletter venga visualizzata bene nella maggior parte dei lettori di posta. Ed è che i client di posta non supportano molte delle proprietà necessarie per progettare con le divisioni.
Utilizza gli attributi di tabella e cella per visualizzare la tabella invece di utilizzare le proprietà CSS. Ad esempio, assegna border = "0", valign = "top", align = "left" (o center), cellpadding = "0", cellspacing = "0" e così via. In questo modo la tabella avrà un bell'aspetto nei vecchi client di posta.
Usa una tabella come contenitore per tutte le tabelle e gli elementi interni (ad esempio per l'intestazione, il contenuto e il piè di pagina).
Cerca di non nidificare troppe tabelle ed evita di utilizzare la proprietà "colspan" poiché questa proprietà non è ben compresa da alcuni client desktop.
Dimensioni e risoluzione. Sicuramente sei abituato a codificare pagine web in 800×600 o in 1024×768 circa, ma per la progettazione delle email in HTML potrebbe non funzionare molto bene in quanto la maggior parte dei client mostra le email in una sorta di "pannello di anteprima" che fa normalmente parte dello spazio totale disponibile.
La cosa migliore da fare è impostare la larghezza a circa 500-600px o dare una dimensione in percentuale, che è come faccio di solito in modo che si adatti allo spazio che hai a disposizione.
Utilizzo di fogli di stile a cascata (CSS)L'uso dei fogli di stile nei documenti HTML per la posta elettronica è limitato ea seconda del client consentirà più o meno proprietà. Idealmente, gli stili dovrebbero essere applicati al tag stesso (stili in linea) piuttosto che dichiarare le classi all'interno del tag Head come faresti su una pagina web…
Ad esempio, si consiglia di utilizzare
invece di
.
Se usiamo le immagini è meglio usare il percorso completo del dominio in cui è ospitata l'immagine.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
