如何制作html邮件制作

如何在foxmail里发html邮件_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
如何在foxmail里发html邮件
上传于||文档简介
&&你​必​须​知​道​如​何​在​f​o​x​m​a​i​l​里​发​h​t​m​l​邮​件
阅读已结束,如果下载本文需要使用0下载券
想免费下载更多文档?
定制HR最喜欢的简历
下载文档到电脑,查找使用更方便
还剩9页未读,继续阅读
定制HR最喜欢的简历
你可能喜欢零基础,如何制作图文并茂的HTML邮件? - 简书
<div class="fixed-btn note-fixed-download" data-toggle="popover" data-placement="left" data-html="true" data-trigger="hover" data-content=''>
写了5901字,被14人关注,获得了27个喜欢
零基础,如何制作图文并茂的HTML邮件?
声明:本文与微信公众号:【混血王子的笔记】(ID:weilunxu) 同时发布,未经允许,禁止私自转载。如有转载需求,请联系本人,微信号:weilun88313随着信息技术的发展,邮件?的表达形式也变得多种多样。现在网络上除了传统的“文本+图片”的邮件外,还流行起了图文并茂的HTML邮件。
类似于上图这类邮件相信大家接收过不少吧?它不像传统的图片,因为里面的文字都是可选取的状态,而且可以插入超链接。活生生就类似一个网页的页面。如果你是公司品牌部的一员,到现在还不懂EDM营销,或者还不会制作HTML邮件的话,那么你就有可能沦为“OUT MAN”了哦。好了,废话少说,教程开始!首先登陆Mailchimp的官方网站:
点击Sign Up Free进行注册
接着会提示转到邮箱激活,以及人机身份验证(找包含相关素材的图片,此处省略图片步骤),完成后跳转到基础信息设置,这里要求填写的内容较多,不得不说这是一家严谨的公司???......
OK,接下来顺利进入到MailChimp的主界面了,点击Templates(模版)
创建一个新模版
这里可以看到基本、主题、自定义代码三个标签。基本里面有各种排版布局的示例,主题则给出了带有丰富颜色图案等的示例作为模版(如下图)。
这里我们选取主题标签栏里面的其中一种,右边分为Content和Design两部分。Content里面准备了各种模块(文本、图片、图文、分割线、视频、按键等),直接按照需求拖拽到左侧即可;Design里则是各种格式设置(颜色、大小、字体之类),总之,只要你会做PPT,这都不是事儿。
保存退出后,在刚刚编辑完的模版右侧选择“Export as HTML”导出HTML文件
把下载到的文件用记事本?打开,出现的就是HTML代码,将其复制后,在邮箱客户端中打开HTML编辑模式,粘贴代码
最后返回可视化模式。就大功告成啦!?很多人问了,国内难道就没有比较可视化编辑HTML邮件的平台吗?有,当然有。经过百般搜索我找到了灵析:Luosimao:这是两个可以制作HTML邮件的平台,但遗憾的是这两个平台在这方面的功能模块做得并不完善。期望后期它能加速完善功能模块吧。
觉得赞就赏
打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮
觉得赞就赏
选择支付方式:如何让邮件的内容为动态生成且是 HTML 格式? · Ruby China
我想让邮件中的正文全部由变量传递进来,并且在邮件发出去时,能够保留变量的HTML格式。
邮件模板是这样的(部分):
&%= @body.html_safe %&
现在的问题是在发出来的邮件的正文中,HTML部分都直接显示出来了,而没有被解析。就像这样:
&p&如果你愿意参与试用,请知晓并遵守以下事项:&/p&
请问此问题该如何解决?
看起来像是把HTML格式的邮件当作文本格式发出去了。
The mail method, if not passed a block, will inspect your views and send all the views with the same name as the method, so the above action would send the welcome.text.erb view file as well as the welcome.text.html.erb view file in a multipart/alternative email.
所以修改一些邮件模板的后缀名,改成 finename.text.html.erb 试试看。
这个模板是用什么后缀名的?
谢谢Daniel,补充一些信息:
1.模板的确是.html.erb格式的;
2.body标签里面还有一些其它的HTML标签,并且引入了partial,这两部分的HTML都被正确的处理了;
3.只有这个@body变量不行。
这里是这个模板body部分的代码:
&%= @body.html_safe %&
&%= render "user_mailer/sender" %&
&%= render partial: "user_mailer/unsubscribe", locals: {user: @user, notification_type: @notification} %&
用 &%= sanitize @body &% 看看,html_safe 和 raw 都可能是个安全漏洞,不要用。
要看一下这个 @body 是怎么生成的,我怀疑这个变量已经是 HTML Escape 过了的,所以即使用了 html_safe 对其没有影响。
能看一下@body怎么生成的么?
@body是从emails_controller的表单中提交上来的。
提交上来后,我会把它记录到数据库里,然后生成邮件并发出去。
我刚才看了一下数据库中的记录,看起来没问题:
=& "&p&你好,我们邀请你首先试用
没遇到过……分析不出来
大概找到原因了。如果用delayed_job发邮件,内容就会被过滤,直接发就没问题。
蛮神奇的问题。
BTW, kick dj w/ sidekiq.
感谢各位,问题已解决!
做法是不要给dj传递要发送的@body变量,而是把整个email对象都丢给它,这样它就不会过滤HTML了。
UserMailer.delay(run_at: interval.seconds.from_now).dm(r, self.title, self.body)
UserMailer.delay(run_at: interval.seconds.from_now).dm(r, self)
其实应该传数据库 ID,这样储存空间占用更小,也避免反序列化出现问题。
我怎么觉得raw就可以了呢……
1,建议直接传ID
后方可回复, 如果你还没有账号请点击这里 。
共收到 14 条回复使用HTML编写简单的邮件模版
作者:佚名
字体:[ ] 来源:WEB开发者 时间:07-12 15:33:11
这篇文章主要介绍了使用HTML编写简单的邮件模版,作者主张极简至上主义...可以先看文章结尾处链接中介绍的模版成品,需要的朋友可以参考下
今天,我想写一个&低技术&问题。
  话说我订阅了不少了新闻邮件(Newsletter),比如。每周收到一封邮件,了解本周的大事。
 有一天,我就在想,是不是我也能做一个这样的邮件?
  然后,就发现这事不那么容易。抛开后台和编辑工作,单单是设计一个Email样板,就需要不少心思。
