预览和测试
MailInApp 会把每封邮件构建成多个版本,工作室让你在发送前逐一检查:在手机上、在有人作答之后,以及在某个邮件应用中的显示效果。
桌面端和手机
画布上方的设备开关可以按桌面宽度或 375 px 手机显示邮件,并应用其手机设置。在预览中,并排会同时显示两者。已发送的各层会在真实的 375 px 框架中绘制手机视图,因此邮件自身的手机规则会与收件箱中完全一样地生效。
预览层级
在预览中,层级开关决定你看到的内容:
- 实时预览:收件人通过链接打开的托管网页版本。
- 已发送邮件:实际发出的 HTML,按现代邮件应用的方式读取。
- Outlook:实际发出的 HTML,并强制采用经典 Outlook 专用的分支,让你无需安装 Outlook 也能看到它的版本。
- 邮件应用:实际发出的 HTML 在某个邮件应用中的显示效果(见下文)。
旁边的深色模式开关会按所选层级或应用的绘制方式,显示邮件的深色模式效果。
预览状态
互动模块会在画布上显示预览状态菜单。选择一个状态,就能看到收件人操作之后看到的模块样子。状态包括已作答(使用你选的答案)、已提交、已预约、已关闭、已揭晓、已中奖(使用你选的奖品)、表单的向导页面、已售罄、已稍后再看、已结束和开放之前。模块上的徽章会显示你正在预览的状态。
对于显示结果的模块,可以在模拟结果中输入数字(每个选项的票数、评分和平均分、NPS、点赞数、参加人数),查看使用这些数字的结果条或结果图片。
状态和模拟数字只用于预览:它们永远不会随邮件保存或发送。
每个邮件应用
邮件应用层级会按所选邮件应用的方式显示邮件:iOS 邮件、iCloud Mail、Thunderbird、各个 Gmail 应用、Outlook.com 和各个 Outlook 应用,以及 Yahoo Mail。这是基于真实收件箱实测的模拟,不是截图;邮件下方会列出哪些模块在该应用中运行、哪些显示回退内容、表单在该应用中的表现,以及它在深色模式下的表现。每个应用都有自己的手机宽度和深色模式控制。
真实截图。 在 Pro 及以上套餐中,在设置 › 集成里连接 Mailgun Inspect,然后点击拍摄真实截图,即可在模拟旁边看到邮件在真实收件箱中的样子。截图会使用你的 Mailgun 套餐中包含的预览次数。
每个模块在哪里可用
每个互动模块都会在检查器中显示一行支持情况,插入面板中也会以提示框显示同一行:哪些应用在邮件中运行它、哪些显示其回退内容、哪些尚未测量。一键式模块(投票、评分、RSVP、预约)会显示在所有应用中可用,因为每个选项都是在网页上确认的链接。这些信息与邮件客户端支持来自同一批实测数据。
如果只想为某一个版本写文字,比如在回退的应用中于投票下方显示"在网页上投票",请使用模块的显示位置设置。
发送前检查
🔍 发送前检查会在邮件发出前进行审查,结果按标签页分类:
- 无障碍:浅色和深色模式下的颜色对比度、标题顺序、替代文字(带链接的图片必须有)、"点击这里"之类的链接文字、邮件的语言,以及过小的点击区域。
- 链接:实时检查每个链接,显示状态码和重定向;非 https 的链接以及没有 UTM 标签的跟踪链接会被标记。
- 送达率:Gmail 截断大小、图片相对文字过多、垃圾邮件用语、全部大写、短链接服务,以及链接文字写的网站与链接实际去向不同。
- 邮件应用:没有可用回退的模块、经典 Outlook 不会绘制的圆角或背景,以及会改用备用字体的网页字体。
- 内容:空的或不完整的模块,比如没有标题的选项卡或没有优惠码的优惠券。
许多问题都有一个修正按钮,可以替你完成修正(添加替代文字、把颜色换成对比度足够的颜色)。画布下方的 Gmail 截断计量条会在你编辑时显示邮件大小:超过 102 KB 的邮件会被 Gmail 截断,其余部分(包括退订链接)会被隐藏。
主题、预览文本和测试发送
工作室顶部包含邮件的主题和预览文本,即收件箱在主题之后显示的那一行。它们与发送页面上的字段相同。
发送测试最多可把邮件发送到 5 个地址。预览为用于选择一行收件人数据,让合并标签和显示条件按该收件人的情况解析。在图库模板的页面上,把这个示例发给我会把模板发送到你自己的地址。