文档CampaignCampaign Web 用户界面

使用内容组件

Last update: Thu Apr 17 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

在创建电子邮件内容时，Content ​组件允许您使用原始空组件对电子邮件进行个性化设置，您可以在放入电子邮件后使用这些组件。

您可以根据需要在​ 结构 ​中添加任意数量的​ 内容，该结构定义了电子邮件的布局。

添加内容组件

要将内容组件添加到您的电子邮件中，并根据您的需要调整这些内容组件，请执行以下步骤。

  1. 在电子邮件Designer中，使用现有内容或将​ 结构 ​拖放到空内容中，以定义电子邮件的布局。 了解如何操作

  2. 将您选择的​ Content ​拖放到相关结构中。

    显示如何将内容组件拖放到Email Designer中的结构的屏幕截图。

    NOTE
    可以将多个组件添加到单个结构以及结构的每一列中。

  3. 使用上下文​ 设置 ​选项卡调整每个组件的选项。 例如，选择仅在桌面或移动设备上显示，或同时在这两种设备上显示。 您还可以通过此选项卡管理链接选项。 了解有关管理链接的更多信息

  4. 使用​ 样式 ​选项卡调整每个组件的样式属性。 例如，更改每个组件的文本样式、填充或边距。 了解有关对齐方式和内边距的更多信息

    显示Email Designer中内容组件的“设置”选项卡的屏幕截图。

  5. 从右窗格上​ Content ​的高级菜单中，根据需要删除或复制任何内容组件。

容器

可以添加一个简单容器，并在其中添加另一个内容组件。这允许您向容器应用特定样式，这与内部使用的组件不同。

例如，添加一个​ 容器 ​组件，然后在该容器中添加一个按钮组件。为容器使用特定背景，为按钮使用另一个背景。

显示如何在Email Designer中添加容器组件的屏幕截图。

按钮

使用​ 按钮 ​组件可将一个或多个按钮插入电子邮件中，并将电子邮件受众重定向到另一个页面。

  1. 从​ 内容 ​列表中，将​ 按钮 ​组件拖放到​ 结构 ​组件中。

    显示如何在Email Designer中拖放按钮组件的屏幕截图。

  2. 单击新添加的按钮以个性化文本，并访问​ 设置 ​和​ 样式 ​选项卡。

    显示Email Designer中按钮组件的“设置”选项卡的屏幕截图。

  3. 在​ 设置 ​选项卡的​ URL ​字段中，添加单击该按钮时要重定向到的URL。

  4. 使用​ Target ​下拉列表选择内容的显示方式：

    • 无：单击时在同一框架中打开链接（默认）。
    • 空白：在新窗口或标签页中打开链接。
    • 自身：单击时在同一框架中打开链接。
    • 父：在父框架中打开链接。
    • 顶部：在窗口的整个正文中打开链接。

    显示Email Designer中按钮组件的目标选项的屏幕截图。

  5. 通过从​ 样式 ​选项卡中更改样式属性（如​ Border、Size、Margin ​等），进一步个性化您的按钮。

文本

使用​ 文本 ​组件将文本插入电子邮件中，并使用​ 设置 ​和​ 样式 ​选项卡调整样式（边框、大小、内边距等等）。

  1. 从​ 内容 ​菜单中，将​ 文本 ​拖放到​ 结构 ​组件中。

    显示如何在Email Designer中拖放文本组件的屏幕截图。

  2. 单击新添加的组件以个性化文本，并访问​ 设置 ​和​ 样式 ​选项卡。

  3. 使用上下文工具栏中的以下选项更改文本：

    屏幕截图显示Email Designer中的文本编辑工具栏。

    • 更改文本样式：对文本应用粗体、斜体、下划线或删除线。
    • 更改对齐方式：选择文字的左对齐、右对齐、居中对齐或两端对齐方式。
    • 创建列表：在文本中添加项目符号或编号列表。
    • 设置标题：向文本添加最多六个标题级别。
    • 字体大小：选择文本的字体大小（以像素为单位）。
    • 编辑图像：将图像或资产添加到文本组件。
    • 显示源代码：显示文本的源代码。不能修改。
    • 复制：添加文本组件的副本。
    • 删除：从电子邮件中删除选定的文本组件。
    • 添加个性化：添加个性化字段以自定义轮廓数据中的内容。
    • 启用条件内容：添加条件内容，使组件的内容适应目标配置文件。

  4. 从​ 样式 ​选项卡中调整其他样式属性，例如文本颜色、字体系列、边框、边距、边距等。

    显示Email Designer中文本组件的“样式”选项卡的屏幕截图。

