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

YouTube 视频：使用 Pushwoosh 拖放式邮件编辑器在几分钟内创建引人入胜的邮件内容

拖放式 (Drag & drop) 邮件编辑器使您无需编码或设计技能即可轻松设计邮件。它提供了广泛的内容元素和布局，以满足您的特定要求。

注意

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

重要

在开始创建邮件内容之前，必须在您选择的邮件编辑器中正确设置您的邮件。这包括配置语言、指定主题行、提供发件人信息等。了解如何操作。

在拖放式邮件编辑器中，您可以从头开始，也可以从各种预先设计的模板中进行选择。我们为常见场景提供了现成的模板，例如废弃购物车、预约提醒、订单确认和重新激活。您可以轻松编辑和自定义这些模板以满足您的需求。

如果您希望完全控制您的设计，请选择 Blank template (空白模板)，从头开始构建一个完全自定义的邮件。

拖放式编辑器中的关键选项卡

拖放式编辑器包含四个关键选项卡：

内容

此选项卡允许您通过插入各种内容元素来构建邮件布局。

区块

使用现成的区块创建独特的布局。您可以根据需要向邮件中添加任意数量的区块，以实现个性化外观。

正文

在此选项卡中，您可以管理邮件的整体设置，包括预标题、文本和链接格式。

图片

此选项卡使您能够搜索图库图片或使用 AI 生成独特的图片。

自定义邮件布局

首先，转到 区块选项卡 为您的邮件提供基本结构。

拖放式邮件编辑器提供了根据您的需求调整邮件布局的灵活性。您可以根据需要添加任意数量的行，并设置不同数量的列。

要构建邮件布局，请将区块从编辑器面板拖放到邮件正文中。

在 区块 选项卡中，您可以选择为列和行指定属性。

对于 列，您可以自定义以下内容：

• 背景颜色
• 内边距
• 边框

对于 行，您可以指定以下内容：

• 背景颜色
• 内容背景颜色
• 背景图片。您可以上传图片，从图库中选择一张，或提供自定义图片 URL。

创建邮件内容

在构建了邮件的基本结构之后，是时候开始添加内容了。

在 内容 选项卡中，您可以向邮件中插入各种内容元素，包括：

• 标题
• 文本
• 图片
• 按钮
• HTML
• 分隔线
• 菜单
• 取消订阅链接

要将这些内容元素包含在您的邮件中，只需从菜单中选择一个元素并将其拖到左侧的邮件中。

添加标题

要插入标题，只需将 标题 元素拖到邮件正文中。

您可以自己编写标题，也可以使用我们的 智能标题 AI 工具来帮助您生成有效的标题。为此，请单击 获取建议 并输入几个词。该工具将提供各种标题选项。

此外，您还可以为您的标题选择所需的语气。

如果您对结果不满意或需要更多标题选项，只需点击 刷新 按钮。

当您点击邮件正文中的标题时，会出现一个格式工具栏，允许您选择格式样式、添加链接或添加一些表情符号。

个性化标题

您还可以直接从工具栏个性化您的标题。为此，只需选择 合并标签，然后在下拉菜单中选择您希望合并到标题中的标签。

在右侧窗格中，您还可以灵活地调整各种文本设置，例如：

• 标题级别
• 字体系列、粗细和大小
• 文本颜色
• 文本对齐
• 行高
• 链接样式
• 内边距
• 响应式设计等。

添加文本

要将文本包含在您的邮件中，请将 文本 元素拖到邮件正文中，然后键入或粘贴您的文本。如果您正在粘贴内容，您可以选择保留或删除文本的格式。

当您点击文本时，会出现一个工具栏，提供格式化文本的选项。

个性化文本

要个性化您的文本，请在工具栏中点击 合并标签，然后从下拉菜单中选择您想要包含的标签。

要使用 AI 提高您的写作质量，请在工具栏中选择 智能文本，然后选择您希望 AI 帮助您处理文本的具体方式。

添加图片

