已经写了两篇关于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代码,更换一下就好;
④是修改字体,颜色,大小等等,你也可以随便修改。
其实我们做外在修改代码方面有着天然的优势,就是英语好,即便不知道那些符号斜杠是啥意思,但是至少知道某些单词是什么意思,修改就好了!
还有人会关注,这样会不会进入垃圾箱啊,关于这个问题我的观点已经表达了很多次:
想尽办法不进垃圾箱只会让你的邮件平庸无奇,没有吸引力,即便是客户看了,也不会产生什么深刻的记忆或者购买的冲动;而好的标题,好的邮件,即便进了垃圾箱客户也会挑出来,我曾经截图给大家看我成交的客户,就是从垃圾箱找到我的邮件;很少有客户会直接清空垃圾箱,因为他们也有客户,他们也害怕他们客户的邮件进了垃圾箱,所以他们也会浏览一下。
上一个文章我推荐了一些免费模板的网址,大家可以找一些更好看,更复杂的进行修改,方法如上,祝大家的开发信效果越来越好!
太棒了,我这两天一直在研究,做成了2/3了。就是因为图片不知道上传到哪个空间,就差图片了。大爱,继续研究。
慢慢研究
图片传上微博,设为仅自己可见,复制图片链接也是可以正常显示的。我也只是看了jac的文章自己试试,还没发过类似邮件。
我还没弄好~就是图片上传空间的问题。
村长,啥时候再来个模版半价活动啊!
这种活动不好搞啊,出力不讨好
村长 V5!
谢谢,哈哈
去年参加培训,就听说了这个,但是一直都没有研究明白,不知道这次能不能成功[/奋斗]
报告一下进度,就差图片了,也是不知道要把图片上传到什么空间里面好,现在都不FQ了,求推荐
已经置顶,这样的评论真让人长见识
大师,就像JAC说的那样,你这样的评论就是让人长见识。其实在外贸的路上我是不怕付出的,包括让我自己掏钱买软件货SEO。我一直存在翻墙方面的问题,请问您用的什么VPN软件?
第一次看见JAC写了关于HTML邮件的文章就去尝试了。图片发布到新浪微博,但是存在一个问题。明明是保存好了的PNG格式的图片,一上传到新浪微博搜下链接就显示是JPG格式的了,自动给加了个白色背景。。。请问有人知道怎么解决吗
你确定是我写的流程吗?
图片上传新浪微博,是怎么操作的呢?是不是在编辑里插入图片呀?这样的话,链接不是以.jpg或者.png结尾的。谁能指点一二,谢谢!
知道了,是看图片属性
写得太好了!谢谢!
我也是差上传都空间的问题,JAC 再支招下啊~
哈哈,我学会了。。
怎么学会的哈 我的图也上传了 就差最后一步了啊 找不到正确的链接 ;(
求问,试了微博还是不行呀
最好是上传到国外的网站,比如楼主说的googel+, 或者新浪微博。我的就是新浪微博。
你是上传到哪里的呢?点击审查元素,就可以把链接导出来了
感谢村长的分享 图片上传到百度云盘 找不到JPG PNG结尾的链接啊 捉急 捉急中 菜鸟一个 别笑话我哦 让命令来抓图 结果 图还是不显示
我找到了图片链接,为啥就是不显示 呢?找谁给支招啊。
可能你的链接不对,只有图片链接才可以显示。
http://www.51zxw.net/study.asp?vip=12139257
对呀,我也是放入了连接,图片不显示
请教了我做html专业的同学,把前面的images 删除就可以显示图片了,而且链接不是以jpg结尾的也可以显示图片
好好学习下
看了楼主的博客,得到启发。现在已经完全掌握HTML邮件开发和制作。可以自己制作喜欢的模板了。
http://www.51zxw.net/study.asp?vip=12139257%5B嘻嘻%5D
认真对照方法去做,就做出来了!发了一些手上的邮箱,有两个回复的,一个要报价一个数量太少。。。还是有用的!继续!现在的问题就是客人基数太少了要多加强这方面!
用foxmail吗? 但是我用foxmail 第一次编辑之后,回到可视化编辑之后,再回到html页面的时候,就全乱码了,不能重新编辑了, 有哪个 email 客户端可以直接使用的吗?谢谢