We asked our designer to write a well detailed user guide for you which contains essential tips, which you should take into account when creating a new email template from scratch. The first part of our “How to” articles deals with Email background settings, which can be configured in EDMdesigner under the Defaults tab.
When you start an email template from scratch, there are a few general styling options that you may want to consider.
These options can be found on the Defaults tab on the right panel.
This option sets the whole background of the email. You can choose color, or an image. Keep in mind that in most email clients, especially on compact devices, there will not be much to see from this background, unless you choose transparent content elements. So it is mostly just for setting a general mood for the template.
Colored template background
According to the above, be careful when choosing a general color for your background. It is better if this color is not in a big contrast to the content, this was you can avoid having an awkward distinct frame around the content on compact devices.
The same caution is advised with background images as with background coloring. It is likely that just a small portion of the image will be visible in most cases. Therefore in most cases it is not wise to use a big background image, the more because the client has to download that big file, even on mobile devices, and that can lead to slow loading and unnecessary network traffic and costs.
The more usual use of the background image is tiling, using a small repeatable image that resembles a material, or shows a geometric pattern.
We hope that you liked this short summary from Joe. We will continue our “How to” series with Default typography settings next week!
HTML Email Development Tools
Would you like to improve your HTML email development workflow and learn about new developer tools? This article series is for you.Read more
Git Branching Workflows in SaaS Development and the Review ASAP Policy
This article shows you a git branching workflow which helps developers to review changes frequently, leading to better code quality.Read more
Tabular Data Representation in Modern HTML Emails
Responsive tables are the most common ways to represent tabular data in HTML emails. Learn about the best practices and the card layout design approach.Read more