要在您的邮件中插入图片元素，请将 图片 元素拖到您希望它在邮件中出现的位置。

您有多种添加图片的选项：

• 要上传图片，请点击右侧窗格中的 上传图片。
• 在图片 URL 字段中添加您希望使用的图片链接。
• 要重复使用您 媒体库 中的图片，请在那里复制其 URL 并将其粘贴到图片 URL 字段中。
• 要从图库中选择图片，请点击 更多图片，然后选择 图库照片 以找到所需的照片。

• 您还可以利用 魔术图片 AI 工具来生成您需要的独特图片。

要为您的图片添加效果，请点击右侧窗格中的 应用效果。在弹出窗口中，为图片选择所需的效果，然后点击 保存 以应用它。

您还可以查看您对图片所做更改的历史记录，并通过点击顶部的 历史记录 图标来撤销它们。

添加按钮

要将按钮包含在您的邮件中，请从编辑器的右侧窗格中拖动 按钮 元素。

您可以输入自定义按钮文本，也可以利用 智能按钮 AI 工具为您生成文本。

接下来，指定按钮被点击时的操作类型，并提供一个 URL 和一个目标选项卡。

此外，您还可以配置按钮选项、间距偏好和响应式设计设置。

添加 HTML

您还可以选择将 HTML 代码合并到您的邮件中。为此，请将 HTML 元素拖到左侧，并将代码插入到右侧窗格的 HTML 字段中。

添加菜单

您可以将交互式菜单合并到您的邮件中，以简化导航并提高点击率，为收件人提供一种有组织且引人入胜的方式来探索您的内容。
为此，请将 菜单 元素拖到邮件正文中并包含菜单项。然后为每个菜单项指定文本，插入 URL，并选择目标选项卡。

您还可以自定义样式，调整容器内边距，并决定是否在移动或桌面设备上显示菜单。

添加分隔线

为了使您的邮件结构良好并强调最重要的区块，请使用 分隔线。分隔线是您可以放置在元素区块之间的一条线。

要添加分隔线，请从右侧窗格中拖动 分隔线 元素并自定义其外观。

添加计时器

计时器元素可让您为限时优惠或即将举行的活动显示倒计时。这是制造紧迫感并鼓励用户在时间耗尽前采取行动的好方法。 要添加计时器：

1. 将 计时器 元素拖到您的邮件或消息布局中。
2. 设置倒计时的结束日期和时间。
3. 选择时区，以便倒计时能为您的受众正确显示。
4. 为时间单位标签（天、小时、分钟、秒）选择一种语言。
5. 根据您是否希望显示单位名称，打开或关闭标签。
6. 自定义计时器的外观以匹配您的设计。

添加链接

要向您的邮件添加链接，请选择您想要插入链接的文本，然后点击工具栏中的链接图标。

在 操作类型 下拉菜单中选择：

• 打开网站
• 管理偏好设置链接
• 取消订阅链接
• 网页版本链接
• 不跟踪统计数据

打开网站

选择此选项可插入一个将收件人引导至外部网站的超链接。点击后，收件人将被带到您指定的特定网页。

在 URL 字段中，输入您想要链接到的网站的完整网址。

设置 目标 选项以定义链接将如何打开：

• 新标签页：链接在新的浏览器标签页中打开。
• 同一标签页：链接在同一标签页中替换当前页面。

管理偏好设置链接

选择此选项可添加一个指向 订阅偏好设置中心 的链接，收件人可以在其中选择他们接收的邮件类别。链接将自动插入。

取消订阅链接

在您的邮件中包含一个取消订阅链接，以便收件人可以根据法规和他们的偏好选择退出。

要添加取消订阅链接：

1. 高亮显示您想用作链接的文本。
2. 在格式工具栏中点击 链接 图标。
3. 在 插入/编辑链接 窗口中，从 操作类型 下拉菜单中选择 取消订阅链接。
4. 可选地，在 重定向（可选） 中输入一个 URL，以便在用户取消订阅后将他们发送到您自己的页面。
5. 点击 保存。

