CSS nelle email HTML
Questo articolo offre alcuni consigli di base sull’utilizzo del CSS nelle email HTML.
Rivolgiti a un professionista
Dalla formazione a un marketing completo, la nostra community di partner può aiutarti a realizzare i tuoi progetti.
Usa CSS Inliner
Copia URL articolo
Copiato
Per ottenere risultati ottimali con il CSS in un’email HTML, mantieni il codice semplice e usa CSS in linea. Lo strumento CSS Inliner automatico di Mailchimp converte gli stili del codice incollato in linea ed evita di dover codificare manualmente.
In questo articolo, scoprirai come attivare CSS Inliner automatico in un template con codice personalizzato e quali selettori sono supportati.
Attiva Inliner
Per attivare CSS Inliner, segui queste indicazioni.
- Nella sezione Contenuti del Campaign Builder, fai clic su Progetta email.
- Alla voce template, fai clic sulla scheda Codice personalizzato e seleziona Incolla codice.
- Alla voce Design, incolla il tuo codice HTML.
- Fai clic sulla scheda Impostazioni.
- Spunta la casella accanto a CSS Inliner automatico.
Selettori supportati da CSS Inliner
Il CSS Inliner automatico ti permette di includere elementi di stile CSS elaborati nella tua email HTML, inclusi attributi, pseudoclassi, discendenti e altro. Ecco alcuni dei selettori supportati da Inliner.
- tagname
- class
- has attribute
- attribute value equals
- attribute value is one of
- attribute value contains
- attribute hyphen value
- attribute value begins with
- attribute value ends with
- pseudo-classes first-child
- last-child
- only-child
- empty
- not
- nth-child
- child
- descendant
- sibling
Dopo avere attivato Inliner e quando il resto del codice è pronto, continua a impostare la tua campagna.
Nota
- Quando abiliti l’opzione Inliner, non vedrai una modifica immediata al tuo codice. Dopo avere inviato il messaggio in coda, convertiremo gli stili prima di consegnarlo al pubblico. Dopo avere abilitato Inliner, tuttavia, puoi effettuare l’anteprima della campagna in un visualizzatore affiancato. Qui potrai verificare che le nostre modifiche corrispondano al risultato desiderato prima di inviare.
- Inliner non risolve problematiche di supporto CSS, soltanto quelle sicure da usare nelle email massive. Per esempio, non dovresti usare i tag DIV per posizionare i tuoi contenuti.
Assistenza tecnica
Hai una domanda?
Gli utenti a pagamento possono effettuare il login per accedere al supporto via email e chat.
Correlati
Informazioni sull’email HTML
Scopri l’email HTML e approfitta dei suggerimenti su come progettare la tua email HTML.