EDM邮件制作

2020-06-28 15:58:40 作者：互联网

EDM营销（Email Direct Marketing）也叫：Email营销、电子邮件营销。是指企业向目标客户发送EDM邮件，建立同目标顾客的沟通渠道，向其直接传达相关信息，用来促进销售的一种营销手段。也可用于发送邮件广告、产品信息、销售信息、市场调查、市场推广活动信息等。

1. 清除表格默认样式

如果你对<table>的相关属性不太了解，建议先了解一下它常用的一些属性。

table标签用来定义一个表格，无论是在邮件中还是在不同浏览器中，table标签都带有默认的间距以及一些不能被Style覆盖的属性，在页面清除相对简单一行CSS就搞定，但在邮件中我们只能写行内样式，所以需要给<table>加上以下属性和样式。

<table cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; border-collapse:collapse;table-layout:fixed;">
    <tr>
    	<td style="padding: 0;">
        	<!-- 嵌套表格也需要清除样式 -->
            <table cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; border-collapse:collapse;table-layout:fixed;"></table>
        </td>
    </tr>
</table>

这里有一个需要注意的地方，如果要在<table>上使用padding需要将border-collapse: collapse去除，否则不能使用padding。

属性	功能
cellpadding="0"	单元格边距为0
cellspacing="0"	单元格间距为0
border="0"	边框大小为0
border-spacing: 0	边框间距为0
border-collapse: collapse	用于表格属性，表示表格的两边框合并为一条
table-layout: fixed;	固定表格布局，允许浏览器更快地对表格进行布局

2. 格式

邮件的宽度一般在600px到800px不等，具体宽度由设计师制定，正常不超过800px。
HTML编码使用utf-8。
布局应严格使用table表格布局，常用的div + css在邮件中显示会发生异常，也会加大邮件被墙的几率。
邮件中不能使用JavaScript代码，无效且会加大被墙几率。
严格来说邮件不支持使用外链样式以及内联样式，仅能使用行内样式，像这样：
```
<td style="font-family: serif;font-size: 16px;color: #ccc;">Text</td>
```
关于样式继承，不同邮箱平台解析标准不同，部分继承样式可能会失效，所以应当减少使用样式继承，虽然这会增加更多的样式代码。

不过目前大部分邮箱也已经支持使用内联样式，意味着可以在<style></style>标签中编写CSS，支持Class、媒体查询、hover效果等。

正常情况下邮件会忽略body以外的所有内容，所以使用内联样式前请务必确认邮件发送工具支持编写内联样式，邮箱也支持，否则邮件中的样式会丢失。

具体的样式支持可以在The Ultimate Guide to CSS看到。
```
<style>
	.normal-text{
		font-family: serif;
		font-size: 16px;
		color: #ccc;
	}
	.hover-bule:hover{
		color: bule;
	}
</style>

<td class="normal-text">
	Text
	<p class="hover-bule">hover change font color</p>
</td>
```
能使用属性就不用样式，例如<table>标签的width、bgcolor、align，img标签的width、height。字体加粗可以使用<b>标签而不是css的font-weight。
内边距和外边距尽量不适用padding和margin，正确的做法是使用空标签来设定间距，否者会导致各个邮箱平台解析不同，造成差异。注意：使用padding请先去掉<table>上的border-collapse:collapse样式，或者将值改为border-collapse: unset。
表格居中可使用align="center"属性，加在<table>标签上。合并单元格(td)可使用colspan="3"属性,不过还是有些邮箱不支持此属性，最好的解决方法还是table嵌套。
一般项目中我们会避免深层嵌套，但邮件中使用表格布局免不了深层嵌套，所以有些嵌套十多层标签也不足为奇。但需要注意避免搞混。

3. 注意事项

邮件发送前先发几封测试邮件给自己，手机端也需要检查，如果有2封及以上邮件内容大致相同，相同的部分会被隐藏，也会大概率被标记为垃圾邮件。
主题和邮件都尽量避免发票、促销、免费、低价、信用卡付款、立刻订购等关键字，奇怪符号、过多的红黄色、超大字体也最好不要用，如果需要，请把敏感词做成图片，在图片中显示。
直接发一张图片或切几张图发送的情况，很大机会被屏蔽，请注意图文比例，图片大小最好不要超过500kb。
给重要图片加上alt标签：如果您的邮件主体内容是图片，那么给图片加上alt标签显得格外重要，这样当图片被默认屏蔽时，用户看到的不只是被屏蔽图片的边框，还有您在alt标签中加上的图片说明，这让用户依然能够明白这个邮件的大体内容。

几篇有用的文章

EDM制作要点，避免自己的邮件被墙，[HTML Email 编写指南](

标签：collapse,表格,样式,标签,EDM,使用,制作,邮件
来源： https://www.cnblogs.com/zhangdamin/p/13203140.html