使用 MailChimp 发送邮件 + 调取 API 开发落地页过程

基于平时爱好关注各类技术社区及众多技术微信号,经常看到很多有用有意思的内容,朋友总是让分享出来,索性就抽空做了个邮件订阅页面( http://nextfe.com ),目前每周发一次,内容偏向于前端但不限于此范围,所以取名《新前端周刊/ New frontend Weekly 》。

邮件推送使用到的服务商是功能强大的 MailChimp ,良好的口碑以及一定量的免费额度,加上便捷的设计模版,并且推送后还有数据可以查询,非常适合初期订阅用户量不大的情况下使用。

( MailChimp 免费阶段支持每月最多 2,000 位订阅者和 12,000 封电子邮件,具体收费价格可参考 https://mailchimp.com/pricing/ )

下面分享下具体使用方法:

登陆注册

登陆官网:https://mailchimp.com/ ,点击「Sign Up Free」进行账号注册,设置完成后点击「Get Started ! 」即可。(注意:注册时密码需要包含一大写、一小写、一个特殊符号、一个数字、至少 8 位)

创建邮件模版

我通常习惯先设置邮件模版内容,点击左上方「 Templates 」进入设置邮件模版页面,点击「Greate Template」创建模版,根据需要可对现成的模版进行修改调整,模版效果随时可预览检查,全部完成后可以进行测试发送。

创建发送列表

左上方「 List 」- 「 Greate List 」创建一个新的邮箱列表,「 Import contacts 」导入发送添加发送邮箱列表,列表支持 csv、xls、xlsx等文件批量上传。

建立 List name 列表名称(此部分仅展示给创建人)、发件地址(此处会展示在用户收件中,可以不是注册 Mailchimp 账号的邮箱) 、发件人名称,点击保存。

每个步骤操作完点击「 Next 」或 「 Save 」往下继续走流程即可。

创建发送项目

「 Campaigns 」- 「 Greate Campaigns 」- 「 Greate an Email 」创建新的发送项目。


创建内容名称(此部分仅限创建者可见)- 「 Begin 」保存完成。

编辑邮件设置,「 To 」选择设置的需要推送的邮箱列表,「 From 」设置发送人名称以及邮箱,「 Subject 」此处设置发送邮件的标题以及引导语,「 Content 」- 「 Thems 」选择编辑好的邮件模版,进入模版编辑页确认无误保存关闭。

全部设置完成后,,发送最后一次测试预览,检查后无问题点击 「 Send 」完成发送。

数据分析

「 Reports 」中可查看发送数据报告,「 List 」列表中还可以详细查询新增订阅数据、退订人数等。

落地页开发

此次还使用了 MailChimp 提供的 API 开发了落地页,主要接入邮件内容、调取逻辑及订阅功能。

获取邮件的原型,使用的 api /3.0/campaigns ,查询条件设置的事倒 序 、状态已发布;

根据邮件的原型id,使用 api /3.0// campaigns/${id}/content ,获取邮件的内容,

根据以上得到的内容,再进行解析即可获取想要的数据。 点击进入落地页

以上就是自己使用 MailChimp 的流水账记录,希望给想了解的小伙伴一点参考,感兴趣的开发者可以进行订阅,另外以上描述有误的地方也欢迎大佬留言指正。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,348评论 19赞 139
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,845评论 0赞 15
  • 前段时间公司做活动,有个合成图片的需求。 当时就想到用canvas,结果没想到一路走来全是坎儿! 今天...
    Dream_whs阅读 1,073评论 1赞 1
  • 瘦夜在风中摇摆,风呼啸着拥上来,窗子被打的作响! 秋 ,是如此的不安静,叶落满地,我完全被长久萦绕心间的乡思所使,...
    沉静的喧扰阅读 429评论 2赞 5

友情链接更多精彩内容