Here there is a very good page about the topic.
As you can see in the page, the email clients will strip the css classes out. So you should use inline styles.
I followed the next steps:
- I put the html email layout (with inline styles) in app/views/layouts
<body style="your-style">
<table>
<tr>
<td style="your-style">
<p><%= yield(:email_content) %></p>
</td>
</tr>
</table>
</body>
- For each mailer view file .text.erb write a corresponding file .html.erb in the same folder and with the same name, with the following code<% content_for :email_content do %> <p>Text</p> <p>message</p> <% end %>- In the application, you probably will have several mailer classes in the folder mailer. Mailers work very similarly to controllers. In my case these classes inherit from the class ApplicationMailer, so I wrote in this class:
layout 'layouts/email'- If you are using devise you need to configure it to use the layout. Write inside the class Application in config/application.rb:
config.to_prepare do Devise::Mailer.layout "layouts/email" end- If you are testing your application with rspec and have code like the following:
expect(inbox_for(email_account)).to include_email(subject: 'Text Subject', body_text: /Text message/)After the change, the test won't work because now the email isn't plain text any more. Now is a multipart email. So you could write:
last_email = inbox_for(email_account).last
expect(last_email.subject.to_s).to match('Text Subject')
expect(last_email.text_part.body.raw_source.to_s).to match(/Text message/)
expect(last_email.html_part.body.raw_source.to_s).to match(/Text</p>\n\n <p>message/)
Instead of use inline styles you could use gems as premailer or roadie. I didn't use them because I only have an html.I hope that this information helped you. I am sure that you have better ideas to implement this, so share it with us!
