邮件内容块参考

本文档为您在 拖放编辑器 画布上可以添加的每个内容块，以及按钮和文本上可用的链接类型提供参考。要控制哪些收件人可以看到某个内容块，请设置 显示条件。

添加内容块

打开 Blocks 选项卡，将一个内容块拖到画布上，或单击一个内容块将其添加到邮件末尾。可用内容块：

• 标题： 邮件中的标题和短标题
• 文本： 正文文案和较长的描述
• 按钮： 可点击的行动号召
• 图片： 来自 媒体库、上传或 URL 的图片
• 视频： 链接到 YouTube 或 Vimeo 视频的可点击视频海报
• 卡片： 将图片与标题、文本和按钮组合在一个布局中
• 分隔线： 在视觉上分隔区域的线条
• 2 列： 两个并排的等宽列
• 3 列： 三个并排的等宽列
• 4 列： 四个并排的等宽列
• 33 / 67： 两列，左列约占 33% 宽度，右列约占 67%
• 67 / 33： 两列，左列约占 67% 宽度，右列约占 33%
• 计时器： 用于优惠和截止日期的倒计时
• 菜单： 一行或一列链接，如导航或联系方式
• 社交： 链接到您的社交媒体资料的图标
• HTML： 自定义 HTML，如表单、调查或嵌入式视频
• 产品： 可重复的产品卡片网格。您可以手动输入产品，或从您的 产品目录、收件人的废弃购物车或内置的推荐策略（如畅销品或补货品）中拉取产品。
• 新闻： 可重复的文章卡片网格。您可以从 RSS 或 Atom 源中手动挑选，或从为您的应用程序注册的源中实时拉取。

标题和文本

标题和文本块包含收件人在邮件中阅读的文案。使用标题表示标题和短句，使用文本表示正文文案和较长的描述。

单击画布上的一个块开始编辑。选择文本以调出格式工具栏。

工具栏选项

• 文本样式： 为整个块设置段落样式（标题 1、标题 2、普通等）
• 字体大小： 调整所选文本的大小，或将大小应用于整个段落
• 粗体 / 斜体 / 下划线 / 删除线： 标准字符格式
• 对齐： 左对齐、居中或右对齐
• 链接： 将所选文本包装在超链接中
• 项目符号列表 / 编号列表： 将所选行转换为列表。行开头已有的任何项目符号或数字都会被删除，因此不会与列表自身的标记重复。

选择块（而不是文本范围）以在右侧面板中打开其设置，然后打开字母间距以放松或收紧整个块的字符间距。接受小数和负值。要一次性将字母间距应用于所有文本块，请在排版下将其设置为邮件范围的默认值。请参阅 配置邮件范围的样式。

从其他文档粘贴

从 Google Docs、Word 或网页粘贴文本会保留粗体、斜体、下划线、删除线和链接。源文档的颜色、字体大小和字体系列不会被带过来——块自身的排版始终优先。要完全忽略源格式并采用块的样式，请使用 Ctrl+Shift+V（Mac 上为 Cmd+Shift+V）粘贴。

粘贴的项目符号或编号列表会在每行开头保留其项目符号或数字作为纯文本，在同一个块中。选择这些行并单击项目符号列表 / 编号列表将其转换为真正的列表——该按钮会为您删除多余的标记。

在单行字段中，例如按钮标签，粘贴的换行符会折叠成一个空格。

使用合并标签进行个性化

合并标签是占位符，用于插入收件人个人资料中的 标签 值，以便每个订阅者都能看到个性化的文案。要添加一个，请选择文本，在工具栏中单击合并标签，然后从您的帐户中选择一个标签。单击插入的合并标签以打开一个面板，其中包含默认值（标签为空时显示的值）和格式（应用于值的大小写、数字或日期格式）字段。

图片

图片块在邮件中显示一张图片。在画布上选择它以在右侧面板中打开图片设置。

添加图片

当块为空时，单击添加图片，或当已设置图片时，单击替换图片。这将打开媒体库，其中有三个选项卡：

