概述
OneSignal 拖放式邮件生成器允许您直观地设计邮件,使其完全按照在用户收件箱中显示的样子呈现。它由三个核心组件组成:- 设置 – 适用于整个消息的全局配置
- 行 – 用于水平布局内容的结构容器
- 内容 – 单个区块,如图片、文本和按钮
导入您自己的模板
已经有邮件模板了吗?您可以通过以下选项将它们添加到您的 OneSignal 应用中:设置
设置控制消息的基础样式和布局。除非明确覆盖,否则这些设置会级联应用到行和内容区块。
图片显示生成器的设置
| 设计设置 | 描述 |
|---|---|
| 内容区域宽度 | 邮件的宽度(像素)。默认为 600px。 |
| 内容区域对齐 | 将内容向左或居中对齐。 |
| 背景颜色 | 内容区域后面的背景颜色。 |
| 内容区域背景颜色 | 内容区域内的背景颜色。 |
| 默认字体 | 应用于整个邮件的字体,除非在行或内容级别自定义。自定义字体需要 HTML。 |
| 链接颜色 | 所有超链接文本的颜色。 |
| 语言 | 在 HTML 中设置 lang 属性以提高可访问性。默认为英语。 |
行
行是邮件布局的水平构建块。每行可以包含多个列和内容区块。 只需将行拖放到邮件编辑器中即可添加它们。
图像显示了使用多行的能力
每行及其列都可以覆盖全局设置,让您能够精细控制设计和响应性。
删除和复制行
选择行并使用删除和复制图标。
该图显示了删除和复制行的功能
保存的行
点击任何行上的保存图标以在模板之间重复使用它。对已保存行的更新可以选择应用于使用它的所有模板。
如何保存一行
选择保存的行
- 空白 – 空白行模板
- 我保存的行 – 您保存的行
- 示例行 – OneSignal 预构建的模板
行属性
点击行以编辑属性。确保在悬停在行上时看到”Row”字样。否则,您将选择内容区块。| 行属性 | 描述 |
|---|---|
| 背景 | 内容区域后面的背景颜色或图片。建议: 在设置中设置背景颜色以保持一致性。如果没有可点击的内容,请考虑使用图片区块而不是行背景图片。 |
| 边框 | 边框颜色、宽度和样式。 |
| 布局 | 自定义或在移动端与桌面端隐藏行。 |
| 列 | 在行内添加、删除、调整列,添加更多内容区块。调整特定于列的内边距。 |
内容
内容区块代表消息的核心 — 图片、文本、按钮等。 将内容区块拖入行列中,它将调整为相应宽度。每个区块都有自己的设置,如内边距、字体大小和对齐方式。
选择拖拽内容区块来设计您的电子邮件
图片和视频
上传的图片可供您的团队访问。直接在编辑器中更改和应用对图片的效果,如裁剪、过滤等。 可以使用图片和视频的 URL。确保它们可通过提供的 URL 访问。链接
链接跟踪默认启用。支持多链接跟踪。有关更多详细信息,请参阅链接和深度链接。退订链接
所有营销邮件都应包含退订链接。没有退订链接,您的邮件被标记为垃圾邮件的可能性会更高。有关更多详细信息,请参阅退订链接。 OneSignal 提供默认的退订链接,使用后将取消用户的邮件订阅。如果需要,您也可以包含自己的自定义退订 URL。只需确保正确管理邮件订阅(详细信息请参阅创建自定义退订页面)。 通过以下方式将 OneSignal 的默认[unsubscribe_url] 添加到您的邮件中:
- HTML 区块:
<a href="[unsubscribe_url]">Unsubscribe</a> - 选择您的文本并使用编辑器中的特殊链接选项,或在 URL 字段中设置
[unsubscribe_url]
将退订链接添加到您的电子邮件
HTML 区块
使用 HTML 区块添加自定义 HTML。不支持 JavaScript。建议使用内联 CSS。某些邮件客户端会删除类或 ID 属性。自定义 HTML 区块是添加高级样式(如深色模式覆盖)的最佳位置。
有关指导,请参阅深色模式样式最佳实践。
有关指导,请参阅深色模式样式最佳实践。
个性化
使用 liquid 模板来个性化消息。示例:{{ first_name | default: "there" }}
该图显示了标签替换的使用
表情符号
表情符号在不同的邮件平台上可能呈现不同。
图片显示了表情符号在不同电子邮件客户端上的呈现方式
保存您的工作
您可以将邮件设计保存为模板以供将来使用。
图片显示如何保存为模板