创建登陆页面

关于创建登陆页面

此用例展示了如何使用数字编辑器从Adobe Campaign控制台创建登陆页面。

在Adobe Campaign中开始配置登陆页面之前,请确保 一个或多个模板 来表示HTML页面。

此用例的主要目的是使用DCE中的函数,使登陆页面表单字段与Adobe Campaign中的内部字段相对应。

创建登陆页面

要创建新的登陆页面类型Web应用程序,请执行以下步骤:

  1. 转到 Campaigns ,然后单击 Web application 链接,然后单击 Create 按钮。

  2. 选择 New landing page 模板并输入标签,然后单击 Save.

  3. 单击 Edit 选项卡。

  4. 删除 结束 活动。

  5. 添加 Page 活动之后 Storage 活动。

  6. 编辑 第2页 活动,然后取消选中 Activate outbound transitions 选项 Properties 选项卡。

  7. 保存更改。

然后,您将获得以下排序:

注意

有关创建Web应用程序的更多信息,请参阅 此部分.

步骤1 — 选择和加载模板

在本节中,我们将介绍如何 导入HTML内容 Web应用程序的每个页面。

模板必须包含:

  • an HTML 文件(必填)
  • 一个或多个 CSS 文件(可选)
  • 一个或多个 图像 (可选)

要在第一页上加载模板,请应用以下步骤:

  1. 打开第一个 Page 活动。

  2. 选择 From a file 以获取内容模板。

  3. 选择要使用的HTML文件。

  4. 单击 打开 以开始导入。

    加载期间,将显示共享文件的列表。 导入系统会检查链接到选定HTML的所有文件(CSS、图像等)是否都存在。

    单击 Close 按钮。

    注意

    您必须等到收到以下消息后才能关闭: The external resources have been successfully published .

  5. 单击 Properties 选项卡。

  6. 输入 标签 (例如:第1页=收集,第2页=谢谢)。

对Web应用程序中插入的每个页面应用这些步骤。

注意

DCE为加载的HTML页面执行JavaScript代码。 HTML模板中可能显示在Adobe Campaign界面中的JavaScript错误。 这些错误与编辑器无关。 要检查导入的文件中是否没有错误,建议先在浏览器(Internet Explorer / Firefox / Chrome)中测试这些文件,然后再将文件导入DCE。

步骤2 — 配置内容

在本节中,我们将调整导入的内容,并将数据库的字段链接到网页的形式。 以前创建的Web应用程序是:

修改内容

让我们从更改页面的颜色开始。 操作步骤:

  1. 打开 Collection 页面。

  2. 单击背景。

  3. 单击 背景颜色 在右侧。

  4. 选择新的背景颜色。

  5. 单击 确定 以确认更改。

  6. 应用这些相同的流程以更改按钮的颜色

链接表单字段

为了保存提供的信息,我们将将页面中的字段链接到数据库中的字段。

  1. 选择表单字段。

  2. 编辑 Field 编辑器右侧的部分。

  3. 选择要链接到选定字段的数据库字段。

  4. 对页面上的每个字段重复此过程。

您可以将字段设为必填字段:例如,单击 Email 字段,然后启用 必需 选项。

此步骤是强制性的,因为它将允许Web应用程序确定后续步骤的顺序:将收集的数据保存在数据库中,然后显示下一页(谢谢 页面)。

  1. 选择 Send it! 按钮 Collection 页面。

  2. 单击 Action 下拉菜单。

  3. 选择 Next page 操作。

插入个性化字段

此步骤允许您个性化“感谢”页面。 操作步骤:

  1. 打开 Thank you 页面。

  2. 将光标放在要插入收件人名字的文本区域中。

  3. 选择 Personalization fieldInsert 菜单。

  4. 选择名字。

个性化字段在编辑器中的背景为黄色。

步骤3 — 发布内容

内容从Web应用程序功能板发布。 单击 Publish 按钮来运行它。

在发布期间,会显示日志。 发布系统分析Web应用程序中找到的所有内容

注意

在发布日志中,警告和错误按活动排序。

表单现已可用:其URL可在应用程序功能板中访问,并可发送给收件人。

在此页面上