Usare CSS nelle email HTML

Home informazioni aero-right Usare CSS nelle email HTML

Aggiornato il agosto 6, 2018

Normalmente il codice CSS viene posto in un file opportuno o in un tag style nell’head dell’email. Questo però NON funziona nelle emails. La maggior parte dei client email (come YahooMail!, Gmail, Hotmail, etc), rimuovono i tag head e body di default. Inoltre questi client non accettano link a file CSS esterni. Raccomandiamo quindi di inserire il codice CSS in-line con il tuo contenuto invece di inserire tag body e head, ad esempio attraverso un DIV:

<div style=" font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-color:#EEEEEE;">Tuo contenuto QUI....</div>

Code da Evitare

Non linkare a un file esterno (<link rel="stylesheet">) o a file di stile embedded (quelli che contengono il tag <style> sopra il tag <body> ).
Non usare mail javascript in una newsletter email. L’uso di javascript possono portare la tua newsletter ad essere marcata come spam.
Non usare il tag <body>, molti glient email lo ignorano
Evita Immagini di Sfondo. Molti client email non lo supportano. Puoi usare colori di background se desideri (tag bgcolor o background-color:).

Cosa da fare

Usa tabelle per il layout.
Usa attributi CSS inline nel tuo contenuto, come di seguito
<span style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;">Your content here....</span>
Dichiara width, cellpadding, e cellspacing per tutte le tabelle e celle. Quindi dimensioni fisse.

Hai trovato la risposta alla tua domanda?

Hai già votato!

L'Azienda

Guide

Risorse Utente

Contattaci

Scegli la lingua

Hai delle domande?