HTML邮件编写之进阶篇

jacindustry jacindustry 2015-04-22 17:06:22

已经写了两篇关于HTML邮件的文章,有兴趣的可以到文章列表去搜索。

之前写的都是最简单的操作,今天要写一点稍微深一点的,或者叫做稍微细一点的,当然这些所谓的深一点细一点的东西在懂HTML语言的高手眼里看来或许就是小儿科,请勿见笑,毕竟我们不是专业人士!


 需要说明的第一个问题是表头部分,如图:

点击图片看大图

第一条红线是这个模板的出处,原则上是对版权的声明,但是,这种网站却有可能让你的这封邮件进入垃圾箱,因为基本上与我们的产品无关。

所以建议,改成自己的网站,在前台可见模式看到任何变化。

第二条红线是这个模板的html名字,例如我们修改代码如下之后再打开文件:

点击图片看大图

标题已经变为:

点击图片看大图

建议第二条红线部分变成你的产品,能最大限度的降低被打入垃圾箱的可能性。

此为需要注意的第一部分。

还有,有人问,这个HTML邮件跟图片有什么不同,不同很明显,图片是插入一张图片,里面的所有元素都是图片内部,无法复制,无法点击,只能人工敲出来,增加了浏览邮件者的工作量,会起到反作用。

而HTML邮件,文字可以复制,链接可以点击,就如同我们的网页一般,美观细致形象,一方面吸引浏览者,另一方面也便于信息的提取。

到现在为止,问题问的最多的是如何插入图片到HTML邮件中,再细致的说一下,首先你要有这样一张图片,获取到他的尺寸,例如400*400,当然,HTML模板对于我们插入的图片是有规定的,在代码中写的很清楚:

点击图片看大图

标记的框中,便是这个模板规定的尺寸,你需要把这个图片做成这个尺寸,当然你也可以按照你的图片大小对这些数字进行修改,例如我们的图片是400*400,那么我们把代码改成对应的数字就好了。

把图片上传到某个空间,当然我建议的是google,现在不能翻墙,我随便举例,获取到图片的链接,注意图片的链接一定是以.jpg或者.png或者其他的图片后缀为结尾,如果不以此为结尾,那就不是图片的最终链接。

google浏览和360浏览器都有审查元素,邮件图片,审查元素,找到以图片格式为结尾的链接就好。

或者如果没有审查元素,可以邮件点击图片,属性。

总之一定是图片格式为结尾的链接才可以。

点击图片看大图

拿到链接,替换掉图中红线部分,注意引号要保留。引用引用,引号不就是引用吗?

相信看完这些,这一个问题应该已经解决,再有疑问,我也无能为力了!

还要提示一点,HTML邮件中,插入的图片务必使用无底色的PNG格式。

比较两个图片:

点击图片看大图 

哪个更好看?

肯定是后者!

前者是白色底,后者是无底色!

为了让你的HTML更美观,因为模板有底色,所以要让插入的图片融入到底色,所以需要无底色的PNG格式图片。

做起来很简单,首先是是PS抠图,抠图怎么抠?要么去学,要么花钱找别人抠,淘宝大量的人在。当然,你也可以直接让他们给你处理为所需要的图片格式,如果你想学,其实也很简单。

用ps打开图片,得到编辑模式如下:

点击图片看大图 

双击“背景”

点击图片看大图

点击好。

魔棒工具,点击图片中白色区域,delete

点击图片看大图

另存为PNG格式就好,这样图片完成,其他的也是如此。

下面要讲的一些就涉及到HTML语言的问题了,例如你可能嫌模板太窄,想要弄宽一些,没问题:

点击图片看大图

修改①中的数字就好,当然因为我们的模板顶部是一个banner,需要通栏,所以要设置的跟宽度一直,所以②也要修改。

③是修改模板的底色,你可以随便百度一下颜色的html代码,更换一下就好;

④是修改字体,颜色,大小等等,你也可以随便修改。

其实我们做外在修改代码方面有着天然的优势,就是英语好,即便不知道那些符号斜杠是啥意思,但是至少知道某些单词是什么意思,修改就好了!

还有人会关注,这样会不会进入垃圾箱啊,关于这个问题我的观点已经表达了很多次:

想尽办法不进垃圾箱只会让你的邮件平庸无奇,没有吸引力,即便是客户看了,也不会产生什么深刻的记忆或者购买的冲动;而好的标题,好的邮件,即便进了垃圾箱客户也会挑出来,我曾经截图给大家看我成交的客户,就是从垃圾箱找到我的邮件;很少有客户会直接清空垃圾箱,因为他们也有客户,他们也害怕他们客户的邮件进了垃圾箱,所以他们也会浏览一下。

如果实在不会弄,又想做好看的HTML模版该怎么办?建议也可以找专业人士来做,收费也不会太贵,一个模版不超过100块。这里推荐一个朋友,联系QQ3039606274.

上一个文章我推荐了一些免费模板的网址,大家可以找一些更好看,更复杂的进行修改,方法如上,祝大家的开发信效果越来越好! 

长按二维码关注我们