NOP 和招商银行★☆☆☆☆

NOP 和招商银行

NOP 和招商银行

最常见的欢迎邮件,只是单纯的告诉用户你注册成功了,附加信息很少,邮件内容缺少活力。欢迎邮件是与用户的第一次接触,而这种欢迎邮件不会让用户印象很深。

Shopify★★★☆☆

(Shopify是一家提供网络电商的服务平台,可以帮您搭建自己的网站,与国内的淘宝类似)

Shopify欢迎邮件

Shopify欢迎邮件

这封是注册Shopify之后收到的欢迎邮件,邮件提供了用户信息并且提示我要妥善保管这些信息,还有些关于相关内容的提示,让人觉得十分贴心。这样的用户体验很好,告诉用户最有用的信息,这样的邮件可能会被保留做日后查询。设计的角度看,邮件比较简洁,有充满欢迎气氛的图片来配合内容,明确的call to action按钮也会可以引导打开者做下一步操作。

Fogbugz★★☆☆☆

(Fogbugz是一家软件公司从事项目管理的平台。)

Fogbugz欢迎邮件

Fogbugz欢迎邮件

Fogbugz在注册成功后,会发一封邮件说明“在接下来的三周内,他会继续发送3封邮件。如果用户不喜欢,可以拒绝接收”。
提前告诉用户可能会发生的事情,让用户有所准备,这样在用户频繁收到邮件后也不会觉得十分厌恶。预告发送行为,让用户有个提前预知,大大提高了与用户之间的关系,增加友好度。 设计也是简洁有趣,一个卡通标志配合公司logo。

Mailchimp★★★★☆

(Mailchimp是一个邮件发送的平台)

Mailchimp欢迎邮件

Mailchimp欢迎邮件(点击查看大图)

我注册了Mailchimp后收到一封来自他们的邮件,这封邮件详细地介绍了Mailchimp会为我带来什么,并且把他们产品的功能简单清晰地分为3个大块:

a、 可拖动的模块b、 设计师模板

c、 基本的布局模板

这样一封设计简洁、逻辑清晰的邮件,让刚刚注册的用户能够快速了解公司产品的功能和特点,对于用户来说,比一份专业的说明文档要给力的多。不过这个邮件的篇幅有点长,用户要仔细看完还要有点点耐心。

大麦网★★★★☆

大麦网欢迎邮件

大麦网欢迎邮件

左边的邮件是我注册大麦网后收到的邮件,这里不仅仅提供一般邮件通常会有内容,并且推广了近期的一些歌剧和音乐会的票价。在邮件的最后还温馨的列出一些新用户会出的问题和解决方案。
美中不足的是文字排版过多,这样可能会导致客户没有耐心将邮件读完。
邮件的文案信息要尽量精简。新用户的常用问题不需要列出来,只需要提供一个按钮即可。

唯品会★★★★☆

唯品会欢迎邮件

唯品会欢迎邮件

唯品会的欢迎邮件直击主题:资深会员抢购宝典。因为唯品会是一个专门作特卖的网站,而这个抢购宝典正式注册唯品会会员最需要的秘籍,简单的三个步骤,很好地抓住了用户的心理。下面的“马上体验”按钮,引导用户到网站购买。
页脚的一些社会化媒体更能增加其人气。社会化媒体是一大趋势,在邮件中放入一些社会化媒体元素可以提升营销效果。
综上所述,欢迎邮件可以表达公司想让注册者马上了解的内容,可以是网站操作流程、后续优惠或注意事项提醒、抑或产品功能和特色介绍等,适当添加一些营销产品,让客户在第一次接触时就感到贴心、温暖,并愿意继续交往。
与客户维持关系,就像交男女朋友一样,不仅日常表现要贴心,在第一次见面的时候也要给对方留下很好的印象,日后更好地沟通。
综合上面几个案例,总结以下几点:

1、 基本的注册信息,提醒用户管理好自己的注册信息。

