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

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

注意

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

重要

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

创建新的电子邮件内容

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 语法
• 使用 目录规则、购物车 或 推荐 的 产品 块没有 API 访问令牌

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

注意

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

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

注意

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

发送测试邮件

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

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

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

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

使用您保存的电子邮件内容

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