Как сделать CSS доступным для Gmail, используя sendgrid

Я использую api Sendgrid для моего приложения rails для отправки электронной почты, но в gmail не поддерживается css, записанный в теге head, что я должен сделать, чтобы css работала.

3 ответа

Решение

К счастью, это не связано с вашим использованием SendGrid.

Согласно FreshInbox, Gmail является уникальным среди основных веб-почтовых клиентов в том, что он полностью несовместим с обычными селекторами внутри тегов стиля в голове. Это связано с тем, что он меняет все классы и идентификаторы в ваших электронных письмах. Вы можете обойти это, используя нестандартные селекторы.

Обычно разработчики обходят это, используя встроенные стили. Как уже упоминалось в bwest, гем premailer-rails может помочь вам в этом, автоматически включив ваши стили из таблицы стилей как встроенные. Его очень просто использовать, просто добавьте nokogiri и premailer-rails в ваш Gemfile:

gem 'nokogiri'
gem 'premailer-rails'

Чтобы обеспечить совместимость с наибольшим количеством почтовых клиентов, вы должны использовать встроенную CSS при отправке электронных писем в формате HTML. В настоящее время мы не предлагаем это как часть SendGrid, но вы можете использовать гем для этого.

Gemfile.rb

gem 'roadie-rails'

чем внутри x_mailer.rb

include Roadie::Rails::Automatic
Другие вопросы по тегам