html5邮件若何美化你的国际站客户通EDM营销信邮件

而邮件营销的表层形式紧张有两种，一种便是偏传统的开拓信形式，以纯文本+数张产品图为邮件内容的表达形式，这种邮件叫做文本邮件。
还有一种更新颖和丰富表达的形式，是基于HTML5代码框架支持的邮件内容的输出形式，叫做HTML邮件，也称为富媒体邮件，HTML富媒体邮件营销。

这篇文章为主的祥助分享一下如何拖拽式设计一封自己的HTML富媒体邮件，作为阿里客户通EDM开拓信的新颖新式来开拓和营销客户，提高邮件的内容表达，用户体验和转化意向。

阿里巴巴国际站客户通

html5邮件若何美化你的国际站客户通EDM营销信邮件 React

营销邮件模板设计

富媒体邮件

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邮件的在线平台.

平台登录：https://www.benchmarkemail.com/cn?p=1013689

(复制到浏览器地址栏访问，登录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邮件紧张以多产品展示型的邮件模板或自行拖拽式设计产品展示模板，来展示公司的多样化产品，多用在一些节日，店庆，产品推广宣扬场景。
文本邮件走传统式的开拓思路和运用处景。

（来源：为主的祥助）