因为这种带格式的邮件,其实就是一张网页,正式名称叫做HTML Email。它能否正常显示,完全取决于邮件客户端。大多数的邮件客户端(比如Outlook和Gmail),会过滤HTML设置,让邮件面目全非。
  我发现,编写HTML Email的窍门,就是使用15年前的网页制作方法。下面就是我整理的编写指南。
  1. Doctype
  目前,兼容性最好的Doctype是XHTML 1.0 Strict,事实上Gmail和Hotmail会删掉你的Doctype,换上这个Doctype。
&!DOCTYPE&html&PUBLIC&&-//W3C//DTD&XHTML&1.0&Transitional//EN&&&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&&
&xmlns=&http://www.w3.org/1999/xhtml&&&
  &http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&&&
  HTML&Email编写指南&&
  &name=&viewport&&content=&width=device-width,&initial-scale=1.0&&&
  使用这个Doctype,也就意味着,不能使用HTML5的语法。
  2. 布局
  网页的布局(layout)必须使用表格(table)。首先,放置一个最外层的大表格,用来设置背景。
&style=&margin:&0;&padding:&0;&&&
 &border=&1&&cellpadding=&0&&cellspacing=&0&&width=&100%&&&
   &Hello!&&&
  表格的 border 属性等于1, 是为了方便开发。正式发布的时候,再把这个属性设为0。
  在内层,放置第二个表格。用来展示内容。第二个table的宽度定为600像素,防止超过客户端的显示宽度。
&align=&center&&border=&1&&cellpadding=&0&&cellspacing=&0&&width=&600&&style=&border-collapse:&&&&
  &Row&1&&&
  &Row&2&&&
  &Row&3&&&
  邮件内容有几个部分,就设置几行(row)。
  3. 图片
  图片是唯一可以引用的外部资源。其他的外部资源,比如样式表文件、字体文件、视频文件等,一概不能引用。
  有些客户端会给图片链接加上边框,要去除边框。
  img&{outline:none;&text-decoration:none;&-ms-interpolation-mode:&} &&
  a&img&{border:none;} &&
  &img&border=&0&&style=&display:&&&&
  需要注意的是,不少客户端默认不显示图片(比如Gmail),所以要确保即使没有图片,主要内容也能被阅读。
  4. 行内样式
  所有的CSS规则,最好都采用行内样式。因为放置在网页头部的样式,很可能会被客户端删除。客户端对CSS规则的支持情况,请看这里。
  另外,不要采用CSS的简写形式,有些客户端不支持。比如,不要写成下面这样:
style=&font:&8px/14px&Arial,&sans-&&&
  如果想表达
 &style=&margin:&1em&0;&&&
  要写成下面这样:
&style=&margin-top:&1&margin-bottom:&1&margin-left:&0;&margin-right:&0;&&&
  5. W3C校验和测试工具
  要保证最终的代码,能够通过W3C的校验,因为某些客户端会把不合格属性剥离。还要使用测试工具(, , ),查看在不同客户端的显示结果。
  发送HTML Email的时候,不要忘记MIME类型不能使用
 Content-Type:&text/&&
  而要使用
Content-Type:&Multipart/A&&
  发送工具可以考虑使用 和
  6. 模板
  使用别人已经做好的模板,是一个不错的选择(这里和这里),网上还可以搜到更多。
  自己开发的话,可以参考和。
大家感兴趣的内容
12345678910
最近更新的内容

我要回帖

更多关于 如何制作邮件 的文章

 

随机推荐