跳到内容

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

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

拖放邮件编辑器让您无需编码或设计技能即可轻松设计电子邮件。它提供了广泛的内容元素和布局,以满足您的特定要求。

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

如果您希望完全控制您的设计,请选择空白模板,从头开始构建一封完全定制的电子邮件。

在 Pushwoosh 编辑器中选择邮件模板

拖放编辑器的主要选项卡

Anchor link to

拖放编辑器包含四个主要选项卡:

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

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

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

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

自定义邮件布局

Anchor link to

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

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

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

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

对于,您可以自定义以下内容:

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

对于,您可以指定以下内容:

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

创建邮件内容

Anchor link to

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

内容选项卡中,您可以向电子邮件中插入各种内容元素,包括:

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

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

添加标题

Anchor link to

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

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

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

为 AI 生成的标题选择语气

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

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

个性化标题

Anchor link to

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

在标题中插入合并标签

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

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

添加文本

Anchor link to

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

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

文本格式工具栏

个性化文本

Anchor link to

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

在文本中插入合并标签

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

添加图片

Anchor link to

要在您的电子邮件中插入图片元素,请将图片元素拖到您希望它在电子邮件中的位置。

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

  • 要上传图片,请单击右侧窗格中的上传图片
  • 在图片 URL 字段中添加您希望使用的图片的链接。
  • 要从图库中选择图片,请单击更多图片,然后选择图库以查找所需的照片。
添加图片
  • 您还可以利用魔法图片 AI 工具来生成您需要的独特图片。

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

应用图片效果

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

查看图片编辑历史

添加按钮

Anchor link to

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

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

接下来,指定按钮被点击时的操作类型,并提供一个 URL 和一个目标标签页。

设置按钮操作和 URL

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

添加 HTML

Anchor link to

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

添加菜单

Anchor link to

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

添加带链接的邮件菜单

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

添加分隔线

Anchor link to

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

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

添加计时器

Anchor link to

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

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

添加链接

Anchor link to

要向您的电子邮件添加链接,请选择您要插入链接的文本,然后单击工具栏中的链接图标。

在文本中插入链接

在您的电子邮件中添加或编辑链接时,您有多种选项来定义链接的行为。可用的操作包括:

  • 打开网站
  • 网页版链接
  • 不跟踪统计数据
  • 退订链接
选择链接操作类型

打开网站

Anchor link to

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

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

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

  • 新标签页:链接在新浏览器标签页中打开。
  • 同一标签页:链接在同一标签页中替换当前页面。
设置 URL 和目标标签页

网页版链接

Anchor link to

选择此选项可让收件人访问您电子邮件的网页版本,如果收件人在其收件箱中查看电子邮件时遇到困难,这会很有用。

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

不跟踪统计数据

Anchor link to

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

退订链接

Anchor link to

请务必在您的电子邮件中包含一个退订链接,以便为收件人提供一个轻松选择退出未来通信的选项,以遵守法规,并尊重他们对接收电子邮件的偏好。

如果您想通过 HTML 直接将退订链接包含在您的电子邮件中,请按如下方式将退订链接添加到您的电子邮件中:

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

属性值 %%PW_EMAIL_UNSUBSCRIBE%% 将在您发送电子邮件时被 Pushwoosh 退订链接替换。当收件人点击该链接时,他们将选择退出您的电子邮件,并计入该特定电子邮件在消息历史记录中的退订率。

退订链接的 HTML 代码

您可以灵活地使用电子邮件中的任何文本创建自定义退订链接。这将引导用户进入一个您已成功退订的页面。

以下是创建自定义退订链接的方法:

  1. 突出显示您要用作退订链接的文本。
  2. 单击格式工具栏中的链接图标。
  3. 在弹出窗口中,从操作类型下拉菜单中选择退订链接选项。

添加预标题

Anchor link to

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

设置邮件预标题文本

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

Anchor link to

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

  1. 完成区块后,单击保存区块选项。
保存内容区块
  1. 在弹出窗口中,输入一个类别名称来组织您的区块(例如,“促销”、“新闻通讯”)。添加相关的标签,用逗号分隔(例如,“促销, 折扣, 夏季”),以帮助分类和搜索您的区块。
为已保存的区块添加标签

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

保存已标记的内容区块

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

配置整体内容设置

Anchor link to

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

访问庞大的图片库

Anchor link to

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

要将图片合并到您的电子邮件中,只需将其拖到右侧所需的位置即可。

预览并保存您的电子邮件

Anchor link to

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

完成电子邮件创建后,单击编辑器顶部的保存按钮。

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

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

发送测试邮件

Anchor link to

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

要发送测试邮件,请在邮件编辑器中单击测试邮件

点击发送测试邮件

在打开的窗口中:

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

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

选择已验证的测试邮件地址
  1. 如果您的电子邮件包含动态内容字段(如 first namecityfavourite_category),您可以通过输入手动测试值来预览个性化的显示方式。打开您要测试的字段,然后输入示例值。

例如:

  • City (string): New York
  • Favourite_category (string): Sushi
  • First name (string): John
输入个性化测试值
  1. 填写完必要的详细信息后,单击发送测试邮件以将测试消息发送到提供的电子邮件地址。