使用内容组件 content-components

在创建电子邮件内容时,Content ​组件允许您使用原始空组件进一步个性化电子邮件,这些组件一旦放入电子邮件中即可使用。

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

添加内容组件 add-content-components

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

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

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

    {modal="regular"}

    note note
    NOTE
    可以将多个组件添加到单个结构以及结构的每一列中。
  3. 使用上下文​ 设置 ​选项卡调整每个组件的选项。 例如,您可以选择仅在桌面设备或移动设备上显示,或者同时在这两种设备上显示。 您还可以通过此选项卡管理链接选项。 了解有关管理链接的更多信息

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

    {modal="regular"}

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

容器 container

可以添加一个简单容器,并在其中添加另一个内容组件。这样一来,您可以将特定样式应用于该容器,这与内部使用的组件不同。

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

按钮 buttons

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

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

    {modal="regular"}

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

    {modal="regular"}

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

  4. 使用​ 目标 ​下拉列表选择内容的显示方式:

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

    {modal="regular"}

  5. 您可以通过从以下位置更改样式属性(例如​ 边框大小边距 ​等)来进一步个性化您的按钮:从​ 样式 ​选项卡。

文本 text

使用​ 文本 ​组件将文本插入电子邮件中,并使用​ 设置 ​和​ 样式 ​选项卡。

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

    {modal="regular"}

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

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

    {modal="regular"}

    • 更改文本样式:对文本应用粗体、斜体、下划线或删除线。
    • 更改对齐方式:为文本选择左对齐、右对齐、居中对齐或两端对齐。
    • 创建列表:将项目符号或编号列表添加到文本中。
    • 设置标题:向文本添加最多六个标题级别。
    • 字体大小:选择文本的字体大小(以像素为单位)。
    • 编辑图像:将图像或资产添加到文本组件。
    • 显示源代码:显示文本的源代码。不能修改。
    • 复制:添加文本组件的副本。
    • 删除:从电子邮件中删除选定的文本组件。
    • 添加个性化:添加个性化字段以自定义配置文件数据中的内容。
    • 启用条件内容:添加条件内容以使组件内容适应目标配置文件。
  4. 从以下位置调整其他样式属性,例如文本颜色、字体系列、边框、内边距、边距等:从​ 样式 ​选项卡。

    {modal="regular"}

分隔条 divider

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

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

HTML HTML

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

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

    {modal="regular"}

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

    {modal="regular"}

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

图像 image

使用​ 图像 ​组件可在电子邮件中插入计算机中的图像文件。

  1. 从​ 内容 ​菜单中,将​ 图像 ​拖放到​ 结构 ​组件中。

    {modal="regular"}

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

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

    {modal="regular"}

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

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

    {modal="regular"}

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

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

    {modal="regular"}

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

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

社交 social

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

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

  2. 单击新添加的组件。

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

    {modal="regular"}

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

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

    {modal="regular"}

  6. 如果需要,您还可以在​ Source ​字段中更改每个社交媒体的图标。

  7. 从以下位置调整其他样式属性(例如样式、边距、边框等):从​ 样式 ​选项卡。

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