阿里巴巴国际站的客户通EDM是阿里大力推广的一个新式功能，从呱呱落地到茁壮成长也走过了一段不长不短的历程。在客户通EDM邮件里有模板管理的功能模块，官方预设了几个默认模板，样式和风格都比较简洁化。
而邮件营销的表层形式主要有两种，一种就是偏传统的开发信形式，以纯文本+数张产品图为邮件内容的表达形式，这种邮件叫做文本邮件。还有一种更新颖和丰富表达的形式，是基于HTML5代码框架支持的邮件内容的输出形式，叫做HTML邮件，也称为富媒体邮件，HTML富媒体邮件营销。
这篇文章为主的祥助分享一下如何拖拽式设计一封自己的HTML富媒体邮件，作为阿里客户通EDM开发信的新颖新式来开发和营销客户，提高邮件的内容表达，用户体验和转化意向。
富媒体邮件
HTML是超文本标记语言(Hyper Text Markup Language),是写网站前端页面的框架语言，目前的国际通用协议版本为HTML5。HTML邮件简而言之，就是通过HTML代码来排版和编辑邮件的，这样你的邮件在客户视角看来就不再是一大堆纯文本，而是含有网页排版样式的一个单页面。
文本邮件形式的优点非常明显，在于邮件内容简洁，一目了然，符合传统习惯；但HTML富媒体邮件形式则在于内容表达的丰富化。根据国外知名邮件营销服务商Hubsopt做的纯文本VS HTML邮件测试，参与测试的人有2/3的人表示更偏好阅读HTML富媒体类邮件。
为什么选择HTML邮件，而不是直接简简单单的纯文本邮件？这个在祥助看来，和2G，3G，4G，5G的网络技术发展带来的变迁一样，从以前2G时代的文本，3G时代的图片，再到现在4G和5G时代的视频,直播，VR/AR的技术变革是一样的。用户的落地体验用户审美偏好和使用习惯是一样的道理。纯本文形式一成不变的现象也是会跟着变化的，不再是邮件开发的唯一模板形式。
大家邮箱里经常能收到海外的广告营销信，大多数都是HTML富媒体形式的邮件，特别是一些商城站点的群发营销邮件，非常具有可观性和整体美感。最近阿里巴巴国际站的客户通EDM里的官方模板，也属于HTML邮件形式的一种。
设计邮件样式
排版和设计HTML邮件是靠HTML5代码的编辑来完成的，如果懂HTML代码的朋友可以用内联样式来排版出这样的页面。当然跨境E站的这篇文章的侧重点并不是让大家都学HTML入门然后写代码，所以我们侧重推荐一个可在线拖拽式+可视化编辑和设计HTML邮件的在线平台.。
平台登录： Benchmark 邮件营销 - 15分钟完成邮件群发
复制到浏览器地址栏访问， 登录benchmarkemail这个网站注册一个账号并按照流程完成账号的激活。
- Benchmarkemail提供了三种编辑器方式：拖拽式编辑器，自行设计HTML，纯文本版本。我们选择拖拽式编辑器，这样可以在线通过鼠标托拽方式来设计HTML邮件的内容表达，并且可以导入官方提供的邮件模板。
- 设置基本邮件数据，如邮件名称，寄件人信息等待，选项还提供了Google Analystic网址跟踪（需要按照提示说明进行配置才可使用）等可选选项
- 选择联络人名单：新建一个联络人名单，点击新增联络人到此名单，复制粘贴想要作为收件方客户的邮箱。这里建议先只增加一个自己的其他邮箱，接收邮件做测试和查看。
拖拽式邮件设计
配置完上面的邮件基础信息后会进入到拖拽式编辑器，先根据想要的版式选择页面的排版形式，选择完毕后进入编辑器页面。左侧是可添加的元素，右侧是可编辑的区域，从左侧将需要的元素模块如单图，托拽到右侧的编辑器区域，然后按提示添加对应尺寸的图片。这样依次操作进行填充，就可以完成一封HTML的邮件设计。点击全局样式还可以修改邮件的底色，字号等全局信息，进行优化。
如果不想自行拖拽式进行设计，点击排版切换到排版区域，再点击模板，从里面选择一封符合产品或类目的邮件模板进行导入。点击模板库的载入更多，加载显示更多的邮件模板，总体的模板库还是挺丰富的。导入模板后编辑器区就是一封完整的HTLM邮件了，点击对应的区域，可进行文本，图片的修改。
官方提供的模板库有不少样式精美的单页富媒体邮件样式，有适合B2B开发信的，有适合B2C产品聚合展示的，大家根据需要自己选择。
Tips：导入模板后可以对样式进行二次调整，比如文本大小，颜色等
修改邮件代码
将编辑完成的邮件点击进行发送，发送至之前填写好的测试邮件接收人邮箱，这样你的邮件就会收到你发出的富媒体邮件。
点开收到的邮件后点击再次编辑，切换到HTML模式，即可获得邮件的HTML源源代码。
将源代码全选-复制，粘贴到你的HTML代码编辑器，可以是Dreamweaver，可以是Sublime Text 3（如何安装和配置Sublime Text 3：运营必备工具-Sublime Text 3的安装，汉化与配置），也可以是HbuilderX（祥助目前正在使用的），也可以是其他编辑器，甚至Text文本文档也可以。
因为Benchmarkemail的超链接跳转都会经过它做一层跳转，而阿里国际站不支持外部链接，所以不做修改直接粘贴的话图片会被bypass而不显示
所以建议这里做如下修改操作：
- 使用F12审查元素工具分别一一找到图片的url复制
- 再去源代码里ctrl+F粘贴查找定位到代码行
- 将图片在图片银行对应的超链接替换掉代码行的这一行url（重要）
Buy Now按钮，产品图片等对应的产品跳转目标超链接也是一样的道理，重新修改为阿里国际站你店铺产品的对应链接。
如果你会HTML代码修改，还可以自行调试前端显示的颜色，样式，排版，位置等效果，进行更深一步的自定义优化。
配置客户通模板
阿里国际站后台-客户通EDM的-模板管理-新建模板，切换到源代码模式粘贴我们设计好的邮件样式内容的代码，保存为草稿或直接发布。
之后点击预览客户通的邮件内容，就可以看到这个设计好看的产品展示样式了，当我们做营销邮件的操作后，客户端邮箱收到看到的内容也是一模一样的样式的。
对富媒体邮件和纯文本邮件的建议：祥助个人是建议可以二者搭配并用，HTML邮件主要以多产品展示型的邮件模板或自行拖拽式设计产品展示模板，来展示公司的多样化产品，多用在一些节日，店庆，产品推广宣传场景。文本邮件走传统式的开发思路和应用场景。
