Show Menu
主题×

设计登陆页面

关于登陆页面内容设计内容设计

登录页面以任何营销活动 的形式创建
设计登陆页面时,您需要定义页面本身的内容、确认页面和错误页面。 使用操作栏下的切换器显示和配置每个页面。
登陆页面的内容通过Campaign内容编辑器进行设计。
如果您的实例是在Adobe Campaign Standard 19.0版本之前安装的,您仍可以访问旧版电子邮件内容编辑器。 界面、使用原则和配置基本上与登录页面的下面所述相同。 但是,在旧版电子邮件内容编辑器中可能不提供或维护所有功能,该编辑器从19.0版本开始已弃用。 要通过具有扩展功能的拖放界面快速编辑电子邮件内容,请使用电子邮 件设计器
本页介绍了登陆页面内容编辑器的特性。 有关一个或多个营销活动常见的操作的详细信息,请参阅设计电子邮件内容指 南中的这些部分 :
如果您有已预定义为HTML格式的登录页面,则可以使用按钮直接导入该 Change content 页面。
在Adobe Campaign中导入HTML页面之前,请确保在各种浏览器中正确打开和显示该页面。 如果HTML页包含JavaScript脚本,则需要在编辑器外执行这些脚本时不会出错。 通常,请避免在邮件内容中使用脚本,以确保电子邮件客户端正确处理该脚本。

登陆页面内容编辑器界面

登陆页面内容编辑器使您能够轻松定义、修改和个性化Adobe Campaign中的内容。 要访问它,请单击登 Content 录页面功能板中的块。
内容编辑器分为三个不同的部分。 这些部分允许您查看和编辑内容。
  1. 幕左侧的 “调色板”允许您修改链接到选定块的常规选项。 可修改的选项包括:背景颜色、边框、文本对齐、可见性条件等。 请参 阅插入个性化字段
  2. 作栏包含 页面的常规选项。 您可以选择模板并更改显示模式。
  3. 在主编 辑区域 ,您可以使用上下文工具栏直接与内容交互:在图像中插入链接、更改字体、删除字段等。
