Email Marketing is a communication technique through email whose main objectives are usually to help increase sales and maintain regular communication with current and potential customers to improve their level of loyalty. . To do this, you must create email templates that will be sent to multiple recipients.

As you have probably already realized, in the process of designing Email Marketing pieces you need to know precisely what the limitations of the medium are.

You should first think of a simple design that adapts to the incompatibilities of different email clients.

Second is that you have to forget everything you know about modern HTML coding standards (CSS, CSS3, DIVS, Javascript), since HTML for emails is light years away from that. Here we leave you some HTML coding tips for Emails

Tables and labels

Use the “Table” tag when designing your campaign. Do not use the “Div” tag, as it is very incompatible in several email clients. Do not use the “Head” tag within the HTML. Place all content inside the “Body” tag.

Styles

Do not use CSS files to apply styles to your design. The correct way to apply them is using Inline styles within any label you use in your email.

Background image

Do not use “background-image”: unfortunately this limits the design quite a bit since very few email clients support this property.

Typefaces

Limit yourself to using standard fonts in your designs (Arial, Verdana, Trebuchet, Times New Roman, Georgia), this way you will be sure that the majority of people viewing your email have these fonts installed on their systems. operational.

Be careful when using special characters. Some email clients do not correctly display accent marks and ñ; among others.

á= á

ñ= ñ

Images

Be especially careful when exporting images in your designs. The most recommended formats are png 8, png 24, png 32, jpg, gif, animated gif.

Flash

Do not embed .swf files (Adobe Flash) as it is not compatible with any email client. In case you want to include a small animation, you can use .gif animations. Keep in mind that the weight of the animation should not be excessive, only use this resource if it is really worth it.

Javascript

Try to remove all Javascript code in your HTML, as this code is removed when received by the email client.

As you will realize, great care must be taken in the details when creating the email layout. Don't forget that your content is attractive and eye-catching.