With images being suppressed by default in most email clients, many will display the ALT text as a replacement or alternative to showing the image. You should keep this in mind when designing your email by trying not to include important content using images, as your viewers may not see it without having to enable a setting in their client. Unlike colors, when using background-images, gradients and images in your email design you should be aware that most email providers hide images by default. The good news about background colors is their supported across the board. Responsive Email Designer will do most of the work for you when it comes to the code portion of the design but you always need to be aware if changes were made in what a specific client or service supports. Just because your email design looks good in Gmail this week, does not mean it will next week. This is because of the ever changing world of CSS support in different email clients. You NEED to test your email designs continually on a regular basis. This fact made us cry as well, so go ahead and let it out. Next, you need to forget all the CSS3 and HTML5 you learned when designing an email as we are back to a table based layouts, nested tables and inline CSS. The one thing we have found is you should keep your email simple as the more complex the design, the more likely it is to fail on the popular clients. Outlook uses Word to render its emails, yes, Word… This just goes to show that emails are quite different from website design.ĭo not be discouraged by this, just because responsive design is not supported as it does not mean that you can not have a well laid out email, there are just some hurdles to overcome to make it happen. Some email clients have even taken a step backward in support for responsive design an example would be Outlook. Browsers are slowly adapting and adding support for CSS3 and HTML5 however many email clients are being hardheaded and have not moved in years. Responsive Email Design is not like building a responsive website. The best place to go to see which email client supports which CSS property is Campaign Monitorīefore we get started, there is something that you should know. This article will help you understand how to create an all encompassing email that will look good in all of the top most used email clients. The most common question asked is “Where should I start?” and the best answer is with the client that supports the least amount of settings, or the major components of Responsive Email Design. If you would like 6px margin-bottom on your p tags, use 3px margin-bottom and 3px padding-bottom to have an uniform look between all email providers. The reason being is does not support margin, and Outlook 2007-2013 does not support padding on div’s and p elements. To correct that, the alternative would be to use half margin, half padding. Knowing how to create an awesome responsive email for all of the different clients can be confusing to say the least.Ī good example is how margins are not supported in, but it is supported in all the other major clients. This does not mean that your email can not be tailored to fit each of these email clients though. Your email will still be visible and usable, it just will not be responsive. What this means for you is that 47% of all email client users will receive a responsive email while the other 53% will not. We have been saying Macs are better for years, believe us now? ) Yes, you read that correctly, only two! These are Apple Mail and iPhone iOS 7/iPad. Currently, there are only two email clients that support Responsive Emails. Now this next bit of information is a bit hard to believe but is true none-the-less. According to Email Client Market Share the most used email clients are: While there are many out there (hundreds), by designing your email for the top 10 most used email clients, you can ensure that 95% of your customers are receiving a clean, crisp and responsive message from your email campaign.įirst thing you need to know is who these top 10 email clients are. When using Responsive Email Designer there are many different email clients that you have to take into consideration when you are designing your email.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |