Как отправить HTML письмо со стилями в рельсах

Question

Я хочу знать, как мы можем отправить веб-страницу (HTML-страницу) в виде электронного письма. Я хочу добавить стиль в HTML-страницу, как изображения или форматирование таблицы. Я хочу знать, что мне следует добавить стиль в мой "conta.text.html.erb" или я могу добавить в него CSS?

Answer 1

Это не лучший способ добавить файл с вашим CSS в электронное письмо. Вам необходимо указать свой CSS-код в своей электронной почте.

Об активе, лучше разместить его на своем сайте. Вы можете связать это в своей электронной почте. Эта электронная почта легче с этой техникой.

Answer 2

Некоторые элементы, которые я нашел, помогают читаемости электронной почты несколькими клиентами:

Использование таблиц для разметки и позиционирования элементов

Не включайте изображения непосредственно в свою электронную почту, а ссылайтесь на них с вашего сайта src = "http://example.com/myimage.jpg"

Всегда отправляйте text.plain резервную копию на тот случай, если клиент вашего конечного пользователя не сможет прочитать html (например, военные).

Используйте встроенные стили в соответствии с рекомендациями sihingara, если вам требуется css и или js, убедитесь, что вы указали абсолютный путь, поэтому src = "http://example.com/myjavascript.js" вместо src =" / myjavascript .js "

Надеюсь, это поможет, если не спросить последующий комментарий.

Answer 3

Как уже упоминалось выше, электронные письма в формате HTML не очень хорошо работают с блоками стилей, которые объявлены вне строки. В частности, клиенты веб-почты стремятся полностью их исключить.

Рекомендуется использовать только встроенные стили; для этого я настоятельно рекомендую гем Premailer Plus , который встроит все стили в блок html. В зависимости от вашего рабочего процесса; Вы можете сделать это при создании шаблонов или в качестве препроцессора перед отправкой каждого электронного письма.