使用现有内容进行设计

选择现有内容

Adobe Campaign附带一组预定义的内容,可帮助您快速入门。 您可以使用其中一项,或者,如果需要发送的消息的内容是在Adobe Campaign之外准备的,则可以从计算机或URL导入该消息。

创建电子邮件或登陆页时,您可以选择从其他源加载现有内容。

注意

下图显示了如何使用电子邮件设计器加载现有内容。

  1. 创建电子邮件或登陆页后,打开其内容。

  2. 单击主页图标以访问​Email Designer​主页。

  3. 选择要加载的内容的源:

  4. 加载内容。 所选内容将替换当前内容。

    导入后,内容即可进行编辑和个性化。

    注意

    电子邮件设计器使用特定标记。 上传到活动的标准HTML内容必须与期望的标签相匹配,才能完全兼容并从电子邮件设计器中进行编辑。 如果不匹配,您的内容将以兼容模式上传。 要使现有内容兼容,请参阅此部分

相关主题:

使用电子邮件设计器编辑现有内容

要充分利用电子邮件设计器的编辑可能性,您上传的HTML必须包含使其与WYSIWYG编辑器兼容的特定标记。

如果HTML的全部或部分没有此标记,则内容随后将以“ 兼容模式”加载。

要使现有外部内容在电子邮件设计器中完全可编辑,请参阅使用现有内容设计电子邮件部分。

导入现有电子邮件内容

从文件导入内容

在“电子邮件设计器”主页中,单击​Upload​按钮从计算机上传文件,然后进行确认。

zip文件结构没有限制。 但是,引用HTML文件必须是相对的,并且必须遵循zip文件夹的树结构。

支持以下格式进行导入:

  • 带有合并样式表的HTML文件
  • 包含HTML文件、样式表(.CSS)和图像的。zip文件夹
注意

对于电子邮件内容,我们建议您导入一个包含样式表的HTML文件。

从URL导入内容

在从URL导入内容之前,请确保它符合以下要求:

  • 内容需要通过此URL公开。

  • 出于安全原因,仅允许以​https​开头的URL。

  • 确保所有资源(图像、CSS)均在绝对链接和HTTPS中设置。 否则,在发送电子邮件后,镜像页面将在没有其资源的情况下显示。 以下是绝对链接定义的示例:

    <a href="https://www.mywebsite.com/images/myimage.png">
    
注意

从URL加载内容仅适用于电子邮件渠道。

要从URL检索现有内容,请按照以下步骤操作:

  1. 从“电子邮件设计器”主页中,选择​Import from URL​按钮。

  2. 定义从中检索内容的URL。

  3. 单击 Confirm.

在视频中发现此功能.

此处提供其他Campaign Standard操作方法视频。

在准备时从URL自动检索内容

在准备邮件期间从URL导入内容使您能够在每次准备电子邮件时检索最新的HTML内容。 这样,重复电子邮件的内容在发送时始终保持最新。 此功能还允许您创建预定在特定日期的消息,即使该内容尚未准备就绪。

要在准备时检索内容,请执行以下步骤:

  1. 选择​Content imported during preparation​选项。

  2. URL内容在编辑器中显示为只读。

    注意

    在此步骤中,不应考虑内容编辑器中的HTML显示。 将在准备阶段检索。

  3. 要预览已检索的URL内容,请在创建消息后打开该消息,然后单击​Preview​按钮。

可以对从中检索内容的远程URL进行个性化。 为此请执行以下操作步骤:

  1. 单击屏幕顶部的电子邮件标签以访问电子邮件设计器​Properties​选项卡。

  2. 查找​Remote URL​字段。

  3. 插入所需的个性化字段、内容块或动态文本。

    例如,Current date - YYYYMMDD​内容块允许您插入日期。

    注意

    可用个性化字段仅链接到​投放​属性(电子邮件创建日期、状态、活动标签……)。

兼容性模式

上传内容时,内容中必须包含特定标记,以使其完全符合规范并可以使用电子邮件设计器的WYSIWYG编辑器进行编辑。

如果所上传HTML的全部或部分内容不符合预期的标记,则内容将以“兼容性模式”加载,这将限制通过UI进行编辑的可能性。

当内容以兼容模式加载时,您仍可以通过界面执行以下修改(不可用的操作被隐藏):

  • 更改文本或更改图像
  • 插入链接和个性化字段
  • 编辑选定HTML块上的一些样式选项
  • 定义条件内容

其他修改(如向电子邮件添加新章节或高级样式)必须直接在电子邮件的源代码中通过HTML模式进行。

有关将现有电子邮件转换为与电子邮件设计器兼容的电子邮件的更多信息,请参阅本节

相关主题

转换HTML内容

如果要构建一个模块化模板和片段框架,这些模板和片段可以合并在多个电子邮件中重复使用,您应考虑将电子邮件HTML转换为电子邮件设计器模板。

此用例优惠了将HTML电子邮件转换为电子邮件设计器组件的快速方法。

注意

此部分面向熟悉HTML代码的高级用户。

注意

与兼容性模式一样,HTML组件也可编辑,但选项有限:只能执行就地版本。

在电子邮件设计器之外,确保将原始HTML分为可重用的部分。

如果不是这样,请从HTML中剪切不同的块。 例如:

<!-- 3 COLUMN w/CTA (SCALED) -->
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:680px;">
<tbody>
<tr>
<td class="padh10" align="center" valign="top" style="padding:0 5px 20px 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tbody>
<tr>
...
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- //3 COLUMN w/CTA (SCALED) -->

在确定所有区块后,在电子邮件设计器中,对现有电子邮件的每个区域重复以下步骤:

  1. 打开电子邮件设计器以创建空的电子邮件内容。

  2. 设置正文级属性:背景颜色、宽度等。 有关更多信息,请参阅编辑电子邮件样式

  3. 添加结构组件。 有关更多信息,请参阅编辑电子邮件结构

  4. 添加HTML组件。 有关更多信息,请参阅添加片段和组件

  5. 将HTML复制并粘贴到该组件中。

  6. 切换到移动视图。 有关更多信息,请参阅此章节

    响应式视图中断,因为您的CSS缺失。

  7. 要解决此问题,请切换到源代码模式,并将样式部分复制粘贴到新样式部分。 例如:

    <style type="text/css">
    a {text-decoration:none;}
    body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
    img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
    ...
    </style>
    
    注意

    确保在此之后在另一个自定义样式标签中添加样式。

    请勿修改电子邮件设计器生成的CSS:

    • <style data-name="default" type="text/css">(##)</style>
    • <style data-name="supportIOS10" type="text/css">(##)</style>
    • <style data-name="mediaIOS8" type="text/css">(##)</style>
    • <style data-name="media-default-max-width-500px" type="text/css">(##)</style>
    • <style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
  8. 返回移动视图,检查内容是否正确显示并保存更改。

在此页面上