新年礼物 — 邮件模板制作工具介绍及使用方法

带噶猴,经过一周多的网站搬迁,域名转入,域名备案,网站终于恢复访问。现在网站架在阿里云的国内服务器上,并且开启了CDN服务。相信之后大家再访问网站对于速度的改善会有很明显的感受。

网站恢复之后对于一些样式做出了修改,比如把使用的Google Fonts放到自己服务器上,这样就保证了所有访客都能看到网站样式的最佳状态。然后对于侧边栏也做出了一些小修改。所以现在如果把目光移到右边,应该可以看到多了一个工具推荐——“邮件模板制作工具”。

这个工具其实在之前的服务器上就有了,只是我没有把入口公开,自己偶尔用下,因为之前那个服务器配置很差,这个工具又涉及一些读取/下载行为,如果几个人同时用,可能服务器就会崩。

好了废话讲到这,进入正题。

基本使用方法

首先点击右边的工具入口,就可以进入到工具页面。

QQ截图20160130171258

左边是已经预设好的各种样式,按照场景来进行区分。中间就是各种模块了,你可以直接把想要的模块拖拽到右边,右边是实时预览最终的样式。

完成后点击“Precise the Template”到下一步。

QQ截图20160130172000

左边是选择整个邮件的主题颜色,如果内置的24种颜色没有中意的,可以自己输入颜色代码来自定义颜色。

接下来选择导出方式,如果你使用的邮件发送服务是Mailchimp或者Campaign Monitor,就选择对应的选项。如果是其他的服务,就选择“No, I only need the HTML”。

如果选择MailChimp或者Campaign Monitor,会弹出新的文本框。第一个框就是让你获取API key,那么点击“get your API key”就好。

QQ截图20160130173107

点击后会弹出mailchimp的登录页,登录之后你就可以看到你的API key,复制过来就好。

QQ截图20160130173235

然后在“Template Name”里面填写你想要的名字就好,这个可以自己决定填什么。

接下来是最右边的设置了。“Preheaders”相当于是邮件的description,如果没有把握可以不填。

然后是“inline CSS”,如果你是导出HTML文件,请一定要勾上!如果是使用的Mailchimp或者Campaign Monitor,可以忽略掉。

然后是下面的”Images”这块,可以不用修改。

点击“Get the HTML”到下一步。

QQ截图20160130172525

到第三步就很简单了,点击“Preview”进行预览,点击“Download”导出文件。

如果前面选择了Mailchimp或者Campaign Monitor,会多一个选项 — “Upload to Mailchimp (Campaign Monitor)”。

如果使用了这2个服务其中一个,点击Upload这个按钮。其他的就点击Download.

修改样式,填充内容

我跟大家推送邮件使用的Mailchimp的服务,所以以Mailchimp为例子进行后面的说明。

点击Upload把模板上传后,先登录到Mailchimp,然后在顶部导航点击“Templates”,就可以看到刚刚我们自己制作的模板了。

QQ截图20160130174221

这里不要点击右边的”Edit”进行修改,因为这里不是给我们填充内容的地方,并且他的编辑界面很不友好,所以我们确认下模板已经导入就好。

然后进入”Campaigns”创建新的Campaign,在“Template”这一步选择“Saved Template”,然后选择我们刚刚从我博客的工具上传至MailChimp的模板。

QQ截图20160130190954

后面的事情就很简单了,把鼠标悬停在某个模块上,右上角会出现“Edit”,点击后就可以在右侧修改相关内容。

QQ截图20160130191102

如果使用的是其他的服务,就需要先把HTML下载到本地,然后通过DreamWeaver等软件进行编辑,这个就需要一定HTML代码基础了。

好了,希望大家用得开心。

如无特别注明,本博客所有内容均为汤板唦原创,采用CC BY-NC-SA协议进行授权。如需转载,请注明来源。

如果喜欢这里的内容,你可以在右侧边栏关注我的微博或者订阅我的邮件推送,只要有新文章发布,这两个平台会自动通知。