Come inviare e-mail HTML con stili di rotaie

Question

Voglio sapere come possiamo inviare pagina web (pagina HTML) come una e-mail. Voglio aggiungere stile in una pagina html come immagini o qualche formattazione della tabella. Voglio sapere che dovrei aggiungere stile nel mio "conta.text.html.erb" oppure posso aggiungere i CSS in esso?

Answer 1

Non è un pratice migliore per aggiungere file con il CSS in un'email. È necessario definire il CSS in linea via e-mail.

A proposito di Asset, è meglio per ospitarlo nel tuo sito web. È possibile collegarlo via e-mail. Il tuo indirizzo email è più leggero con questa tecnica.

Answer 2

Un certo articolo è che ho trovato aiuto in email leggibilità tra più client:

Usa tabelle di layout e posizionamento elemento

Non includere le immagini direttamente via e-mail piuttosto li riferimento dal tuo sito src = " http : //example.com/myimage.jpg "

Invia sempre una text.plain di backup nel caso in cui il vostro cliente di utente finale non può leggere html (come i militari).

Usare gli stili inline come raccomandato dal sihingara, se si deve bisogno di css e js o essere sicuri che si mette in un percorso assoluto in modo da src = " http://example.com/myjavascript.js " al posto di src = "/myjavascript.js"

Spero che questo aiuti, se non chiedere un commento follow-up.

Answer 3

Come accennato in precedenza, email HTML non giocare bene con blocchi di stile che sono dichiarati out-of-line. Webmail client, in particolare, tendono a nudo fuori completamente.

Le migliori pratiche è di usare solo gli stili inline; per questo Consiglio vivamente il Premailer Inoltre gioiello che sarà in linea tutti gli stili in un blocco di html. A seconda del flusso di lavoro; è possibile farlo quando si costruisce i modelli o come pre-processore prima di ogni email viene inviata.