
Mailmodo:使用 AMP 构建交互式电子邮件以提高参与度
我们的收件箱里充斥着糟糕的电子邮件……因此,如果您的企业拥有广泛的订阅者基础并且真的希望提高您的电子邮件打开率和点击率(点击率) 更上一层楼,交互性至关重要。 一种正在建立势头的解决方案是在 HTML 点击此处发送电子邮件。
AMP for Email
使用 AMP 技术创建更具动态性和交互性的电子邮件内容的能力是电子邮件技术的巨大进步。 用于电子邮件的 AMP 与网站的常规 AMP 不同,并且对可以在电子邮件中执行的操作有一些限制(例如,目前不支持视频和音频)。
电子邮件中的 AMP 支持并未在所有电子邮件客户端中广泛使用,但一些主要的电子邮件客户端支持它,例如 Gmail的, Outlook.com及 雅虎邮件. 同样重要的是要注意,即使电子邮件客户端支持 AMP,它也可能不会默认启用,或者可能需要收件人采取一些措施才能启用它。
AMP for Email 通过提供一组可用于创建交互式和动态电子邮件内容的预构建组件来工作。 这些组件包括表单、测验、图像轮播等,它们可用于创建引人入胜的交互式电子邮件,为收件人提供更好的用户体验。
AMP HTML 电子邮件示例
以下是包含订阅表单的 AMP 电子邮件示例。 请注意,发送此电子邮件时不包含脚本嵌入,它仅用于在您的电子邮件营销平台之外构建和测试解决方案。
<!DOCTYPE html>
<html ⚡4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<style amp4email>
.subscribe-form {
display: none;
}
</style>
</head>
<body>
<amp-img src="https://example.com/amp-header.jpg" alt="Header image"></amp-img>
<div amp4email>
<p>Please enable AMP for Email to view this content.</p>
</div>
<form method="post"
action-xhr="https://example.com/subscribe"
target="_top"
class="subscribe-form"
id="subscribe-form"
novalidate
[submit-error]="errorMessage.show"
[submit-success]="successMessage.hide">
<h2>Subscribe to our newsletter</h2>
<label>
Email:
<input type="email"
name="email"
required>
</label>
<div submit-success>
<template type="amp-mustache">
Success! Thank you for subscribing.
</template>
</div>
<div submit-error>
<template type="amp-mustache">
Error: {{message}}
</template>
</div>
<input type="submit" value="Subscribe">
</form>
<amp4email fallback="https://example.com/non-amp-email.html">
<p>View the non-AMP version of this email.</p>
</amp4email>
</body>
</html>
该表格使用 amp-form
自定义元素来处理表单提交和验证。 当用户提交表单时,表单数据被发送到指定的URL action-xhr
属性,它应该是处理表单提交的服务器端点。 在里面 form
标签,我们添加了 novalidate
属性来禁用客户端表单验证,我们使用了 []
设置的语法 submit-success
和 submit-error
动态模板。 这 submit-success
和 submit-error
sections 分别定义了表单提交成功或失败时显示给用户的模板。
没有 AMP 支持时回退 HTML
您可以为未启用 AMP 或使用不支持 AMP 的电子邮件客户端的用户提供替代内容。 为此,您可以使用 amp4email
属性以指定指向电子邮件的非 AMP 版本的后备 URL。 在上面的示例中,您可以看到一个样式标签,如果它不受支持,它将隐藏 AMP HTML,以及一个可以检索和显示 HTML 内容的后备 URL。
Mailmodo:无代码 AMP 电子邮件营销和自动化
Mailmodo 旨在帮助您利用 AMP 电子邮件的强大功能,通过简化的电子邮件营销设置创建更好的用户体验,从而提高参与度和转化率……有些直接从收件箱中取出!
Mailmodo 功能包括:
- 简单且编码免费的 AMP 电子邮件 – 将 AMP 块拖放到 所见即所得 编辑器来设计电子邮件。 您可以为每个用户个性化内容,甚至可以上传您自己的 HTML 文件或其他代码片段。
- 电子邮件自动化 – 根据用户行为和市场数据自动生成点滴序列以发送电子邮件。 视觉旅程构建器可帮助您通过拖放来设计用户旅程地图。 分析用户行为并优化点滴顺序和旅程地图。
- 高交付能力 – 使用 Mailmodo 发送批量电子邮件 SMTP 或添加您自己的送货服务。 整合与 AWS SES, Sendgrid或 邮报. 您还可以获得托管 IP 和专用 IP。
- 自动触发交易电子邮件 – 通过注册、购买或放弃购物车等用户操作自动触发电子邮件。 您可以根据打开、点击和提交来细分用户。 Mailmodo 使您能够直接在其平台上管理和更新所有过渡电子邮件。
- 所有报告都在一个仪表板上 – 可视化打开、点击、取消订阅、提交和主题行 A/B 测试,并能够以 CSV 格式导出所有数据。
与外部电子商务、客户关系管理(客户关系管理),还有其他平台可用……包括 Shopify商铺, Salesforce, MoEngage, 磊科, CleverTap, Pipedrive, 网络参与等等。
披露: Martech Zone 是...的会员 邮件模块 并且我们在整篇文章中都使用附属链接。