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

  • A+
所属分类:业务类实战  新鲜出炉

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

 

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

 


 

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

 

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

 

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

 

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

 

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

 

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

 

标题已经变为:

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

比较两个图片:

 

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

 

哪个更好看?

 

肯定是后者!

 

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

 

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

 

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

 

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

 

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

 

双击“背景”

 

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

 

点击好。

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:32   其中:访客  32   博主  0

    • avatar 三羊开泰11 9

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

        • avatar jacindustry 9

          @三羊开泰11 慢慢研究

          • avatar 雪歌妃子 9

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

              • avatar 三羊开泰11 9

                @雪歌妃子 我还没弄好~就是图片上传空间的问题。

            • avatar 心有天地 9

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

                • avatar jacindustry 9

                  @心有天地 这种活动不好搞啊,出力不讨好

                • avatar 背后一片荒芜 9

                  村长 V5!

                  • avatar 舟舟ss 9

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

                      • avatar 舟舟ss 9

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

                      • avatar jacindustry 9

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

                        • avatar 三羊开泰11 9

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

                          • avatar dengdengdeng 9

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

                              • avatar jacindustry 9

                                @dengdengdeng 你确定是我写的流程吗?

                              • avatar 快乐小猪LL 9

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

                                • avatar JENNY 9

                                  写得太好了!谢谢!

                                  • avatar 清露 9

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

                                      • avatar 清露 9

                                        @清露 哈哈,我学会了。。

                                          • avatar 孔姝芬 9

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

                                              • avatar 湘水莲语 9

                                                @孔姝芬 求问,试了微博还是不行呀

                                                  • avatar 十三 9

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

                                                  • avatar 湘水莲语 9

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

                                              • avatar 孔姝芬 9

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

                                                • avatar lasermodule 9

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

                                                    • avatar 十三 9

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

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

                                                        • avatar 雯雯 9

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

                                                            • avatar 雯雯 9

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

                                                        • avatar 跨境电商 9

                                                          好好学习下

                                                          • avatar 十三 9

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

                                                            • avatar lu 0

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

                                                              • avatar 雯雯 9

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