作栏包含 不同的按钮,可让您与创建的内容进行交互。
图标 按钮名称 渠道 说明
更改内容 登录页面和电子邮件 允许您选择现成内容或导入您自己的HTML内容。 请参阅 加载现有内容
撤消 全部 取消执行的上一个操作。
重做 全部 重新执行上次取消的操作。
显示块 登录页面和电子邮件 允许您显示内容块周围的框(与 <div> HTML标记相对应)。
显示源 登录页面和电子邮件 允许您显示页面的HTML源代码。
具栏 是编辑器界面的上下文元素,它根据所选区域提供各种功能。 它包含允许您更改文本样式的操作按钮和按钮。 执行的修改始终适用于所选区域。 选择块后,可删除或复制它。 在选择块内的文本后,可将其转换为链接或变为粗体。
某些工具栏功能允许您设置HTML内容的格式。 但是,如果页面包含CSS样式表,则样式表中的 说明 ,可能会被证明优先于通过工具栏 指定的说明
图标 按钮名称 上下文 说明
链接到外部URL 任何元素 允许您添加指向URL的链接。 有关如何配置链接的详细信息,请参阅插入 链接部分
登录页面链接 任何元素 允许访问Adobe Campaign登录页面。 有关如何配置链接的详细信息,请参阅插入 链接部分
订阅链接 任何元素 允许您插入服务订阅链接。 有关如何配置链接的详细信息,请参阅插入 链接部分
取消订阅链接 任何元素 允许您插入服务取消订阅链接。 有关如何配置链接的详细信息,请参阅插入 链接部分
删除链接 链接 允许您在确认后删除链接以及链接到该链接的所有配置。
插入个性化字段 文本元素 允许您从数据库向内容添加字段。 请参阅 插入个性化字段
插入内容块 文本元素 允许您向内容添加个性化区块。 请参阅 添加内容块
启用动态内容 文本元素 允许您在内容中插入动态内容。 请参阅定 义动态内容
禁用动态内容 文本元素 允许您删除动态内容。
放大字体 文本元素 增加所选文本的大小(添 加<span style="font-size:"> )。
减少字体 文本元素 减小所选文本的大小(添 加<span style="font-size:"> )。
粗体 文本元素 将粗体样式添加到选定文本(用 <strong> </strong>标签换行 )。
斜体 文本元素 将斜体样式添加到选定文本(用 <em> </em>标记换行 )。
下划线 文本元素 为选定文本加下划线(用 <span style="text-decoration:下划线;"> 标签)。
更改背景颜色 文本元素 允许您更改所选块的背景颜色(添加style="background-color:rgba(170, 86, 255, 0.87))。
更改字体颜色 文本元素 允许您更改块中所有文本的颜色或仅更改块中选定文本的颜色( <span style="color:#56ff56;"> )。
图像 包含图像的块 允许您从本地保存的文件插入图像。
删除 任意块 删除块及其内容。
复制 任意块 复制块,包括与其链接的任何样式。

管理登陆页面结构和样式

在内容编辑器中管理块

不同的HTML内容元素在登录页面中显示为块,与 <div></div>标签相对应 。 选择要与其交互的块。 然后,它将被一个蓝色的盒子包围。
如果选择了块,则相应HTML元素的父对象将显示在编辑区域底部的痕迹导航中。
当鼠标悬停在某个痕迹导航元素上时,将高亮显示相关元素。 因此,您可以在不同的块之间轻松导航,并准确选择要修改的HTML元素。
使用调色板和上下文工具栏中的选项来修改、删除或复制块。
对于包含文本的块,在块中再次单击以启用文本编辑模式。 块周围的框变为绿色。 然后,您可以选择或输入文本。 使用调色板和上下文工具栏中的选项添加链接或修改文本格式。
为块中的元素(链接、个性化字段、内容块等)定义的参数可以随时从调色板中修改。

在内容编辑器中添加边框和背景

您还可以通过从图 表中选择颜色 ,来定义背景颜色。 此颜色将应用于所选块。
您可以向选 定块 添加边框。

在内容编辑器中更改文本样式

要更改文本的样式,您必须在文本块内单击。
要更改文本对齐方式,请在左侧的调色板中选择以下三个图标之一:
  • 左对齐 :将文本与选定块的左侧对齐(添加style="text-align:左;”)。
  • 中心 :将所选块中的文本居中(添加style="text-align:中心;”)。
  • 右对齐 :将文本与选定块的右侧对齐(添加style="text-align:对;”)。
您还可以使用工具栏更改字体属性:调整字体大小,使文本变为粗体或斜体,为文本添加下划线或更改其颜色。 Refer to this section .

在登录页面中插入图像

  1. 在登陆页面内容中,选择包含图像的块。
  2. 选择按 Insert 钮。
  3. 从上 Local image 下文工具栏中进行选择。
  4. 选择文件。
  5. 根据需要调整图像属性。

在登陆页面中定义动态内容

要在登陆页面中定义动态内容,请使用痕迹导航或直接单击元素来选择块。
某些块(如图像)无法直接选择。 在这种情况下,请使用痕迹导航选择父块。 然后,您可以修改此父元素中包含的所有元素,包括图像。 该条件将应用于父块中的所有子元素。
痕迹导航显示在“管理块 ”部分
在登录页面中定义动态内容的后续步骤与电子邮件的后续步骤类似。 请参 阅此部分
如果变体元素以红色列出,则表示尚未定义表达式。
您可以在块的不同动态内容之间导航。 操作步骤:
  1. 选择块。
    箭头显示在图像的右侧和左侧。
  2. 单击右箭头浏览可用的动态内容。
    每侧的箭头会根据您是否已到达最后一个或第一个可用的动态内容而变暗。
  3. 要删除应用于某个块的所有条件,请选择该块,然后单击该 Disable dynamic content 图标。
  4. 选择要保留的动态内容。
在调色板中:
  • 输入了表达式的内容不再以红色列出,而是以灰色显示。
  • 当前选择的内容以蓝色显示。