所有分类
  • 所有分类
  • 后端开发
邮件营销必备!HTML Email设计全攻略

邮件营销必备!HTML Email设计全攻略

Email的窍门,就是使用15年前的网页制作方法。下面就是我整理的编写指南。网页的布局(layout)必须使用表格(table)。邮件内容有几个部分,就设置几行(row)。其他的外部资源,比如样式表文件、字体文件、视频文件等,一概不能引用。

大家好呀~跟你们聊聊给我邮箱订阅那些有趣邮件的事。比如说这个JavaScript weekly 我都快被迷疯!不过话说回来,想要做好一封邮件真的挺难的,特别是那种叫HTML Email的玩意儿!因为印刷效果可能不太理想,别慌我这里有些小窍门可以告诉你。就像,做HTML Email要处理什么问题之类的!

来玩拼图游戏,老办法最受欢迎,你知道吗?想要东西好看,选 XHTML 1.0 Strict(HTML老大)肯定没错!还有,像Gmail和Hotmail这种大家熟知的邮件网站,它会自动帮你搞定格式。简单来说,这个Doctype连HTML5的新规则也不接受!说到排版设计,表格是最好用的工具!先是整个大表格摆场面,接着把table的border调到1,既简约又显眼。下一步就开始放置图片!第二个表格宽度设置成600像素足以,按喜好分 Row1、Row2、Row3…随便你排列!

想要发图就得用图,别的不行!别以为靠文和视还能传图出去注意,有些软会给图加花边框,记得去掉把CSS代码弄进那个能粘的地方,就好了…还有一件重要事儿!有些APP(比如Gmail)本来就没考虑到看图,所以不用怕看不了内容!再说说CSS,最好设成行内样式,但也要注意,可能有人已经删掉了页面上部样式。再来看看,每个APP对待CSS的方式都不太一样!最后,别乱用CSS缩写!

给大家说说 W3C 检查和测试工具!别忘了让你的 HTML 电子邮件通过 W3C 检查,不然有些客户端直接就删除问题部分了。再试试用这几个测试工具(1, 2, 3),看看你的邮箱在各设备中的表现。这样就知道哪个平台最适合展示你的邮件了!

就是发邮件!给你们介绍两款厉害的软件,一个是MailChimp,还有一个是Campaign Monitor,都很棒。嫌麻烦?那就用现成的模版呗(就在这里,快来看),真的太方便了。想亲自动手?那就看看HTML Email Boilerplate和Emailology这两个开源项目,里面有好多漂亮实用的HTML电子邮箱制作方法和技巧!

记住!给别人发HTML邮箱时,千万记得给它添个MIME类型。否则别人收到的就是乱码。所以别忘咯~发前记得检查下这个小地方

别憋着,该揭晓今天的答案了!我要教你赶紧学会怎么快速搞定HTML电子邮件,相信这个方法对你很有用!如果你们有啥疑问或想说的,就在评论里告诉我别忘了点个赞转个发,让其他朋友也看看咱的小妙招!感谢伙伴们一直以来的陪伴和支持!

咱们说说那个看似简单但其实挺麻烦的事儿——HTML邮件咯!想搞出点各大客户端都能正确显示的邮件可是不简单呦。记住这几个原则和小窍门,肯定能帮到你哦~欢迎随时跟我互动别忘了点个赞评个论把正能量传递出去!谢谢你们的耐心看完!

原文链接:https://www.icz.com/technicalinformation/web/vue2/2024/03/11370.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?