2、 结合自身产品,在欢迎邮件中突出自身产品的长处和优势。(平台类的欢迎邮件尽量突出自己产品的功能和人性化;电商类要突出自己与其他电商的差异化和会员能有哪些优势。)

3、 站在用户的角度去思考,注册网站后第一个想知道的是哪些信息,可以在第一封欢迎邮件中体现出来。

通过上面几个案例,希望大家对如何设计一封欢迎邮件有所了解并能够行动起来。

如何添加alt标签

给图片添加alt标签是非常简单,只需要在<img>标签中添加即可:

<imgsrc=”www.unimarketing.com.cn” alt=”北京灵动创新”height=”300” width=”400”>

注意点:图片的宽度与高度是一定要设置的。这样可以保证在图片不显示的情况,一样可以保持个空间站位并且让alt标签中的文本可以很好的展现给读者。

Alt标签在实际中的应用

下图是没有添加alt标签的邮件,很明显你对它产生不了什么兴趣也无法得知未显示的图片是什么信息。

Alt标签在实际中的应用,没有添加alt标签

Alt标签在实际中的应用,没有添加alt标签

而下面的图片是添加alt标签后的邮件,虽然图片不显示,但是读者一样知道这些没有下载的图片所表达的信息。激励读者下载或者直接点击图片跳转到相关页面。

Alt标签在实际中的应用,添加alt标签

Alt标签在实际中的应用,添加alt标签

如何给alt标签中的文字添加样式

下面是关于alt标签如何添加样式的案例。
<img src=”http:www.unimarketing.com.cn” alt=”北京灵动创新”width=”400” height=”300” style=”font-size:20px; font-family:’微软雅黑’; color:#fff;” />

北京灵动创新

关于alt标签在各个邮件客户端的兼容性

兼容问题是一个非常让人头疼的问题,因为根据不同的客户端,不同的浏览器。对于alt标签的显示效果也是有很大的影响的。(下图是webmail跟桌面邮件客户端对于alt标签的支持)

alt标签在各个邮件客户端的兼容性

alt标签在各个邮件客户端的兼容性

alt标签在各个邮件客户端的兼容性

alt标签在各个邮件客户端的兼容性

关于alt标签中文本的样式类型

font-family:(文本是什么字体:目前可用中文字体:宋体,微软雅黑)

font-size:(文本的字体大小)

font-weight:(文本的字体是否加粗)

color:(文本的字体颜色)

font-style:(问题的字体样式是否倾斜:默认是不倾斜的,需要倾斜需要使用font-style:italic或者font-style:oblique.)

下面是邮件图片显示和不显示时的对比效果

当图片不显示时Alt标签的效果

当图片不显示时Alt标签的效果

有很多的邮箱都是默认不显示图片的,如:gmail、hotmail、outlook。
那在图片不显示的情况下吸引用户就成了一个相当关键的因素,因此alt的重要性就不言而喻了。

1. 注重可读性

邮件最重要的就是它的可读性。因此。使用醒目的标题、字体还有足够的留白可以让邮件的可读性更强!下面是案例分享

邮件营销—图片展示

2,布局保持简单

因为是在移动端中显示,所以在有限的屏幕内,一列的布局是最理想的。
下面的两封邮件都采用了简单的布局,内容清晰。
其中采用了一列的布局,简洁清晰;采用了两列的布局,使用清晰的图片而且减少了文字的使用。

邮件营销—图片展示

3,使用大的点击按钮(call to action)

在移动端人们是用手去点击按钮,没有在PC电脑上用鼠标那么精确的操作性。所以需要邮件中的点击按钮更大,更明显。

邮件营销—图片展示

4,保持简单清晰的信息

由于很多邮件都是在PC上设计和预览的,没有考虑移动设备的用户体验,在窄小的手机屏幕上阅读比较困难,简单清晰。 下图中案例1中太多的信息与文字,在移动设备上显示,反而变的比较凌乱。但是案例2没有使用太多的信息显得更加的清晰。

邮件营销—案例

案例1

邮件营销—案例

案例2

