But why? The size of an email with CSS in it might be slightly larger but not to a point where it has any effect on deliverability or any other aspect related to it. As an example, let’s take a look at this Evernote marketing email that does an excellent job with the CTA buttons and the general design.Ī plain HTML email that only has text in it and no CSS can definitely be done. However, besides setting the general style and tone that is consistent with your brand, using CTA buttons, visual hierarchy and simple CSS animation in emails can be a great way to prompt the reader to make a favorable action that brings measurable results. Better conversionīy using CSS it’s possible to make a set of email templates that can act as “packaging” for your product. Instead of having a chunk of code for each size range. Meaning that any responsive email will automatically adjust in appearance based on the device used to read it and the styles are all set in one just one place. The good news is that web development has come a long way and today CSS is written with a Responsive Web Design (RWD) approach. It’s also the layout of the content that needs to be consistent on every device the user is viewing it from and dynamic so it raises engagement. Responsive designĪlthough, in emails, it goes even beyond the colors. The same principle applies to companies’ emails, especially marketing ones. But if you were given a pallet of colors and asked to select the colors that are present in the logo, you’d have no trouble quickly selecting the signature red, blue, and white. If you were asked to draw Pepsi’s logo from memory, chances are you’d struggle a bit with getting the shape of that white line right. When it comes to branding colors, they play a huge role in having a consistent look that influences recognition. CSS for HTML emails: Why is it so important?īefore we plunge deeper into examining the types of CSS that exist, reviewing the examples, and how to use CSS in emails, it’s important to understand why even use it and the impact it has. In this article, we will go over the main principles of using CSS in emails and take a look at some examples that demonstrate how to do so. Now add some Cascading Style Sheets (CSS) either to your web page or an email, and things are colorful, engaging, and begin to stand out.īut dealing with HTML email building that has CSS in it can be tricky due to the way email clients “read the code”. For a lot of folks out there, HTML on its own is boring, after all, nothing is exciting when there is no color in it.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |