Como enviar e -mail HTML com estilos em trilhos

Question

Quero saber como podemos enviar a página da web (página HTML) como um email. Quero adicionar estilo em uma página HTML, como imagens ou alguma formatação de tabela. Eu quero saber que devo adicionar estilo no meu "conta.text.html.erb" ou posso adicionar CSS nele?

Answer 1

Não é o melhor pratice para adicionar arquivo ao seu CSS em um email. Você precisa definir seu CSS em linha em seu e -mail.

Sobre o Asset, é melhor hospedá -lo em seu site. Você pode vinculá -lo em seu e -mail. Seu e -mail é mais leve com esta técnica.

Answer 2

Alguns itens que encontrei ajuda na legibilidade por e -mail em vários clientes:

Use tabelas para layout e posicionamento do elemento

Não inclua as imagens diretamente em seu e -mail, mas faça referenciá -las no seu site src = "http://example.com/myimage.jpg"

Sempre envie um text.plain Backup, caso o cliente do usuário final não possa ler HTML (como os militares).

Use estilos embutidos, conforme recomendado por Sihingara, se você precisar de CSS e / ou JS, certifique -se de colocar um caminho absoluto, então src = "http://example.com/myjavascript.js" ao invés de src = "/myjavascript.js"

Espero que isso ajude, se não a fazer um comentário de acompanhamento.

Answer 3

Como mencionado acima, os e-mails HTML não jogam bem com blocos de estilo declarados fora da linha. Os clientes do webmail, em particular, tendem a retirá -los completamente.

A melhor prática é usar apenas estilos embutidos; Para isso eu recomendo o Premailer plus Gem, que será em linha todos os estilos em um bloco de HTML. Dependendo do seu fluxo de trabalho; Você pode fazer isso quando construir os modelos ou como pré-processador antes que cada email seja enviado.