从头开始设计电子邮件

了解如何主控电子邮件内容版本。 通过电子邮件设计器,您可以创建电子邮件和模板,无论这些电子邮件和模板是从您自己预定义的内容开始还是不从您自己的预定义内容开始。

以下是使用电子邮件设计器从头开始创建和设计电子邮件内容的主要步骤:

  1. 创建电子邮件并打开其内容。
  2. 添加结构组件以塑造电子邮件。 请参阅编辑电子邮件结构
  3. 在结构组件中插入内容组件和片段。 请参阅添加片段和内容组件
  4. 添加图像并编辑电子邮件的文本。 请参阅插入图像
  5. 通过添加个性化字段、链接等,个性化您的电子邮件。 请参阅插入个性化字段插入链接在电子邮件中定义动态内容
  6. 定义电子邮件的主题行。 请参阅个性化电子邮件的主题行
  7. 预览电子邮件.
  8. 保存您的内容,并在确保已定义受众并正确安排发送时间后继续处理您的消息。

您还可以查看此简介视频

注意

为避免从头开始设计电子邮件内容,您可以使用现成的内容模板。 有关详细信息,请参阅内容模板

定义电子邮件结构

电子邮件设计器使您能够轻松定义电子邮件的结构。 通过使用简单的拖放操作添加和移动结构元素,您可以在几秒钟内设计电子邮件的形状。

要编辑电子邮件的结构,请执行以下操作:

  1. 打开现有内容或创建新的电子邮件内容。

  2. 通过选择左侧的​+​图标访问​Structure components

  3. 拖放您需要塑造电子邮件结构的结构组件。

    在放置结构组件之前,蓝线将实现其确切位置。 您可以将其放在任何其他组件之上、之间或之下,但不能放在内部。

    注意

    请注意,列堆并非与所有电子邮件项目兼容。 不支持时,不会堆叠列。

    一旦放入电子邮件中,您便无法移动或删除您的组件,除非其中已经放置了内容组件或片段。

  4. 有多个由一个或多个列组成的结构组件可用。

    选择​n:n column​组件以定义所选列数(3到10列)。 您还可以通过移动每列底部的箭头来定义每列的宽度。

    注意

    每个列大小不能低于结构组件总宽度的10%。 无法删除非空列。

定义结构后,您便可以向电子邮件中添加内容片段和组件。

使用前标

标题是简短的摘要文本,在您从收件箱中查看电子邮件时,该文本会跟随主题行。 预报头提供更高的打开率。

选择​Preheader​编辑框并完成内容。

您可以在前标内容中添加​Content blockDynamic content​或​Personalization fields

注意

请注意,标题与所有电子邮件项目不兼容。 不支持时,将不显示Preheader。

使用内容组件

内容组件是原始的空组件,放置到电子邮件中后即可进行编辑。

您可以在结构组件中添加任意所需数量的内容组件。 也可以在结构组件中或将它们移动到其他结构组件中。

以下是电子邮件设计器中可用组件的列表:

Button

如果您需要使用多个按钮,而不是从头开始编辑每个按钮,则可以使用上下文工具栏重复​Button​组件。

您还可以将按钮保存到可重用的片段中。 有关此方面的详细信息,请参阅创建内容片段将内容另存为片段

选择​Fallback view​以在电子邮件设计器中显示回退图像。

Text

使用此组件可在电子邮件中插入文本。 您可以在​Component Settings​中调整文本的颜色、样式和大小。

Divider

使用此组件可在电子邮件中插入分隔线。 可以在​Component Settings​中选择断线的颜色、样式和大小。

HTML

使用此组件可复制粘贴现有HTML的不同部分。 这使您能够创建免费的模块化HTML组件。

注意

免费的HTML组件可编辑,但选项有限。 如果未嵌入所有样式,请确保在HTML代码的​head​部分添加正确的CSS,否则电子邮件将无响应。 使用​Preview​按钮测试内容的响应性(请参阅预览消息)。

要使外部内容与电子邮件设计器兼容,Adobe建议从头开始创建邮件,并将现有电子邮件中的内容复制到片段和组件中。

当您有无法重新创建的内容时,可以使用​Html​内容组件从原始电子邮件中复制粘贴HTML代码。 在继续操作之前,请确保您熟悉HTML。

注意

新内容不会是原始电子邮件的精确副本,但以下步骤将指导您完成尽可能接近的邮件创建过程。

复制内容前

  1. 在原始电子邮件中,确定将对要发送的每封电子邮件具有唯一性的章节中可重复使用的章节。
  2. 保存您要使用的所有图像和资产。
  3. 如果您熟悉HTML,请将原始HTML内容分为不同部分。

视频

将视频组件插入电子邮件的结构组件中,并在​Component Settings​中输入视频链接。

注意

请注意,视频并非与所有电子邮件项目兼容。 不支持时,将显示回退。

图像

使用此组件可在电子邮件中插入图像。

将图像组件插入结构组件中,然后单击“浏览”从您的计算机上传图像文件。

Social

使用此组件可在电子邮件中插入指向社交媒体页面的链接。 您可以选择要显示的链接及其图标在​Component Settings​中的大小。

  1. 将​Carousel​组件拖放到结构组件中。

  2. 从计算机中浏览以选择图像。

  3. 在​Settings​窗格中,设置要在传送中显示的缩略图数。

  4. 从您的计算机中选择回退映像。

传送组件与所有电子邮件项目不兼容。 当电子邮件中不支持传送时,上传回退以显示图像。

注意

传送组件与以下电子邮件平台兼容:Apple Mail 7、Apple Mail 8、Outlook 2011(Mac)、Outlook 2016(Mac)、Mozilla Thunderbird、iPad和iPad mini iOS、iPhone iOS、Android、AOL(Chrome、Firefox和Safari)。

相关主题

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now