邮件HTML代码

邮件HTML代码的经验分享

邮件的设计和制作,其作为邮件营销的重要环节,直接影响着一次营销活动转化
我们知道,不同的邮件客户端有不同的解析规则。一封设计精美的邮件,如果Html代码不规范,在客户端显示的效果往往会大打折扣。所以,如果想要邮件在客户端显示原有的设计效果,就需要规范的HTML代码制作了。

下面我为大家分享几点邮件编码的基础知识:

HTML邮件制作基础

使用<table><tr><td></td></tr></table>表格进行布局

CSS样式的注意项

邮件客户端说识别的CSS样式与网页有明显的区别:

1,采用内联样式表;
CSS样式不可从中引用。比如,<p style=”color:red”>,一定要包括在标签内部。
2,邮件客户端可支持的样式有限,且不可以缩写;
邮件客户端是不支持float属性,所以只能用比较复杂的table布局来实现。
代码不可使用< style =”font:12px/14px Arial,” >,类似的缩写,必须严格的使用<style=”font-size:12px; font-family:Arial;”>,

邮件测试常见问题与解决办法

将制作好的邮件在各个客户端进行显示兼容性测试,是邮件制作的重要环节:

1, 邮件间距问题
首先检查是否是cellspacing和cellpadding属性的赋值问题,其次检查是否使用margin与padding属性进行了布局。/dd>

2, 图片位移问题;
检查< img >标签是否包含在 中,如果是,给img标签一个display:block的属性来消除1个像素的隐藏边距。
添加display:block之前
添加display:block之后
3, 字体大小问题;
请在每个有文字的 标签中再次添加文字样式。

最后我给大家一些编辑邮件HTML代码的建议:

1, 不要使用js。大多数的邮件客户端不支持js。

2, 背景图的属性要写在表格内。另外Outlook不支持背景图片,建议设计的时候考虑进去。

3, 为图片定义宽度和高度,并且添加Alt标签(http://blog.unimarketing.com.cn/2010/08/19/830.html)

4, < /a >标签要添加target=“_blank”属性,即在新的标签页中打开链接。

5, 注意图文比例,且单张图片不可过大。建议在100K以内

6, 背景颜色设置在< td >里面。

7, 如果要添加边框,请把属性添加到< td >中。

8, 为图片添加背景颜色,当邮件图片默认不下载时,使页面尽量美观。

9, 如果邮件中有英文,请为文字添加text-align:justify属性。

10, 代码的属性不可使用简写,如color:#ffffff不可简写成color:#fff

什么是触发邮件

什么是触发邮件?

良好的用户体验加强客户粘性,提升品牌形象

一、什么是触发类邮件(交易类邮件Transactional Email)?

 

触发类邮件指的是被某一事件、行为、或者特定时间触发的一个或一系列Email,因为特定的原因而发送给特定收件人的邮件。如:注册欢迎邮件、购物订单确认邮件等。触发类邮件有以下特点:

 

有明确的需求 — 触发类邮件有很强的目的性,比如客户注册网站触发一封欢迎邮件;客户的购物车即将过期时触发一封提醒付费邮件。

 

自动触发 — 触发类邮件的内容是提前设定好的,通过某一行为或特定时间条件完成触发。

 

个性化的 — 触发类邮件的受众为个人,邮件只发送给因特定行为触发了邮件的特定联系人。(比如,订单确认邮件就是典型的个性化触发邮件,邮件中包含联系人的用户名、订单号、订单生成时间和配送地址等。)

 

二、触发类邮件都有哪些应用?

 

欢迎邮件

 

在客户注册了网站或者订阅了Newsletter之后,欢迎邮件是与客户沟通的开始。一封亲切的欢迎邮件会为后续的营销加分不少。其次,欢迎邮件可以Double Opt-in联系人列表,保证邮件地址的准确性。另外,欢迎邮件会有较高的阅读率,通过欢迎邮件,你可以将企业品牌和后续的邮件风格传递给联系人,加深联系人的印象。

 

点击查看大图:

欢迎邮件图例:确认订阅的欢迎邮件

欢迎邮件图例:确认订阅的欢迎邮件

 

到期或过期提醒

 

客户的购物车即将过期提醒;预约服务过期提醒;预约提醒等都可以通过时间条件进行邮件触发,这样不仅给客户很好的体验,也可以促进销售,加强客户粘性。

 

点击查看大图:

到期或过期提醒图例:牙医预约提醒

到期或过期提醒图例:牙医预约提醒

 

订单确认

 

当你刚刚在网上进行了购物,你一定非常期待一封及时的订单确认邮件。你可能频繁的查阅邮箱,看你的货物是否在运输的路上了。及时的、个性化的订单确认和订单追踪邮件对于网络购物人群是非常必要的。

 

点击查看大图:

网上购物订单确认图例:购买短靴后确认邮件

网上购物订单确认图例:购买短靴后确认邮件

(订单邮件详细的案例分析,请阅读另一篇博文:触发邮件案例分析(一)

 

激活不活跃客户邮件

 

联系人列表中常常会有一定比例的客户已经好久没有关注您的产品了。也许他们暂时没有需求,在等待他们需要的产品;也许他们对你非常感兴趣,却找不到合适的购买时机;也许他们暂时的沉静,在等待下一季的打折产品上市。那么,通过一次有吸引力的营销活动去激活这些联系人是非常有必要的。
激活邮件的唯一目的是得到联系人的反馈,不管是积极的还是消极的。激活邮件可以是一封有时间限制的促销活动,也可以是一封问卷调查。

 

点击查看大图:

限时促销活动图例:圣诞节限时促销

限时促销活动图例:圣诞节限时促销

 

© Copyright 2016, All Rights Reserved. | 公司网站 | 灵动邮件营销博客 | 隐私声明 | 系统登录