• 库： 您上传的文件，可按文件名搜索。
• 图库照片： 无需离开编辑器即可搜索免费的 Pexels 照片。单击一张照片将其复制到您的库中并插入。
• 使用 AI 生成： 描述您想要的图片并选择一个宽高比。生成的图片将保存到您的库中。

您也可以直接将托管链接粘贴到图片 URL 中以跳过媒体库。

从库中删除图片

在库选项卡中，将鼠标悬停在文件上并单击其删除图标以删除它，或选中多个文件（或单击全选以选择当前页面上的所有图片）并单击删除所选以批量删除它们。确认对话框以继续。

警告

删除文件会将其从 媒体库 中完全移除，同时移除由其创建的任何变体，此操作无法撤销。任何引用已删除图片的内容将停止加载该图片。

替代文本

在替代文本中描述图片以提高可访问性，或单击使用 AI 生成替代文本让 AI 根据您当前编辑语言的图片来编写它。从图库照片或使用 AI 生成添加的图片会自动获得替代文本。

尺寸与适配

• 宽度： 以 px 为单位设置图片的宽度，或作为可用空间的百分比，使其保持流动性。将其保留为默认值以使用图片的自然宽度。
• 高度 (px)： 设置固定的渲染高度。留空以自动缩放——如果设置了裁剪比例，则根据裁剪比例缩放，否则根据图片的自然比例缩放。
• 裁剪： 选择原始以保持图片的自然比例，或选择一个比例（正方形 (1:1)、4:3、3:2、16:9）将图片裁剪到该框中。
• 适配： 选择覆盖以填充框并裁剪到它。使用焦点设置裁剪点。或选择包含以在不裁剪的情况下将整个图片缩放到框内。使用设置位置进行定位。
• 圆角半径 (px)： 圆化图片的角。打开更多选项以分别设置每个角，或关闭它以将相同的半径应用于所有四个角。

注意

Gmail 和 Apple Mail 会在发送的邮件中渲染圆角，包括每个角的设置值。Outlook Desktop 会忽略图片上的圆角半径，就像它在邮件中其他地方一样，因此图片在那里保持直角。

将画布切换到移动设备（请参阅 编辑移动视图）以为手机屏幕单独设置这些选项。选中宽度（移动设备）、高度（移动设备）、裁剪（移动设备）或适配（移动设备）以覆盖该设置，从其桌面值开始；不选中框以继续继承桌面设置。裁剪（移动设备）仅在桌面上将裁剪设置为比例时出现，并且在桌面上将裁剪改回原始会丢弃任何**裁剪（移动设备）**的覆盖。

链接和间距

要在点击图片时打开链接，请在链接 URL 中输入链接，并将链接目标设置为在同一选项卡或新选项卡中打开。有关可用链接类型，请参阅 添加链接。

在间距中，打开内边距以在图片周围添加空间。使用所有边进行统一的内边距，或打开更多选项以分别设置每一边。

视频

视频块将 YouTube 或 Vimeo 视频作为可点击的缩略图添加到邮件中。邮件客户端无法在消息内播放视频，因此该块显示一个带有 ▶ 覆盖层的静态图片。当收件人点击它时，视频将在 YouTube 或 Vimeo 上打开。这在包括 Outlook 在内的所有主要客户端中都有效。

在画布上选择视频块以在右侧面板中打开其设置。

• 视频 URL： 粘贴 YouTube 或 Vimeo 链接。编辑器会自动获取缩略图。
• 替代文本： 描述视频以提高可访问性。
• 缩略图 URL： 保留自动获取的缩略图，或单击添加缩略图 / 替换缩略图从媒体库中选择一个，或直接粘贴托管链接。
• 播放按钮覆盖： 默认开启。关闭以显示没有 ▶ 覆盖层的纯缩略图。某些外部主机上的缩略图不支持覆盖层。当这种情况适用时，编辑器会警告您，邮件将显示纯缩略图。
• 宽度 (px)、圆角半径 (px) 和对齐： 控制缩略图的外观及其在布局中的位置。您可以为移动设备单独设置对齐方式。

卡片

卡片块将图片与标题、文本和按钮配对在一个现成的布局中。在画布上选择它以在右侧面板中打开其设置。

