使用拖放编辑器创建邮件内容

在 Pushwoosh 内置的编辑器中无需编写代码即可构建邮件内容。您可以获得一个可重复使用的布局，其中包含内容区块、图片、按钮、个性化文本和合规的页脚，您可以在 Customer Journey 或一次性邮件中使用。

注意

更喜欢 HTML？使用 Pushwoosh HTML 代码编辑器以获得更多控制。了解更多

Important

在开始之前，请设置邮件的语言、主题行和预标题。了解如何操作

创建新的邮件内容

1. 前往 内容 → 邮件内容。
2. 选择如何开始：
   • 点击 创建邮件内容 打开拖放编辑器，从头开始构建邮件。
   • 点击 创建邮件内容 旁边的箭头，然后选择 使用模板 从模板库中的预构建布局开始。
   • 点击 创建邮件内容 旁边的箭头，然后选择 HTML 代码 使用 HTML 代码编辑器。了解更多

探索编辑器布局

打开邮件后，内置编辑器包含以下区域：

顶部栏

重命名邮件、撤销或重做更改、运行 检查 以在发送前发现问题，并保存您的工作。请参阅 发送前检查您的邮件。打开 ⋮ 菜单以执行更多操作：

• 预览： 查看邮件在收件人设备上的呈现效果，并带有独立的桌面/移动设备切换开关。请参阅 编辑移动视图。
• 测试邮件： 将预览发送到测试设备或地址。请参阅 发送测试邮件。
• 品牌手册： 一键将您保存的徽标、颜色、字体和区块默认设置应用于此邮件。了解更多
• 品牌样式 部分：应用您保存的品牌或重置每个区块的样式覆盖，而无需打开品牌手册。了解更多
• 版本历史： 查看并恢复此邮件的早期保存版本。请参阅 恢复先前版本。

语言 / 主题 / 预标题栏

在画布上方，切换编辑语言，设置邮件的主题行和预标题，并使用 自动翻译 填充缺失的翻译。了解如何设置语言和本地化。

画布

查看收件人将看到的邮件，并直接在布局上编辑文本、图片和按钮。空邮件会显示 从一个区块开始。

图层面板

以树状结构列出邮件中的每个区块，顺序与画布上相同。从左边缘打开它以选择嵌套的区块或拖动行以重新排序内容。

右侧面板

在三个选项卡之间切换：

• 区块： 向邮件添加内容。请参阅 邮件内容区块参考。
• 设置： 一次性将样式应用于整个邮件。请参阅 配置全邮件样式和页脚。
• AI： 与 AI 助手聊天，根据提示生成或编辑内容。

添加内容区块

1. 在右侧面板中打开 区块 选项卡。
2. 将一个区块拖到画布上，或单击一个区块将其添加到邮件末尾。
3. 继续添加区块，直到布局完成。

每种区块类型在邮件中都有不同的用途：

• 标题: 标题和短标题
• 文本: 正文和较长的描述
• 按钮: 可点击的行动号召
• 图片: 来自 媒体库、上传或 URL 的图片
• 视频: 可点击的视频海报，可在 YouTube 或 Vimeo 上打开
• 卡片: 在一个布局中包含图片、标题、文本和按钮
• 分隔线: 分隔区域的线条
• 列: 并排布局（2、3 或 4 个等宽列，或 33/67 和 67/33 的分割）
• 产品: 产品卡片网格——手动输入产品，或从您的 产品目录 或收件人废弃的购物车中提取
• 计时器: 用于优惠和截止日期的倒计时
• 菜单: 一行或一列导航或联系链接
• 社交: 链接到您的社交媒体资料的图标
• HTML: 自定义 HTML，例如表单、调查或嵌入式视频

有关每个区块的设置、如何保存和重用区块 以及按钮和文本的 链接类型，请参阅 邮件内容区块参考。

向特定收件人显示内容

要仅向部分收件人显示区块，请设置 显示条件。

编辑移动视图

添加内容区块后，切换到移动设备视图以检查和调整它们在手机上的外观。在画布上方的语言切换器旁边，使用 桌面 / 移动设备 切换开关进入一个完全可编辑的、真实手机宽度的移动视图。您可以完全按照订阅者在手机上看到的方式选择、编辑和重新排列内容，而不仅仅是预览桌面布局的适应情况。

每个可在移动设备上覆盖的设置旁边都有一个复选框。当复选框未选中时，提示会显示继承的桌面值，并且该设置会继续使用它。选中复选框可为移动设备设置一个单独的值。再次取消选中它会恢复为桌面值。

为不同设备设置不同的内边距和字体大小

• 内边距： 每个区块、列、卡片和独立元素（如文本、图片或按钮）都有一个内边距控件，您可以在移动设备上覆盖它。将画布切换到 移动设备，选中 内边距 旁边的复选框，并设置新值。桌面内边距保持不变，直到您选中该复选框。
• 字体大小： 在文本元素上启用 字体大小（移动设备），为移动设备单独设置一个大小。如果没有此覆盖，大标题会自动缩小以适应手机屏幕。

