松塔贝贝,只有干货。关注一下outlook邮箱登陆网页版,不会错过!
目 录
(全文阅读时间大约需要10分钟)
前言
理解难度:⭐⭐
快速获取源代码
理解难度:⭐
图片托管问题
理解难度:⭐⭐⭐
如何修改模板的文字内容
理解难度:⭐
理解难度:⭐
演示:将模板导入outlook
理解难度:⭐
演示:将模板导入腾讯邮箱
理解难度:⭐
演示:将模板导入阿里云邮箱
理解难度:⭐
演示:将模板导入网易邮箱
理解难度:⭐
演示:将模板导入新浪邮箱
理解难度:⭐
演示:将模板导入EDM平台
理解难度:⭐
前 言
(前言的内容,你可以选择只看加粗字体的内容)
HTML的英文全称是 Hypertext Marked Language,即超文本标记语言,也是建立网页文件的语言。没错,在邮件营销中,你想要的那种漂亮的、图文结合式的、带链接的、点击后可以跳转的邮件,就是以html为基础编写的。
常见的html编辑器有Dreamweaver,HBuilder,Notepad++,Sublime Text等。(photoshop不是html编辑器,所以,请不要再继续问我,是否可以在photoshop中改代码了。)
假如这些生涩的词让你不舒服了,请不要再在意 ,接下来要说的,就容易理解了。
——松塔说滴
此刻,如果我对你说:HTML作为一门专业的编程语言,不可能是一朝一夕就能掌握的那么简单的事,也许你不会表示反对了?
不过,幸运的是,我们有html邮件模板可以利用。在不需要修改模板布局或者样式的前提下,通过本篇说明介绍,即使没有html基础,相信你也可以快速掌握为模板修改文字内容或替换图片的操作方法,并将能够顺利发送出你自己的图文结合式的邮件。
至于上面提到的html编辑器outlook邮箱登陆网页版,你可以把它忘掉了,我们接下来要进行的修改,将借助最常见的文本编辑器来完成。我所说的文本编辑器是指常见系统下,已被大家广为熟知的这些,比如:Windows下的记事本,Mac OS X下的textEdit,Linux下的vi、emacs、gedit、DOS下的edit等。
因为松塔使用的是windows系统,我们接下来以记事本为例子进行演示说明。
准备好你的模板,开始我们的修改。
快速获取源代码
正常情况下,从松塔这里发出的模板素材都会被打包成一个压缩文件。
首先请将你收到的压缩文件解压;
然后,你将看到一个html格式的文件和一个以images命名的图片文件夹。
html文件显示的图标会和你使用的浏览器一致。松塔使用的是chrome浏览器,html文件的图标也是chrome的;如果你使用IE浏览器,那么,你看到的也将是IE浏览器的标志。
现在,我们来看演示视频,为了保证查看效果,请将视频放大播放。
视频步骤说明:
1、在html文件上,单击鼠标右键,选择,用记事本打开文件。
2、现在,出现的内容是我们所有的代码。你可以复制这些代码以备后面模板导入时使用。
松塔碎碎念:
全选的快捷键是ctrl+a
复制的快捷键是ctrl+c
粘贴的快捷键是ctlr+v
为了让大家看得更清楚,操作过程中,我已经尽量不使用快捷键了哈~
图片托管问题
原理解释:模板中使用的图片,不是以代码形式存在的。图片依旧还是图片,我们只需要把图片的位置(图片地址)告诉代码(在代码中定义图片地址),它就可以被html格式文件显示出来。
关于图片位置的意思,是这样子滴:我们通过电脑中看到的每一张图片,都会有一个确切的位置(图片地址),不管是本地电脑中的图片(存放位置是本地电脑硬盘比如E盘的某个文件夹里),还是在网络上的图片(比如某个网站上的图片,它被存放在该网站的服务器上),他们都可以被写成地址,然后放到代码中引用。
存在你电脑上的图片只有相对地址,只能被你自己看到。
只有上传到网络空间的图片才有绝对地址,才可以被大家看到。
html邮件模板素材中的图片引用的是相对地址(它的相对地址应该是这样定义的
),在发送邮件之前,你必须将images文件夹中所有图片上传到一个网络空间(可以上传到你们自己公司官网的空间,也可以百度搜索一些支持外链的云盘进行托管),然后中创网,请用你获得的绝对地址,替换原来的相对地址。
html代码讲解一:
定义图片的代码:
;
当你将模板导入邮箱中以后,发现图片没有正常显示的时候,你首选需要考虑的就是:图片地址改成绝对地址了吗?
下面视频将演示如何通过记事本为图片更换绝对地址:
如何修改模板的文字内容
为模板更换文字内容其实很容易,当你将模板导入邮箱中以后(导入方法下面说明),所有可以被选中的文字,都可以直接在邮箱的可视界面中进行编辑,比如以下演示中的样子:
受篇幅限制,接下来的内容部分,没办法在本文中一一演示了。
但是大家不必担心,松塔已经将它们统一发布到了百度网盘里,以下演示内容,点击左下角阅读原文,既可进入百度网盘查看。
演示:将模板导入foxmail
演示:将模板导入outlook
演示:将模板导入腾讯邮箱
演示:将模板导入阿里云邮箱
演示:将模板导入网易邮箱
演示:将模板导入新浪邮箱
演示:将模板导入EDM平台(以mailchimp为例,一共三种导入方法演示)
最后,使用模板过程中,如果你还有什么疑问,请尽管在本文下面留言,松塔会有针对性地给与解答。
END
以下方式可最快联系到松塔