• 布局： 选择图片相对于内容的位置。
• 图片： 替换图片、设置替代文本，或为您使用使用 AI 生成创建的图片编辑提示。
• 尺寸与适配： 尺寸字段取决于布局。裁剪适用于所有布局。适配适用于所有布局：
  • 顶部： 高度以 px 或卡片宽度的百分比设置图片的高度。宽度 (px) 将图片缩小到固定的像素宽度并居中。
  • 背景： 高度以 px 或其宽度的百分比设置卡片的高度。没有宽度 (px) 字段。图片是卡片的背景。适配在这里也有效：覆盖将图片裁剪到卡片——使用焦点设置裁剪点——而包含将整个图片缩放到卡片内，使用设置位置放置。Outlook Desktop 会近似包含并忽略两者。
  • 左侧或右侧： 宽度以 px 或卡片百分比设置图片列的宽度。高度 (px) 将图片固定到像素高度。设置像素高度会清除下方的裁剪比例。选择裁剪比例会清除像素高度。您不能同时使用两者。
  • 对于所有布局：
    • 裁剪： 选择原始以保持图片的自然比例，或选择一个比例（正方形 (1:1)、4:3、3:2、16:9）将图片裁剪到该框中。
    • 适配： 选择覆盖以填充框并裁剪到它。使用焦点设置裁剪点。或选择包含以在不裁剪的情况下将整个图片缩放到框内。使用设置位置进行定位。
    • 圆角半径 (px)： 圆化图片的角。打开更多选项以分别设置每个角，或关闭它以将相同的半径应用于所有四个角。与任何其他图片具有相同的 邮件客户端支持。
• 间距： 设置卡片内容周围的内边距。

按钮

按钮是邮件中可点击的行动号召。

单击按钮块以在画布上编辑其标签。使用工具栏更改字体大小、文本颜色、粗体、斜体、下划线、删除线和对齐方式。标签是单行的：粘贴的换行符会折叠成一个空格。有关粘贴保留和删除的内容，请参阅 从其他文档粘贴。

要设置收件人点击按钮时发生的操作：

• 单击工具栏中的链接图标以打开插入/编辑链接。
• 或在右侧面板的链接部分使用操作类型和 URL。

有关可用的操作类型，请参阅 添加链接。

在右侧面板的样式下：

• 对齐： 左对齐、居中或右对齐。
• 背景： 打开以覆盖默认外观，然后选择纯色表示纯色，或渐变表示双色线性渐变（起始颜色、结束颜色和角度（以度为单位），默认 90°）。选择渐变后，在不支持渐变背景的邮件客户端（如 Windows 上的 Outlook）中，按钮仍显示纯色填充。已经有纯色背景的按钮会保留它，并以纯色选中状态打开。
• 文本颜色、字体大小和字体系列： 打开每个选项以覆盖默认外观。
• 圆角半径、边框颜色和边框宽度： 按钮的形状和轮廓。Gmail 和 Apple Mail 会渲染按钮的圆角半径；Outlook Desktop 会忽略它并显示直角，就像它对图片所做的一样。
• 宽度： 设置固定的按钮宽度或使其自动。
• 内边距： 在按钮内部添加空间。使用所有边进行统一的内边距，或打开更多选项以分别设置每一边。

分隔线

分隔线是内容块之间的水平线。用它在邮件中直观地分隔各个部分。

在设置面板中配置线条样式（实线、虚线、点线）、颜色、粗细和宽度。

HTML

HTML 块允许您将自定义 HTML 粘贴到您的邮件中。用它来创建自定义表单、调查或嵌入视频。

在代码字段上方，单击合并标签以搜索您帐户的 标签 并在光标位置插入一个合并标签——与上述个性化功能相同——或单击表情符号图标以同样的方式插入表情符号。单击插入的合并标签以打开与标题或文本块中相同的默认值 / 格式面板。

示例

潜在客户表单

此潜在客户表单收集电子邮件地址，以发送新年促销的优惠码。

HTML 代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>

<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>

<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>

</body>
</html>

调查问卷

