Email commerciali con HTML e CSS

di: Alessandro Fulciniti     17 Aprile 2006

Le email in formato HTML sono uno strumento di comunicazione molto accattivante. Dopo una breve premessa con alcuni consigli di carattere generale per newsletter ed email commerciali, vedremo come sia possibile svilupparle in HTML e CSS per ottenere la massima compatibilità. Ecco una piccola anticipazione dell'esempio che accompagna l'articolo.

Email in HTML: otto consigli da seguire

Probabilmente ci vorrebbe un articolo intero su questo tema, e invece di otto le buone pratiche potrebbero arrivare a cinquanta o più. Pur non essendo un esperto di email ed email marketing, prima di entrare in dettagli tecnici e implementativi, ci sono alcune premesse che vorrei fare, per lo più dettate dal buon senso. Ecco alcuni consigli:

  • Email pubblicitarie e newsletter non dovrebbero essere mai spedite senza il consenso del ricevente, che in qualunque momento dovrebbe essere in grado di cambiare il formato con cui riceve l'email (HTML o testuale) o sospendere il servizio;
  • nell'email testuale un link alla versione HTML online è senza dubbio gradito ed efficace;
  • le immagini nelle email HTML non vanno allegate nel messaggio, ma messe on line e linkate. Conviene usare sempre l'attributo alt, specificare le dimensioni e soprattutto accertarsi che i percorsi alle immagini sul server siano corretti: così da essere sicuri che vengano visualizzate all'interno della email;
  • Javascript andrebbe evitato nelle email con HTML;
  • il peso del codice di un email HTML dovrebbe attestarsi al massimo sui 10-20Kb; includendo le immagini, al massimo sui 50Kb;
  • un'email con layout a larghezza fissa dovrebbe essere larga massimo 500-600 pixels. Se non ci sono particolari esigenze di layout o grafiche un layout liquido è forse da preferire;
  • per inviare le email è bene affidarsi a un software specifico o una soluzione lato server con PHP o simili;
  • prima dell'invio effettivo conviene testare l'email sul maggior numero di client di posta e webmail possibile.

Alcuni approfondimenti interessanti verranno linkati a fine articolo. Ora tempo di passare all'argomento centrale dell'articolo.

Guide CSS

Guida CSS3

Scoprire e usare al meglio tutte le novità dell'ultima versione dei...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Guida CSS di base

I CSS servono per gestire tutto il layout di un sito Web. E'...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

12 Marzo 2012 a Milano
Disponibilità: 6 Posti

Corso Webmaster base

20 Febbraio 2012 a Roma
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti