Usa CSS Inliner
CSS Inliner di Mailchimp converte gli stili incollati in CSS in linea, permettendoti di risparmiare tempo. Scopri come attivare CSS Inliner e i selettori CSS supportati.
Rivolgiti a un professionista
Dalla formazione a un marketing completo, la nostra community di partner può aiutarti a realizzare i tuoi progetti.
CSS nelle email HTML
Copia URL articolo
Copiato
Nota
Le informazioni riportate in questo articolo si applicano solo al builder classico. Per informazioni su come utilizzare il nuovo builder, consulta la sezione Progetta un’email nel nuovo builder.
Il CSS funziona nelle email HTML, ma ha delle limitazioni. In generale, quando codifichi email, è sempre meglio usare un CSS molto semplice.
Ecco i nostri consigli su come usare il CSS nelle email HTML e alcune informazioni per aiutarti a risolvere le problematiche legate al CSS.
Suggerimenti CSS generali e risoluzione dei problemi
Ecco alcuni consigli generali per ottenere i migliori risultati durante la codifica di CSS per le tue campagne. Ricorda che il CSS funziona con le email HTML, ma è piuttosto imprevedibile.
- Usa un codice semplice.
La codifica di email HTML è diversa da quella per un sito web. Più semplice sarà il codice, meno errori ci saranno. - Usa il CSS solo per elementi di stile generale.
Otterrai i migliori risultati usando il CSS per elementi generali come font e colori. - Usa CSS in linea
Dato che le applicazioni email basate su browser come Gmail eliminano i tag<head>e<body>in modalità predefinita, usa sempre il CSS in linea anziché quello incorporato.
Trasforma il CSS incorporato in CSS in linea
Consigliamo caldamente di utilizzare il nostro strumento CSS Inliner per trasformare il tuo CSS incorporato in CSS in linea.
Se scegli di mettere in linea il tuo CSS manualmente, dovresti usare un wrapper <tabella> con larghezza al 100% per i colori di sfondo o le impostazioni <corpo> della tua email.
Il tuo CSS dovrebbe somigliare all’esempio di seguito.
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #BBBBBB;">
your content here....
</span>
Nota
A volte il servizio email di un iscritto elimina righe di codice che iniziano con punti, con gravi conseguenze sul tuo CSS. Se metti il tuo CSS in linea manualmente, aggiungi uno spazio davanti a tutte le righe che iniziano con un punto.
Assistenza tecnica
Hai una domanda?
Gli utenti a pagamento possono effettuare il login per accedere al supporto via email e chat.
Correlati
Limiti dell’email HTML
Programmare un’email HTML è un po’ come programmare un sito web alla fine degli anni Novanta. Informazioni sui limiti delle email e come aggirarli.