JAC外贸实战:HTML邮件编写之进阶篇

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

 

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

 


 

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

 

newhtml1

 

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

 

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

 

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

 

newhtml2

 

标题已经变为:

 

newhtml3

 

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

 

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

 

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

 

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

 

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

 

newhtml4

 

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

 

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

 

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

 

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

 

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

 

newhtml5

 

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

 

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

 

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

 

比较两个图片:

 

newhtml7 newhtml6

 

哪个更好看?

 

肯定是后者!

 

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

 

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

 

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

 

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

 

newhtml8 

 

双击“背景”

 

newhtml9

 

点击好。

 

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

 

newhtml10

 

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

 

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

 

newhtml11

 

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

 

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

 

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

 

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

 

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

 

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

 

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

0 0 投票数
文章评分
订阅评论
提醒

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

32 评论
内联反馈
查看所有评论
三羊开泰11
8 年 前

太棒了,我这两天一直在研究,做成了2/3了。就是因为图片不知道上传到哪个空间,就差图片了。大爱,继续研究。

jacindustry
回复给  三羊开泰11
8 年 前

慢慢研究

雪歌妃子
回复给  三羊开泰11
8 年 前

图片传上微博,设为仅自己可见,复制图片链接也是可以正常显示的。我也只是看了jac的文章自己试试,还没发过类似邮件。

三羊开泰11
回复给  雪歌妃子
8 年 前

我还没弄好~就是图片上传空间的问题。

心有天地
8 年 前

村长,啥时候再来个模版半价活动啊!

jacindustry
回复给  心有天地
8 年 前

这种活动不好搞啊,出力不讨好

背后一片荒芜
8 年 前

村长 V5!

jacindustry
回复给  背后一片荒芜
8 年 前

谢谢,哈哈

8 年 前

去年参加培训,就听说了这个,但是一直都没有研究明白,不知道这次能不能成功[/奋斗]

回复给  舟舟ss
8 年 前

报告一下进度,就差图片了,也是不知道要把图片上传到什么空间里面好,现在都不FQ了,求推荐

jacindustry
8 年 前

已经置顶,这样的评论真让人长见识

三羊开泰11
8 年 前

大师,就像JAC说的那样,你这样的评论就是让人长见识。其实在外贸的路上我是不怕付出的,包括让我自己掏钱买软件货SEO。我一直存在翻墙方面的问题,请问您用的什么VPN软件?

dengdengdeng
8 年 前

第一次看见JAC写了关于HTML邮件的文章就去尝试了。图片发布到新浪微博,但是存在一个问题。明明是保存好了的PNG格式的图片,一上传到新浪微博搜下链接就显示是JPG格式的了,自动给加了个白色背景。。。请问有人知道怎么解决吗

jacindustry
回复给  dengdengdeng
8 年 前

你确定是我写的流程吗?

快乐小猪LL
8 年 前

图片上传新浪微博,是怎么操作的呢?是不是在编辑里插入图片呀?这样的话,链接不是以.jpg或者.png结尾的。谁能指点一二,谢谢!

快乐小猪LL
回复给  快乐小猪LL
8 年 前

知道了,是看图片属性

JENNY
8 年 前

写得太好了!谢谢!

8 年 前

我也是差上传都空间的问题,JAC 再支招下啊~

回复给  清露
8 年 前

哈哈,我学会了。。

回复给  清露
8 年 前

怎么学会的哈 我的图也上传了 就差最后一步了啊 找不到正确的链接 ;(

回复给  孔姝芬
8 年 前

求问,试了微博还是不行呀

回复给  湘水莲语
7 年 前

最好是上传到国外的网站,比如楼主说的googel+, 或者新浪微博。我的就是新浪微博。

回复给  孔姝芬
8 年 前

你是上传到哪里的呢?点击审查元素,就可以把链接导出来了

8 年 前

感谢村长的分享 图片上传到百度云盘 找不到JPG PNG结尾的链接啊 捉急 捉急中 菜鸟一个 别笑话我哦 让命令来抓图 结果 图还是不显示

lasermodule
7 年 前

我找到了图片链接,为啥就是不显示 呢?找谁给支招啊。

回复给  lasermodule
7 年 前

可能你的链接不对,只有图片链接才可以显示。

http://www.51zxw.net/study.asp?vip=12139257

雯雯
回复给  十三
6 年 前

对呀,我也是放入了连接,图片不显示

雯雯
回复给  雯雯
6 年 前

请教了我做html专业的同学,把前面的images 删除就可以显示图片了,而且链接不是以jpg结尾的也可以显示图片

7 年 前

好好学习下

7 年 前

看了楼主的博客,得到启发。现在已经完全掌握HTML邮件开发和制作。可以自己制作喜欢的模板了。
http://www.51zxw.net/study.asp?vip=12139257%5B嘻嘻%5D

lu
7 年 前

认真对照方法去做,就做出来了!发了一些手上的邮箱,有两个回复的,一个要报价一个数量太少。。。还是有用的!继续!现在的问题就是客人基数太少了要多加强这方面!

雯雯
6 年 前

用foxmail吗? 但是我用foxmail 第一次编辑之后,回到可视化编辑之后,再回到html页面的时候,就全乱码了,不能重新编辑了, 有哪个 email 客户端可以直接使用的吗?谢谢

加速
32
0
希望看到您的想法,请您发表评论x