51黑料不打烊

文档CampaignCampaign Web 用户界面

使用内容组件 content-components

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

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

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

添加内容组件 add-content-components

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

  1. 在电子邮件顿别蝉颈驳苍别谤中，使用现有内容或将? 结构 ?拖放到空内容中，以定义电子邮件的布局。 了解如何操作

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

    显示如何将内容组件拖放到Email Designer中的结构的屏幕截图。 {modal="regular"}

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

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

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

    显示Email Designer中内容组件的“设置”选项卡的屏幕截图。 {modal="regular"}

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

容器 container

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

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

显示如何在Email Designer中添加容器组件的屏幕截图。 {modal="regular"}

按钮 buttons

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

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

    显示如何在Email Designer中拖放按钮组件的屏幕截图。 {modal="regular"}

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

    显示Email Designer中按钮组件的“设置”选项卡的屏幕截图。 {modal="regular"}

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

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

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

    显示Email Designer中按钮组件的目标选项的屏幕截图。 {modal="regular"}

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

文本 text

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

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

    显示如何在Email Designer中拖放文本组件的屏幕截图。 {modal="regular"}

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

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

    屏幕截图显示Email Designer中的文本编辑工具栏。 {modal="regular"}

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

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

    显示Email Designer中文本组件的“样式”选项卡的屏幕截图。 {modal="regular"}

分隔条 divider

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

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

显示如何在Email Designer中添加分隔线组件的屏幕截图。 {modal="regular"}

HTML HTML

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

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

    显示如何在Email Designer中拖放HTML组件的屏幕截图。 {modal="regular"}

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

    显示Email Designer中HTML组件的源代码选项的屏幕截图。 {modal="regular"}

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

图像 image

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

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

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

    显示如何在Email Designer中拖放图像组件的屏幕快照。 {modal="regular"}

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

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

    显示Email Designer中图像组件的浏览选项的屏幕快照。 {modal="regular"}

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

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

    显示Email Designer中的资源选择过程的屏幕截图。 {modal="regular"}

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

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

    显示Email Designer中图像组件的“设置”选项卡的屏幕截图。 {modal="regular"}

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

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

社交 social

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

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

  2. 单击新添加的组件。

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

    显示Email Designer中社交组件的“设置”选项卡的屏幕截图。 {modal="regular"}

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

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

    显示Email Designer中社交媒体图标的URL配置的屏幕截图。 {modal="regular"}

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

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

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