控制列在移动设备上的堆叠方式

默认情况下，列 布局在手机上垂直堆叠。在移动视图中，使用 堆叠列 来设置每个列区块的行为：

• 堆叠： 列汇集成单列，从上到下（默认）。
• 保持行： 列保持并排，保留桌面布局。
• 反向： 列以相反顺序堆叠。适用于图片 + 文本行：在桌面上将图片保持在右侧，但在移动设备上显示在顶部。

按设备显示或隐藏内容

打开区块或元素的设置，在 可见性 下使用 在移动设备上隐藏 或 在桌面上隐藏，使其仅在一种设备上显示，这样您就可以构建特定于设备的横幅、CTA 或导航，而无需维护两个模板。

注意

按设备隐藏内容与按收件人隐藏内容不同。要向不同收件人显示不同区块，请参阅 向特定收件人显示内容。

配置全邮件样式和页脚

主布局完成后，打开 设置 选项卡，设置适用于整个邮件的字体、颜色和间距，并在 页脚 中填写您的公司详细信息和退订链接。此处的默认设置可保持新区块的一致性，直到您在画布上覆盖它们。了解更多

保存您的邮件

点击顶部栏中的 保存 以保存您的更改。使用顶部栏中的 撤销/重做 来回退和前进您的编辑。

注意

保存操作会将您的邮件存储在 内容 → 邮件内容 中。您可以从那里编辑和管理它，并在您的营销活动中使用它。了解更多

恢复先前版本

每次您点击 保存 时，Pushwoosh 都会保存一个快照。要访问它们，请打开顶部栏中的 ⋮ 菜单并选择 版本历史——邮件至少保存一次后可用。

左侧面板按最新顺序列出已保存的版本，包含作者、时间戳和当前版本上的 最新 徽章。选择任何版本以在右侧预览，然后点击 恢复 将其加载到编辑器中。

恢复操作会将版本作为未保存的更改加载。在您点击 保存 之前，不会覆盖任何内容。要撤销恢复，请按 Cmd/Ctrl+Z。Pushwoosh 会为每封邮件保留最近的 20 个版本。

提示

如果您在保存前关闭了浏览器，Pushwoosh 会保留您未保存编辑的本地备份。下次您打开该邮件时，会有一个横幅提供 恢复 或 放弃 选项。此备份仅存在于创建它的浏览器中，并且在您保存后立即清除。

发送前检查您的邮件

点击顶部栏中的 检查 打开 智能检查 并扫描您的邮件以查找常见问题：

• 没有链接的按钮
• 未填充的 AI 占位符
• 空的图片槽和缺失的 alt 文本
• 不符合 WCAG AA 的文本对比度
• 空或过长的主题行
• 营销邮件页脚中缺少发件人邮政地址
• 内容超出 Gmail 的裁剪限制（约 102 KB，之后 Gmail 会截断消息）
• 未翻译的内容
• 结束日期已过的倒数计时器
• 显示条件 存在损坏或空的规则、分支丢失了其链接的区块，或由于账户禁用了动态内容而无法应用的条件
• 在您添加的每种语言中检查主题、预标题、页脚或正文中损坏的 Liquid 语法

点击一个发现项可直接跳转到画布上受影响的元素。

注意

智能检查在编辑器内部运行，不检查可送达性。审计 在营销活动发送步骤中针对真实的测试发送运行，仍然会检查垃圾邮件分数、损坏的链接和退订标题等内容。先运行智能检查以修复编辑器可见的问题，然后在发送前依赖审计。

每次打开智能检查时，它都会自动验证 Liquid 语法——无需单击单独的按钮。检查运行时，面板会显示 正在检查 Liquid 语法…；在检查返回结果之前，智能检查不会报告所有内容都已通过，因此缓慢或失败的 Liquid 检查不会被错误的“一切正常”所掩盖。

注意

Liquid 检查仅验证语法。它不验证您引用的标签或事件属性是否存在，也不验证每个用户是否都有可用的值。

发送测试邮件

在发送邮件营销活动之前，您可以发送一封测试邮件，以预览内容在收件人收件箱中的显示方式。

1. 打开顶部栏中的 ⋮ 菜单，然后选择 测试邮件。

2. 在打开的窗口中，最多添加 50 个收件人：选择一个或多个已保存的 测试设备，或输入任何有效的电子邮件地址以将其添加到列表中。要删除收件人，请点击其上的 ×。

3. 点击 发送 将测试消息发送给所有选定的收件人。如果所有地址都失败，Pushwoosh 会在对话框中显示错误；如果只有部分失败，它会在一个提示框中列出失败的地址，并仍将邮件发送给其余的收件人。

使用您保存的邮件内容

现在您的邮件内容已准备就绪，可以在邮件营销活动中使用它。了解更多关于如何使用它的信息