EDM Message Authoring Guide

Professional EDM mail delivery, there are strict production requirements, this guide from the format encoding, text, pictures and links to four aspects of the guidelines, please follow this guide to create your EDM mail template.

Format encoding

1, the width of the page please set within 600px to 800px, the length of 1024px or less.

2, HTML code please use UTF-8.

3, the HTML code within 15KB. (different inbox standards are different, if more than 15KB your mail will likely go into the trash bin)

4. Please use table table to layout. The same TD only put a picture, such as <td></td>. All the pictures have to be defined as a wide height. The same piece of text is placed in the same TD.

5. If you need to center the message, please set align= "center" in the table.

6, the Word class file cannot be converted directly to HTML format, otherwise it will cause the encoding is not canonical.

7, do not use the outside of the chain of CSS style definition text and pictures (outside the chain of CSS style will not be read in the message, so the message sent out because there is no link to the style, will make your message content style lost), the correct wording: <TD style= "font-family: Arial;font-size:12px;color:black "> Text </td>.

8, do not use Flash, Java, JavaScript, frames, iframe, ActiveX, and DHTML, if the picture on the page must be dynamic, please convert the Flash file to GIF animation use, but in outlook2007, GIF will not display properly because outlook2007 limits gif animations.

9. Do not use tags other than table body, meta and HTML, and some email systems will filter these out.

10. The background image code is written as follows: <table background= "background.gif" cellspacing= "0" cellpadding= "0" ></TABLE> Outlook does not recognize the background picture.

11, do not appear "onmouseover", "onmouseout", even in the TD set up, sent to the mailbox will also be filtered, unable to display the settings of the mouse after the display of the content.

12, font-family property cannot be empty, otherwise it will be blocked by QQ spam.

13, if the mail template inside edge or up and down there are blank spacing, do not use padding, you must use the standard TD to set the gap spacing, otherwise it will result in different mailbox resolution.

14, in Yahoo mailbox definition line-height Note: Need to define line-height in block-level elements. If the TD has a P tag, then the line-height must also be defined in P. Whether TD or P, if there is a hyperlink, you must define the line-height in the a tag. If you just define line-height in TD or P, the Yahoo Mail will not recognize the line height in a.

Text

1, the message subject control in 18 characters, to avoid the use of special symbols, easy to generate garbled.

2, the subject and content of the message should not be added with the website address information, such as "xxx.com wish you a good new year." If the customer's brand awareness is relatively high, the theme can be added to the company's name, such as: "Nike Sports fashion."

3, text content, layout as concise as possible, highlighting the theme to achieve a higher click-through rate.

4, do not use similar to the following sensitive and promotional text: free, preferential, preferential, special, low price, cheap, cheap, video, money, Mass, rich, rich, on behalf of, salary, friends, payment, business opportunities, magic, treasure, secret, intelligence, confidential, confidential, Top Secret, mystery, secret, and so on. If necessary, make a picture of the sensitive word.

5, if send more than 200,000, the subject content to replace, send more than 2 million, to consider re-design.

6, the text should try to define the style of the font, the default font style for each mailbox is different, in order to achieve the effect you want, the font style must be defined complete.

Image

1, try to use the picture, in order to avoid the text in various mainstream mailbox display is different. For example, QQ mailbox, if not set in the code, the text in the message can not be automatically wrapped, Gmail mailbox message content font will automatically enlarge, and the original set of characters inconsistent.

2, the entire page picture control within 8, each picture maximum cannot exceed 15KB.

3, the picture address please do not write the local path, for example: , (this sends out the message, the recipient will not be able to see your picture).

4. The image name cannot contain ad characters, otherwise the image will be displayed as "filtered advertisement" after uploading.

5, if the entire mail template only a picture, must be cut into 2-3 small pictures, and appropriate to retain some text.

6, Gmail, QQ mailbox requirements and change, the properties of the picture must be defined complete, such as here style= "vertical-align:top;" Be sure to define, otherwise there will be gaps, deformations and other anomalies in the picture.

7, add the ALT attribute in the IMG tag, so that when the user receives the message, even if some mailboxes hide the picture, you can see the contents of Alt. such as: Let the customer know the content of the message and attract customers to click on the display image.

Link

1, the number of links can not exceed 10, if all the image of the link address, please combine all the small pictures into a large picture.

2. Please write the absolute address of the link. (to ensure that the recipient is able to browse your content as they click on the link).

3. The length of the link address cannot exceed 255 characters, which can cause the error to be traced or linked.

4. Do not use map to link pictures, this feature will make the mail by most mailboxes classified as spam.

5, in order to avoid the user received the mail picture can not be browsed, please make a copy of the same as the mail content of the Web page, and then at the top of the message noted: "If you can not view the message content, click here", link to the same content of the Web page friends.

6, the text appears the website address link to be blocked as the spam the risk is extremely high, for example: http://xxx.com This kind of link, the proposal writes "XXX Company" The text adds the link, or the URL makes the picture to add the link.

7, the link is best not to use special symbols, to avoid mailbox resolution errors.

8, the link code should be as short as possible, the code too long will increase the size of the template, which will affect the mail delivery effect.

Outlook rules

1, col tags can not be recognized, if you want to define a few TD the same width, you can write the specific width in the specific TD. For example <TD width= "" ></td>.

2, inline elements of the padding can not be recognized, such as <a href= "#" style= "padding-left:40px;" The contents of the ></a>,a tag are not 40px away from the left. Padding can be defined in TD.

3, inline elements of the vertical-align can not be recognized, such as , this picture will not be aligned with the elements of the same line, you can write <TD valign= "Bottom" ></td>.

4, if the TD contains a table, then the definition of the label in the child table will only correctly display the style defined in the child table, the style of the parent table is not displayed correctly. Note: If there is a tag in the table, the color style of the content in the a tag is defined in the a tag, and the definition is invalid in the parent TD or in the table in which it is located.

5, if there is a gap between TD and TD, the use of <TD style= "border-bottom:10px solid #fff" ></td>, so that there will be no gap between TD. Use <TD style= "margin-bottom:10px" ></td> also will not have spaces. If there is a gap between TD, it must be separated by <TD></TD><TD height= "10px" >&nbsp;</td><td></td>. But if it is table, then <table style= "border-top:10px solid #ffffff; border-bottom:20px solid #ffffff "></table> content will have a blank line up and down.

6, p label width is not recognized, such as <p style= "width:320px" ></P>, the contents of the P tag will not be automatically wrapped at 320px. Only TD sets the width, the content will wrap at the width limit.

7, if you want to use the P tag to take into account the P label itself with the row height between the upper and lower lines.

8, in the TD set margin is invalid, whether it is Margin-left, margin-right, margin-top or margin-boottom have no effect.

9, when set or , the picture will be out of the flow of the document, the parent element set a margin or padding, you can not move it down, left or right to move.

10, in Outlook, if the nested picture is too long, will cause the display is not normal, you can cut the picture into a few short small pictures, and then layout.

From the "HTML" EDM message Authoring Guide

EDM Message Authoring Guide