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. 选择要保留的动态内容。
在调色板中:
  • 输入了表达式的内容不再以红色列出,而是以灰色显示。
  • 当前选择的内容以蓝色显示。

确认登陆页面提交

当访客提交登陆页面时,您可以配置触发的操作。 操作步骤:
  1. 编辑通过登陆页面功能板中的图 标访问的登陆页面属性,并显示参 Job 数。
  2. 在部分 Specific actions 下,选择以 Start sending message 确定自动消息的发送,例如确认订阅服务。 然后,您需要选择电子邮件分发模板。
    请注意,如果在服务级别上已配置确认消息,则不应在此屏幕中选择一条以避免发送多条确认消息。 请参阅 配置服务
  3. 创建 Additional data 该组件可在提交登录页面时存储其他数据。 此数据对访问该页面的用户不可见。 只考虑常数值。

设置权限和预加载数据

登录页面的访问权限可限于已识别的访客(例如,来自营销活动发送的消息中的链接)或特定组织单位的访客。 对于已识别的访客,您可以在登录页面中预加载其数据。 操作步骤:
  1. 编辑通过登陆页面功能板中的图 标访问的登陆页面属性,并显示参 Access & loading 数。
  2. Select Preload visitor data .
    如果页面的访客与数据库中的配置文件相对应,则其数据将显示在与数据库数据映射的表单字段中,并会考虑登录页面的个性化元素。
您还可以:
  • 使用URL参数,使用以下选项识别访 Authorize visitor identification via URL parameters 客:然后,必须选择加载键,并将过滤器参数与相应URL的参数映射。
  • 使用此选项授权任何访客访问登 Authorize unidentified visitors 录页。
登录页面也可以链接到组织单元。 这将定义用户对不同登录页面的访问权限。 要分配组织单位,请执行以下操作:
  1. 通过图标访问登录页面 Edit properties 属性。
  2. 打开 Access authorization
  3. 单击下拉菜单并选择您的组织单位。 有关如何创建组织单位的详细信息,请参阅此
  4. Created by ​动完 Created ​成、 Access authorization Last modified 字段。
  5. 然后, Confirm 单击 Save
登录页面现在只能由选定组织单位内的用户访问和管理。

设置Google reCAPTCHA

您可以使用登录页面设置Google reCAPTCHA V3,以保护其免受由机器人程序造成的垃圾邮件和滥用。 要将其用于登陆页面,您首先需要创建一个外部帐户。 有关如何配置它的详细信息,请参阅此 部分
设置Google reCAPTCHA V3外部帐户后,可将其添加到登录页面:
  1. 在发布登录页面之前,访问通过登录页面功能板中 的图标访问的页面属性。
  2. 打开菜 Access & loading 单。
  3. 选中该 Use reCAPTCHA to protect your site from spam and abuse 选项。
  4. 选择您之前创建的Google reCAPTCHA外部帐户。
  5. Click Confirm .
登录页面现已通过Google reCAPTCHA设置,可在页面底部查看。
然后,Google reCAPTCHA将根据用户与您页面的交互情况返回得分。 要检查得分,请连接到您的 Google管理控制台