此外，您也可以直接在 HTML 区块中添加链接：

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

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

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

如果订阅偏好设置中心已启用

用户仅从分配给该邮件的类别（例如，新闻通讯）中取消订阅。类别名称会添加到他们的 已取消订阅的邮件类别 标签中。

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

如果订阅偏好设置中心未启用

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

重要

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

要继续向活跃的收件人发送消息，请创建一个按 Unsubscribed Emails = false 筛选的 细分。为避免投诉，请勿向已取消订阅的用户发送邮件。

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

网页版本链接

选择此选项可为收件人提供访问您邮件的网页版本的权限，如果收件人在其收件箱中查看邮件时遇到困难，这会很有用。

要启用此功能，请联系我们的支持团队。

不跟踪统计数据

如果您不希望系统跟踪链接的点击或互动，请使用此选项。当收件人与此链接互动时，不会记录任何跟踪数据。

添加预标题

在 正文 选项卡中，您可以选择包含一个预标题，这是收件人在收件箱中查看邮件时，出现在主题行后面的简短摘要文本。

保存内容区块以备将来使用

在设计您的邮件内容时，您可以保存特定的内容区块以备将来使用。

1. 在您完成区块后，点击 保存区块 选项。

2. 在弹出窗口中，输入一个类别名称来组织您的区块（例如，“促销”、“新闻通讯”）。添加相关的 标签，用逗号分隔（例如，“促销，折扣，夏季”），以帮助分类和搜索您的区块。

输入类别和标签后，点击 保存 按钮以存储该区块以备将来使用。

您现在可以在邮件编辑器的 区块 部分访问您保存的区块。这使您可以轻松地在不同的邮件营销活动中重复使用内容。

配置整体内容设置

此外，在 正文 选项卡中，您可以配置邮件的整体设置，包括文本颜色、背景颜色、内容宽度、对齐方式、字体系列和粗细等元素。

访问庞大的图片库

在 图片 选项卡中，您可以访问来自 Unsplash、Pexels 和 Pixabay 的庞大图片库，所有这些图片都根据 Creative Commons Zero 许可。您还可以使用魔术图片工具生成自定义图片。

要将图片合并到您的邮件中，只需将其拖到右侧所需的位置。

预览并保存您的邮件

当您的邮件内容准备好后，您可以通过点击编辑器底部的 预览 图标来查看其外观。在这里，您可以查看桌面、平板和移动设备的预览，以及检查您的邮件在深色和浅色模式下的外观。

在您完成创建邮件后，点击编辑器顶部的 保存 按钮。

在弹出窗口中，为您的邮件起一个清晰的名称，可以与您的主题行相同。此外，创建一个标签以帮助您轻松地在邮件内容列表中找到您的邮件。如果您还没有设置发件人详细信息，请确保也这样做。然后，点击 保存。

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

发送测试邮件

在发送您的邮件营销活动之前，您可以发送一封测试邮件来预览内容在收件人收件箱中的显示方式。这使您可以在最终确定营销活动之前审查布局、内容和任何个性化元素，以确保准确性。如果需要，根据测试结果调整内容。

注意

如果 KYC (了解您的客户) 未完成，您仍然可以通过验证测试邮件地址来发送测试邮件。为此，请转到 测试设备 部分，添加您想要用于测试的邮件地址，并完成验证过程。

要发送测试邮件，请在邮件编辑器中点击 测试邮件。

在打开的窗口中：

1. 在 邮件地址 字段中，输入您希望接收测试邮件的邮件地址。

如果 KYC 尚未完成，您需要从测试地址列表中选择一个已验证的邮件地址，而不是输入邮件地址。

2. 如果您的邮件包含动态内容字段（如 first name、city 或 favourite_category），您可以通过输入手动测试值来预览个性化将如何显示。打开您想要测试的字段，然后输入示例值。

例如：

• City (string): New York
• Favourite_category (string): Sushi
• First name (string): John

3. 填写完必要的详细信息后，点击 发送测试邮件 将测试消息发送到提供的邮件地址。