此调查问卷询问收件人正在购买哪个类别，并将每个选项链接到相关的促销页面。

HTML 代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
  }
  .option:hover { border-color: #CC0000; background: #fff5f5; }
</style>
</head>
<body>

<h2>What are you shopping for?</h2>
<p>Pick a category and go straight to your deals</p>

<a class="option" href="https://example.com/sale/clothing">👗 Clothing</a>
<a class="option" href="https://example.com/sale/electronics">📱 Electronics</a>
<a class="option" href="https://example.com/sale/beauty">💄 Beauty</a>
<a class="option" href="https://example.com/sale/home">🏠 Home & Living</a>

</body>
</html>

视频

此示例在邮件中嵌入了新年促销视频。

HTML 代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>New Year Sale — Up to 50% Off</h1>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
</div>

</body>
</html>

注意

您也可以直接在 HTML 块中添加取消订阅链接：

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

发送邮件时，%%PW_EMAIL_UNSUBSCRIBE%% 占位符将被替换为 Pushwoosh 的取消订阅 URL。

菜单

菜单块将多个可点击项放置在一行或一列中。用它来创建导航栏或公司联系人列表。

对于每个菜单项，设置：

• 标签： 收件人看到的文本
• URL： 项目打开的位置
• 目标： 同一选项卡或新选项卡

在块设置中，您还可以设置：

• 方向： 水平或垂直
• 对齐： 左对齐、居中或右对齐
• 分隔符： 项目之间的可选分隔符
• 字体、大小、粗细、字母间距和链接/文本颜色

社交

社交块显示一行链接到您个人资料的社交媒体图标。用它将收件人从邮件发送到 Facebook、Instagram、X 和其他平台。

添加平台条目，然后设置对齐方式、图标大小和图标之间的间距。

倒计时器

计时器块是邮件中的倒计时。用它来处理限时优惠、闪购和活动提醒。

设置方法：

1. 在倒计时中，设置结束日期和结束时间，然后选择计时器标签的时区和语言。
2. 打开标签以在数字下方显示“天 / 小时 / 分钟 / 秒”的标题，或关闭以仅显示数字。
3. 在外观中，设置背景、数字颜色、标签颜色以及数字（默认 40px）和标签（默认 16px）的字体大小。
4. 根据需要调整间距（内边距）。

计时器在任何语言或尺寸下都呈现为清晰的图像，背景延伸至整个邮件行，并为移动设备宽度原生渲染一个版本，而不是缩小的桌面图像。

列

列将画布分割成并排的部分，以便您可以在一行中将内容并排放置。

将以下块之一拖到画布上：

• 2 列： 两个等宽的列
• 3 列： 三个等宽的列
• 4 列： 四个等宽的列
• 33 / 67： 左列约 33% 宽，右列约 67%
• 67 / 33： 左列约 67% 宽，右列约 33%

然后向每列添加内容。要更改邮件中所有列的间距，请打开设置 → 列默认值并调整外部内边距、列内边距和列之间的间距。

对于列自身的图像（您使用列设置中的添加图像添加的图像），设置显示一个尺寸与适配部分。这与卡片块的左侧 / 右侧布局的控件相同。拖入列中的图像块是一个独立的内容元素，并保留其自己的简单尺寸字段——请参阅 图像。

您也可以直接将托管链接粘贴到图像 URL 中以跳过图库。

• 宽度： 以 px 或列的百分比设置图像的宽度。不设置则填充列。
• 高度 (px)： 将图像固定到像素高度。设置像素高度会清除下方的裁剪比例。选择裁剪比例会清除像素高度。您不能同时使用两者。
• 裁剪： 选择原始以保持图像的自然比例，或选择一个比例（正方形 (1:1)、4:3、3:2、16:9）将图像裁剪到该框中。
• 适配： 选择覆盖以填充框并裁剪到它。使用焦点设置裁剪点。或选择包含以在不裁剪的情况下将整个图像缩放到框内。使用设置位置进行定位。
• 圆角半径 (px)： 圆化图像的角。打开更多选项以分别设置每个角，或关闭它以将相同的半径应用于所有四个角。与任何其他图像具有相同的 邮件客户端支持。

注意

仅设置了高度 (px) 的列图像会拉伸到列的宽度并裁剪到该高度。

产品

产品块显示一个来自共享模板的产品卡片网格。每个卡片可以包括图像、标题、描述、价格和一个购买按钮。模板为每个产品重复。

单击画布上的卡片使其处于活动状态并进行编辑：

• 更改标题、描述、价格、图片或每个产品的链接以仅更新该卡片。
• 更改模板布局、颜色、内边距或其包含的元素以更新每个卡片。

在设置面板的来源下，选择产品的来源：

• 手动： 手动输入产品，通过 ID 从您的产品目录中选择它们，或混合两者。
• 目录规则： 按类别和排序顺序自动拉取产品，在发送时从目录中实时解析。
• 购物车： 显示每个收件人当前废弃购物车中的商品。
• 推荐： 按内置策略排名的产品——畅销品、新品、补货或降价——在发送时从您的目录中解析。

注意

这些来源需要您的计划中有 Content Templates。如果来源选择器无法切换到目录规则、购物车或推荐，请联系支持或您的客户经理。

您还需要一个 API 访问令牌（设置 → API 访问）来保存邮件。预览、运行 智能检查 以及编辑器中的所有其他功能都可以在没有令牌的情况下工作。只有保存会失败，并弹出一个提示，告诉您该块没有 API 访问令牌。

手动添加产品

自己填充网格，可以手动输入产品，也可以通过 ID 从您的 产品目录 中选择特定商品。您可以在同一个块中混合使用这两种方法。

• 产品数量： 设置要显示的卡片数量（1-24）。
• 添加产品： 添加一个卡片并自己填写其标题、描述、价格、图片和链接。
• 从目录中选择…： 从您的 产品目录 中选择特定产品，而不是手动输入。
• 从目录刷新： 为您从目录中选择的产品拉取最新的标题、描述、价格和图片，以防它们在您添加后发生了变化。不影响手动输入的产品。
• 产品图片： 单击缩略图以替换该产品的图片。
• 产品链接： 输入或编辑每个产品的 URL。

使用目录规则拉取产品

按类别和排序顺序自动拉取产品，无需手动选择。

• 类别： 限制到特定的目录类别，或所有类别。
• 排序： 选择产品拉取的顺序：最新优先、价格：从低到高、价格：从高到低或标题 A-Z。
• 产品数量： 设置要显示的卡片数量限制（1-12）。
• 刷新预览： 立即根据目录重新计算画布预览。

预览与发送时间

画布预览显示当前匹配规则的产品。如果在发送邮件前目录发生变化，例如产品缺货或添加了新产品，收件人将在发送时看到更新的匹配项，而不是预览。

显示购物车中的商品

渲染收件人废弃购物车中的当前商品。

• 最多显示产品数： 设置要显示的卡片数量限制（1-12）。
• 预览用户购物车： 输入用户 ID 或电子邮件，然后单击预览购物车以查看该块如何为特定收件人渲染。

注意

每个收件人在发送时都会获取自己当前的废弃购物车。没有废弃购物车的收件人会直接跳过该块，因此请使用 PW_AbandonedCartID 标签来定位您的受众。画布本身显示的是示例卡片，而不是真实的购物车数据。有关完整设置，请参阅 如何设置废弃购物车营销活动。

获取推荐产品

通过内置策略对产品进行排名，而不是自己挑选或编写目录规则。

• 策略： 选择产品排名的方式——畅销品（7 天）、畅销品（30 天）、新品、补货、降价、一起购买或根据他们浏览的内容。选择推荐会用此策略选择器替换目录规则中的排序控件。

• 类别： 限制到特定的目录类别，或所有类别。
• 产品数量： 设置要显示的卡片数量限制（1-12）。
• 刷新预览： 立即根据目录重新计算画布预览。

“一起购买”需要一个产品标签

选择一起购买会添加一个产品标签字段——输入保存锚定产品的设备标签名称，该块将显示经常与该产品一起购买的产品。如果未设置标签，该块将回退到常规目录。

标签名称只接受字母、数字、下划线和空格——任何其他字符都将被拒绝并显示内联错误，因为该标签必须在 Liquid 中可寻址。

注意

畅销品专门根据订单历史记录对产品进行排名。一起购买与根据他们浏览的内容一样，都基于广泛的互动流——浏览、购物车和购买，而不仅仅是购买。新帐户或尚未为给定策略收集足够历史记录的帐户，将获得常规目录，直到积累足够的数据。

产品块设置尚未翻译

产品块的设置，包括 Recommendations 源名称及其策略标签，无论您的帐户语言如何，都以英语显示。

设置网格样式

选择来源后，这些设置控制网格及其卡片的外观。无论您使用哪个来源，它们都保持不变：

• 列： 选择每行 1、2 或 3 个卡片。在移动设备上，卡片始终堆叠在一列中。
• 间距： 打开以设置卡片之间的空间。关闭则使用默认值（16px）。
• 描述限制： 描述文本被修剪到的字符限制，以便卡片保持一致的大小。
• 卡片模板： 选择一个布局，然后为每个卡片设置卡片背景、卡片圆角半径和内容内边距。
• 尺寸与适配： 对于每个有图像的布局都会显示。与 卡片块 的每个布局的图像尺寸设置相同，即宽度、高度、裁剪和适配控件，尺寸相对于卡片宽度而不是整个邮件。

下面的块样式设置用于设置整个块的样式，与内部的卡片分开：

• 背景和背景图片： 为整个网格设置背景颜色或图片。设置图片后，适配选择它在块中的位置——覆盖将其裁剪到块，包含将整个图片放入其中——焦点 / 设置位置将其定位。Outlook Desktop 仅显示背景颜色并忽略图片，因此请在其后保留可读的颜色。
• 边框颜色、边框宽度和圆角半径： 在整个网格周围添加轮廓和圆角。在圆角半径中打开更多选项以分别设置每个角，或关闭它以将相同的半径应用于所有四个角。Gmail 和 Apple Mail 会渲染它；Outlook Desktop 会忽略它并显示直角，就像它对图片所做的一样。
• 在移动设备上隐藏和在桌面上隐藏： 在一种设备上隐藏整个块。请参阅 按设备显示或隐藏内容。

促销价如何显示

如果产品在您的目录中有促销价，卡片会显示折扣价，并将原价划掉。这适用于目录规则、购物车和手动中的目录商品。手动输入的产品没有促销价。

新闻

新闻块显示一个文章卡片网格。每个卡片可以包括图片、日期、标题、摘要和一个“阅读更多”链接。模板为每篇文章重复，与 产品 块的方式相同。一个新的新闻块从 2 个示例卡片开始。

在设置面板的来源下，选择文章的来源：

• 已挑选： 从 RSS 或 Atom 源加载一次文章，或手动挑选特定的文章。它们被复制到邮件中，不会再次更改。
• 实时源： 从为您的应用程序注册的源中拉取文章，在发送时实时解析，以便每个收件人都能获得最新的文章。

注意

实时源需要您的计划中有 Content Templates。如果来源无法切换到实时源，Pushwoosh 会显示一个提示，说明该帐户未启用动态内容。请联系支持或您的客户经理。

从源中挑选文章

单击画布上的卡片使其处于活动状态并进行编辑：

• 更改日期、标题、摘要、图片或每篇文章的链接以仅更新该卡片。
• 更改模板布局、颜色、内边距或其包含的元素以更新每个卡片。

加载文章后，它们会被复制到邮件内容中；在发送时不会再次获取任何内容。文章图片会被复制到您的 媒体库，并在需要时从 WebP 转换为 JPEG，因为 Outlook 无法渲染 WebP。

粘贴一个 RSS 2.0 或 Atom 源 URL，然后执行以下任一操作：

• 加载最新文章： 用源中最新的文章替换当前卡片，卡片数量与您已有的数量相同（默认为 2）。
• 挑选文章…： 打开一个抽屉，列出最多 12 篇源的最新文章，包括缩略图、标题、日期、类别和作者，并选择要添加的文章。挑选的文章会附加到现有卡片之后，总数最多为 12 篇；画布上已有的文章不能被再次挑选。

注意

如果源 URL 为空、无效或源中没有文章，Pushwoosh 会显示错误并保持当前卡片不变。

抽屉允许您手动挑选特定的文章，而不是总是选择最新的。

• 文章图片： 单击缩略图以替换该文章的图片。
• 文章链接： 当卡片模板有链接绑定到文章时显示（默认的“阅读更多”按钮）。按标题列出每篇文章，以便您可以编辑或覆盖其目标 URL，该 URL 最初从源中拉取。

从实时源中拉取文章

文章在邮件发送时获取，因此每个收件人都能获得最新的文章。您无需自己挑选文章，只需选择一个源和数量限制：

• 已注册的源： 选择已为您的应用程序注册的源，或应用程序的所有源以从所有源中拉取。此面板仅选择源，不注册源；如果尚不存在，请联系支持或您的客户团队为您的应用程序添加一个。
• 类别过滤器： 一个可选的自由文本过滤器，与源中文章的类别匹配（默认：任何类别）。
• 文章： 显示多少张卡片（1-12，默认为 3）。
• 刷新预览： 立即根据源重新计算画布预览。如果源没有返回文章，Pushwoosh 会保持当前卡片不变；如果无法访问源，Pushwoosh 会显示错误。

预览与发送时间

画布预览显示当前匹配的文章。收件人将在发送时获得实时解析的匹配项，按每篇文章的源 GUID 去重，并限制为过去 30 天内发布的文章。

注意

缺失、空或无法访问的源，包括已删除的已注册源，不会导致发送失败：Pushwoosh 会为该收件人隐藏卡片网格，而块的背景和边框仍会渲染。只有配置错误的源引用，例如损坏的应用程序或源，才会回退到画布上已有的卡片。

设置网格样式

选择来源后，这些设置控制网格及其卡片的外观。无论您使用哪个来源，它们都保持不变：

• 列： 选择每行 1、2 或 3 个卡片。在移动设备上，卡片始终堆叠在一列中。
• 间距： 打开以设置卡片之间的空间。关闭则使用默认值（16px）。
• 摘要限制： 文章摘要被修剪到的字符限制，以便卡片保持一致的大小。
• 卡片模板： 选择一个布局，然后为每个卡片设置卡片背景、卡片圆角半径和内容内边距。对于左侧或右侧布局，打开文本环绕图片以使标题和摘要环绕图片流动，而不是将它们保持在固定的列中。尺寸与适配（宽度、高度、裁剪、适配）与 卡片块 的每个布局的图片尺寸设置相同，尺寸相对于卡片宽度。

下面的块样式设置用于设置整个块的样式，与内部的卡片分开：

• 背景和背景图片： 为整个网格设置背景颜色或图片。设置图片后，适配选择它在块中的位置——覆盖将其裁剪到块，包含将整个图片放入其中——焦点 / 设置位置将其定位。Outlook Desktop 仅显示背景颜色并忽略图片，因此请在其后保留可读的颜色。
• 边框颜色、边框宽度和圆角半径： 在整个网格周围添加轮廓和圆角。在圆角半径中打开更多选项以分别设置每个角，或关闭它以将相同的半径应用于所有四个角。Gmail 和 Apple Mail 会渲染它；Outlook Desktop 会忽略它并显示直角，就像它对图片所做的一样。
• 在移动设备上隐藏和在桌面上隐藏： 在一种设备上隐藏整个块。请参阅 按设备显示或隐藏内容。

注意

与任何其他块一样，新闻块支持 显示条件，以仅向部分收件人显示。

保存和重用块

保存一个块以便在此邮件或其他邮件中重用，而无需每次都重新构建。

1. 单击一个块（其框架或背景，而不是内部的文本或按钮）以选择它。卡片、列和社交是这种工作方式的块的示例。要一起保存多个块，请在画布上或图层面板中按住 Shift 单击更多同级块，以将选择扩展到连续范围。对于包含已同步块或空 AI 占位符的范围，不提供保存功能。
2. 单击块工具栏中的书签图标并为其命名。

已保存的块出现在块选项卡底部的已保存的块下。

• 将已保存的块拖到画布上，或单击它以将其添加到邮件末尾。
• 单击已保存块磁贴上的 × 以删除它。

保持副本同步

当您保存一个块时，打开保持副本同步以将每个插入的副本链接到同一来源。一次编辑来源，更改将应用于使用该块的所有地方，包括已安排发送的邮件。

保存一系列块的工作方式相同。Pushwoosh 将所选块包装在一个组中，这是一个容器块，在图层面板中显示为自己的行，因此同步有一个单一的根，然后将每个插入的副本链接到该组。编辑其中的任何块并应用更改以更新使用它的所有地方的整个组。

同步的副本在画布上被锁定。您不能直接编辑它。选择该副本以打开其设置：

• 编辑同步的块： 解锁此副本以便您可以更改它。顶部会出现一个横幅。单击应用到所有以将您的更改保存到来源和所有其他副本，或取消以丢弃它们。您一次只能解锁一个同步的块。
• 从来源更新： 用来源的最新版本替换此副本。
• 与来源分离： 将此副本与来源取消链接，以便您可以单独编辑它。

当一个同步的块被解锁以进行编辑时，邮件的其余部分被锁定以防止意外编辑：

• 在画布上和图层面板中，块外的所有内容都变暗，并且不显示拖动手柄或烤串菜单——单击、拖动、复制或删除这些行都没有效果。
• 选择块外的任何内容会在设置面板中显示完成编辑同步的块以编辑邮件的其余部分，而不是该元素的字段。
• 在图层面板中，正在编辑的块被标记为同步的块（编辑中），并带有一个编辑图标。
• 保存按钮被禁用，并有一个工具提示解释说现在保存会用块的旧内容存储邮件。

应用或取消您的更改以再次解锁邮件的其余部分。

注意

每次您打开一封邮件时，Pushwoosh 都会检查其同步的副本并更新任何过期的副本。一个提示会显示刷新了多少个。如果来源有更新的内容，副本的设置会显示一个警告，直到您重新打开邮件或单击从来源更新。如果来源被删除，副本会保留其最后的内容，您只能与来源分离。

添加链接

使用插入/编辑链接对话框设置收件人单击按钮或所选文本时发生的操作。选择一个操作类型，然后填写该操作的字段。

打开网站

收件人单击时打开一个链接。在 URL 中输入地址。

管理偏好链接

添加一个链接到 订阅偏好中心，收件人可以在其中选择他们接收的邮件类别。链接会自动插入。

取消订阅链接

让收件人根据法规和他们的偏好选择退出。

提示

您也可以在 HTML 块中添加取消订阅链接：

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

发送邮件时，%%PW_EMAIL_UNSUBSCRIBE%% 占位符将被替换为 Pushwoosh 的取消订阅 URL。

当收件人点击取消订阅链接时会发生什么

如果启用了订阅偏好中心

收件人仅从分配给该邮件的类别（例如，时事通讯）中取消订阅。类别名称将从他们的 已订阅邮件类别 标签中删除。

会出现一个确认屏幕，其中包含重新订阅和管理偏好选项。了解更多。

如果未启用订阅偏好中心

收件人将选择退出所有营销邮件，并且 已取消订阅的邮件 标签将设置为 true。交易邮件不受影响，将继续发送。了解更多关于消息类型的信息。

重要

为了让您能够向客户发送重要邮件，我们不会从您的用户群中删除已取消订阅的用户。

要继续向参与的收件人发送消息，请创建一个按已取消订阅的邮件 = false 过滤的 细分。为避免投诉，请勿向已取消订阅的收件人发送邮件。

点击次数将在 消息历史 的取消订阅率中计算。

网页版链接

为收件人提供邮件的网页版访问权限，如果他们在收件箱中查看时遇到问题，这会很有用。

不跟踪统计数据

收件人单击时打开一个链接，但不将该点击计入您邮件的点击统计数据。在 URL 中输入地址。

订阅表单确认链接

为订阅表单提交插入一个确认链接（例如，确认双重选择加入）。了解更多关于双重选择加入的信息。