使用现有内容进行设计

选择现有内容

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

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

注意

下图显示了如何使用Email Designer加载现有内容。

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

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

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

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

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

    注意

    Email Designer使用特定标记。 上传到Campaign的标准HTML内容必须与预期的标记相匹配,才能在Email Designer中完全兼容和可编辑。 如果不匹配,则内容将以兼容模式上传。 要兼容现有内容,请参阅此部分

相关主题:

使用Email Designer编辑现有内容

要充分利用Email Designer的版本可能性,您上传的HTML必须包含特定标记,以使其与WYSIWYG编辑器兼容。

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

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

导入现有电子邮件内容

从文件导入内容

在Email Designer主页中,单击​Upload​按钮以从计算机上传文件,然后进行确认。

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

支持以下格式进行导入:

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

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

从URL导入内容

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

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

  • 出于安全考虑,只允许使用以​https​开头的URL。

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

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

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

要从URL检索现有内容,请执行以下步骤:

  1. 从Email Designer主页中,选择​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. 单击屏幕顶部的电子邮件标签以访问Email Designer Properties​选项卡。

  2. 找到​Remote URL​字段。

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

    例如,使用​Current date - YYYYMMDD​内容块可插入当天的日期。

    注意

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

兼容性模式

在上传内容时,内容必须包含特定标记,才能与Email Designer的WYSIWYG编辑器完全兼容和可编辑。

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

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

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

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

有关将现有电子邮件转换为与Email Designer兼容的电子邮件的更多信息,请参阅此部分

相关主题

转换HTML内容

如果要构建一个模块化模板和片段框架,以将其组合在多封电子邮件中重复使用,则应考虑将电子邮件HTML转换为Email Designer模板。

此用例提供了一种将HTML电子邮件转换为Email Designer组件的快速方法。

注意

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

注意

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

在Email Designer之外,确保将原始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) -->

识别所有块后,在Email Designer中,对现有电子邮件的每个部分重复以下步骤:

  1. 打开Email Designer以创建空的电子邮件内容。

  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>
    
    注意

    请确保在另一个自定义样式标记中将样式添加到此之后。

    请勿修改由Email Designer生成的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. 返回到移动设备视图,检查内容是否正确显示并保存更改。

在此页面上