all about responsive/non-responsive html email templates with example, Tested on email service provider like Gmail, Outlook, Yahoo, Hotmail, Radiffmail, Zohomail.
Hey guys,
As we know now a days HTML emails are too much tradition and all email server do not provide all HTML/CSS tags and functionality support.
You can easily find some bloody responsive HTML email example on google but when you use them in your project, you feel like been cheated as currently no email vendor provide support of media query and most of tags.
So today we are here to provide several strategy and example for how to create HTML email, that support in all major email vendors e.g. Gmail, Yahoo, Hotmail, Rediffmail, Outlook, Zohomail etc.
Keys to know before working html email template
- Always follow table layout to look decent on cross platform.
- Media query and too much HTML tags and CSS are are not supported cross platform. So better to go for tested HTML/CSS tags.
- Try to use inline CSS.
- It's better to check how does your email look on several devices and platforms.
- It should look decent even if no image is there because some provider blocks the image or ask user to download it manually
- Put appropriate alternate text for image for the same reason.
Some Tested example are as follows
