跳转到主要内容
OneSignal 中的 HTML 编辑器允许您制作高度风格化的品牌电子邮件,完全控制桌面端和移动端的布局和设计。 为了充分利用 HTML 电子邮件设计,我们建议:
  • 确保您或您的团队成员具有编写在不同客户端和设备上良好渲染的响应式 HTML 电子邮件的经验。
  • 将所有图像托管在可公开访问的位置,如您的网站、AWS 或其他可靠的托管平台。

开始使用

要开始创建您的 HTML 电子邮件,请在设置消息时选择 HTML 编辑器选项。 选择后,您将看到分屏界面,左侧是 HTML 代码编辑器,右侧是实时电子邮件预览。

使用 HTML 编辑器

在左侧面板中输入您的 HTML 代码。您可以使用发送测试电子邮件功能检查您的电子邮件在移动端和桌面端客户端上的渲染效果。

图像显示 HTML 编辑器与预览并排

HTML 编辑器的关键功能

点击跟踪

我们自动跟踪 HTML 电子邮件中链接和 CTA 的点击,以获得性能洞察。

自动取消订阅链接

默认 HTML 模板中自动包含取消订阅链接。您可以自定义此链接,但请注意所有电子邮件都必须包含一个。 了解更多:取消订阅链接和电子邮件订阅

导入您自己的模板

已经有 HTML 电子邮件模板?只需将其复制并粘贴到编辑器中即可开始。

HTML 电子邮件最佳实践

使用内联 CSS

许多电子邮件客户端会剔除嵌入或外部样式。始终内联您的 CSS 以确保一致的渲染。 试试这个工具:响应式电子邮件 CSS 内联器

为图像添加 alt 标签

Alt 文本提高可访问性,并确保即使图像被阻止或加载失败也能传达信息。
电子邮件客户端阻止图像?显示 Alt 文本样式化 Alt 文本
AOL
Gmail
Yahoo
Outlook有时
来源:Litmus 电子邮件客户端支持

命名和格式化您的 HTML

为了可访问性,使用语义 HTML 和有意义的标签命名。这有助于屏幕阅读器更准确地解释您的内容。 此外,使用标准颜色格式和适当的缩进以便于维护。

检查损坏的链接

损坏的链接会降低送达率,并可能将您的电子邮件标记为垃圾邮件。在发送前彻底测试所有链接。

避免不支持的 HTML

大多数电子邮件客户端不支持以下内容:
  • JavaScript 或 Flash
  • 嵌入的音频或视频
  • HTML 表单
  • Iframe
  • 文本分层
使用超链接安全地分享其他内容。

常见问题

将您现有的 HTML 电子邮件代码复制并粘贴到 HTML 编辑器中。务必包含取消订阅链接
探索 Really Good Emails* 等资源获取设计灵感,或使用提供免费响应式模板的平台。如果您是 HTML 新手,请考虑学习 HTML 基础*。 * OneSignal 与这些服务无关。还有其他类似的平台可用。
是的,但请记住,并非所有电子邮件客户端(如 Outlook)都支持自定义字体。不支持的字体会自动回退到默认系统字体。

I