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 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.
Correlati
Informazioni sull’email HTML
Scopri l’email HTML e approfitta dei suggerimenti su come progettare la tua email HTML.