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 in un template con codice personalizzato, procedi come indicato qui di seguito.
Nella sezione Contenuti dell’elenco di controllo Email, fai clic su Progetta email.
Alla voce template, fai clic sulla scheda Codice personalizzato e seleziona Incolla codice. Se usi il nuovo builder, fai clic su Sì, continua con il classico nella finestra pop-up.
Alla voce Codice , incolla il tuo codice HTML.
Fai clic sulla scheda Impostazioni.
Spunta la casella accanto a CSS Inliner automatico.
Selettori supportati da CSS Inliner
Usa il CSS Inliner automatico per includere elementi di stile CSS elaborati nella tua email HTML, inclusi attributi, pseudoclassi, discendenti e altro. Questi selettori sono 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 email.
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. Puoi comunque controllare l’anteprima dell’email in un visualizzatore affiancato e verificare che le modifiche siano corrette prima di inviarla.
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.