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

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

创建新的邮件内容

前往 内容 (Content) → 邮件内容 (Email content)。
选择如何开始：
- 点击 创建邮件内容 (Create email content) 打开拖放编辑器，从头开始构建邮件。
- 点击 创建邮件内容 (Create email content) 旁边的箭头，然后选择 使用模板 (Use a template)，从模板库中预构建的布局开始。
- 点击 创建邮件内容 (Create email content) 旁边的箭头，然后选择 HTML 代码 (HTML code) 以使用 HTML 代码编辑器。了解更多

探索编辑器布局

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

顶部栏

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

预览 (Preview)： 查看邮件在收件人处将如何呈现，并带有自己的桌面/移动设备切换开关。请参阅编辑移动视图。
测试邮件 (Test email)： 向测试设备或地址发送预览。请参阅发送测试邮件。
品牌手册 (Brand book)： 一键将您保存的徽标、颜色、字体和块默认值应用于此邮件。了解更多
品牌样式 (Brand styles) 部分：应用您保存的品牌样式或重置每个块的样式覆盖，而无需打开品牌手册。了解更多
版本历史 (Version history)： 查看并恢复此邮件的早期保存版本。请参阅恢复先前版本。

语言 / 主题 / 预标题栏

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

画布

查看邮件在收件人处将看到的样子，并直接在布局上编辑文本、图片和按钮。空邮件会显示 从一个块开始 (Start with a block)。

图层面板

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

右侧面板

在三个选项卡之间切换：

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

添加内容块

打开右侧面板中的 块 (Blocks) 选项卡。
将一个块拖到画布上，或单击一个块将其添加到邮件末尾。
继续添加块，直到布局完成。

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

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

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

向特定收件人显示内容

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

编辑移动视图

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

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

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

内边距 (Padding)： 每个块、列、卡片和单个元素（如文本、图片或按钮）都有一个可以为移动设备覆盖的内边距控件。将画布切换到 移动 (Mobile)，选中 内边距 (Padding) 旁边的复选框，并设置新值。在您选中复选框之前，桌面内边距保持不变。
字体大小 (Font size)： 在文本元素上打开 字体大小（移动）(Font size (mobile)) 以仅为移动设备设置大小。如果没有此覆盖，大标题会自动缩小以适应手机屏幕。

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

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

堆叠 (Stack)： 列流入单个列，从上到下（默认）。
保持行 (Keep row)： 列并排显示，保留桌面布局。
反向 (Reverse)： 列以相反的顺序堆叠。对于图片 + 文本行很有用：在桌面上将图片保持在右侧，但在移动设备上将其显示在顶部。

按设备显示或隐藏内容

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

配置邮件范围的样式和页脚

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

保存您的邮件

点击顶部栏中的 保存 (Save) 以保存您的更改。使用顶部栏中的 撤销 (Undo)/重做 (Redo) 在您的编辑中前后移动。

恢复先前版本

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

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

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

发送前检查您的邮件

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

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

智能检查面板，显示 Liquid 语法错误、按钮链接错误、缺少邮政地址和空的预标题

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

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

发送测试邮件

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

打开顶部栏中的 ⋮ 菜单并选择 测试邮件 (Test email)。

在打开的窗口中，选择一个已保存的测试设备或输入任何电子邮件地址。

点击 发送 (Send) 将测试消息发送到您选择的地址。