5,去掉不必要的修饰

在PC端您可能会收到很多精美的邮件,但是在移动端,因为其有限的屏幕空间,最好删除不必要的元素,如“导航”还有“社交分享”按钮等。只需呈现出这封邮件的主要内容即可。

邮件营销—案例

6,色块以及字体粗细的运用

因为在移动端,很多漂亮布局是不能完美实现的,如何去提高它的美观性和吸引力?下面的邮件运用了大胆的用色和图片。

邮件营销—案例

从上面6点不难看出,手机端的邮件设计在布局-按钮设计-配色上都应当尽量简洁,突出主要内容。需要做到将信息最直观的展现出来。
现在大家一起来欣赏一些其他的邮件。

邮件营销—案例

本篇文章转自http://www.smileycat.com/miaow/archives/003028.php
其中加入了我的一些个人观点~

图片展示

邮件在各个客户端的打开率

在父亲节前夕我收到了一封来自苹果的邮件,发现它在我的PC和手机上排版和显示效果是完全不同的,EDM在移动设备的显示兼容性越来越重要,如果你还不去专注与他,你必然会OUT的。

图片展示

邮件在各个客户端的打开效果

上图左边是邮件在电脑邮箱中的现示效果;
右边的图1是一般情况下邮件在手机上的显示效果;
右边的图2是经过优化后邮件在手机上的显示效果。
可以明显地看出图2中邮件的显示效果更加的明确,信息更加的突出,可见邮件在手机端的优化是很有必要的。

图片展示

部分代码

苹果的这封邮件针对PC电脑和手机客户端写了两遍代码。其中一份代码是针对PC电脑编写的,一份是针对手机移动客户端编写的。

在上图的代码中 @media only screen and (max-device-width: 568px)是识别当前客户打开邮件所使用的设备宽度是否是568px或者比568px窄,如果是的,那么其中td[id=aapl-desktop] {display: none;} 这段代码就会让其中兼容电脑客户端的代码被屏蔽,而只显示手机端的代码。

上面两张图分别是客户端是否识别代码所显示的两种效果。当客户判断出您当前使用的显示装置的宽度大于560px时,他会呈现出电脑客户端的显示效果。但是当代码判断您当前使用的显示装置宽度小于560px就会呈现手机客户端的显示效果

邮件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

“二维码“收集Email地址

“二维码“收集Email地址,你想到了吗?

“二维码”(即QR,Quick Response)最近算是火了,微信、团购电影票、会议的入场凭证、优惠券等等,随处可见二维码的标识。黑白相间的块状图形潜藏的神秘感刺激着人们的好奇心。

灵动创新官方微信二维码

灵动创新官方微信二维码

二维码可以存储文字、图片、声音等大量信息,甚至有人将自己的墓碑雕刻成二维码,叙述自己的生平事迹。作为一名邮件营销先行者,你知道二维码在EDM中有什么妙用吗?

想象一下你在九月的某个早上,疯狂地准备着工作、早餐、送小孩上学、丢掉屋里的垃圾、开车上班。如此繁忙的你会有时间停下来读一份晨报吗?当然没有。有时间停下来用手机订阅他们的Newsletter吗?当然也没有!

不过,也许你有时间这么做:扫描二维码即可打开一个邮件注册表单。扫描之后,先使用浏览器打开,保存页面供以后使用。等你有空的时候,再去提交表单,订阅Newsletter 。

报纸头版的二维码:订阅Newsletter

报纸头版的二维码:订阅Newsletter


你可以在你的商店、展会活动、杂志或报纸的头版展示你的二维码表单。繁忙的消费者们会乐于享受这样的方式订阅邮件,这样不仅会避开他们繁忙的时间,而且随时随地的订阅,让人感觉方便快捷~
文章来源于MailChimp:http://blog.mailchimp.com/using-qr-codes-to-get-email-signups-from-crazy-busy-people/
© Copyright 2016, All Rights Reserved. | 公司网站 | 灵动邮件营销博客 | 隐私声明 | 系统登录