分隔条

使用​ 分隔条 ​组件可插入分隔线来整理电子邮件的版面和内容。

您可以从​ 样式 ​选项卡中调整样式属性，例如线条的颜色、样式和高度。

显示如何在Email Designer中添加分隔线组件的屏幕截图。

HTML

使用​ HTML ​组件复制并粘贴现有HTML的各个部分。 这使您能够创建免费的模块化HTML组件以重用外部内容。

  1. 从​ 组件 ​中，将 HTML 组件拖放到​ 结构 ​组件中。

    显示如何在Email Designer中拖放HTML组件的屏幕截图。

  2. 单击新添加的组件，然后从上下文工具栏中选择​ 显示源代码 ​以添加 HTML。

    显示Email Designer中HTML组件的源代码选项的屏幕截图。

NOTE
为了使外部内容与Email Designer兼容，Adobe建议从头开始创建消息，并将现有电子邮件的内容复制到组件中。

图像

IMPORTANT
Assets菜单的访问仅限于拥有有效Adobe Experience Manager as a Cloud Service许可证的用户。 如果您没有此许可证，则 Assets 菜单将不可用。

使用​ Image ​组件将图像文件从您的计算机插入到您的电子邮件中。

  1. 从​ Content ​菜单中，将​ Image ​拖放到​ Structure ​组件中。

    显示如何在Email Designer中拖放图像组件的屏幕快照。

  2. 单击​ 浏览 ​从资源中选择图像文件。 您还可以选择​ 导入您的媒体。

    要了解有关在Adobe Experience Manager中上传和添加资源的更多信息，请参阅Adobe Experience Manager as a Cloud Service文档。

    显示Email Designer中图像组件的浏览选项的屏幕快照。

  3. 在文件夹中导航以找到所需的特定资源，或使用搜索栏高效地找到所需资源。

    找到要查找的资源后，单击​ 选择。

    显示Email Designer中的资源选择过程的屏幕截图。

  4. 单击新添加的组件，然后使用​ 设置 ​选项卡设置图像属性：

    • 图像标题 ​允许您定义图像的标题。
    • 使用​ 替代文字 ​可以定义链接到图像的题注。这对应于 alt HTML 属性。

    显示Email Designer中图像组件的“设置”选项卡的屏幕截图。

  5. 添加链接以将受众重定向到其他内容。 了解详情

  6. 使用​ 样式 ​选项卡调整其他样式属性，例如边距、边框和其他样式。

社交

使用​ 社交 ​组件可将指向社交媒体页面的链接插入到电子邮件内容中。

  1. 从​ 组件 ​菜单中，将​ 社交 ​组件拖放到​ 结构 ​组件中。

  2. 单击新添加的组件。

  3. 在​ 设置 ​选项卡的​ 社交 ​字段中，选择要添加或删除的社交媒体。

    显示Email Designer中社交组件的“设置”选项卡的屏幕截图。

  4. 在​ 图像大小 ​字段中选择图标的大小。

  5. 单击每个社交媒体图标以配置将受众重定向到的 URL。

    显示Email Designer中社交媒体图标的URL配置的屏幕截图。

  6. 如果需要，请在​ Source ​字段中更改每个社交媒体的图标。

  7. 从​ 样式 ​选项卡中调整其他样式属性，例如样式、边距、边框和其他样式。

recommendation-more-help
c39c2d00-ba9a-424b-adf9-66af58a0c34b