创建登陆页面

关于登陆页创建

此用例说明如何使用数字编辑器从Adobe Campaign控制台创建登陆页。

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

此用例的主要目的是使登陆页表单域与Adobe Campaign中使用数字内容编辑器中的函数的内部域相对应。

创建登陆页

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

1. 转到​Campaigns​选项卡并单击​Web application​链接，然后单击​Create​按钮。

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

   

3. 单击​Edit​选项卡。

4. 删除​End​活动。

5. 在​Storage​活动后添加​Page​活动。

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

   

7. 保存更改。

然后，您将获得以下顺序：

步骤1 — 选择并加载模板

本节将介绍如何为Web 应用程序的每页​导入HTML内容。

模板必须包含：

• HTML​文件（必填）
• 一个或多个​CSS​文件（可选）
• 一个或多个​图像（可选）

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

1. 打开Web 应用程序的第一个​Page​活动。

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

   

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

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

   在加载过程中，将显示共享文件的列表。 导入系统会检查链接到所选HTML的所有文件（CSS、图像等）是否在其中。

   完成导入后，单击​Close​按钮。

   

   注意

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

5. 单击​Properties​选项卡。

6. 为每个页面输入​标签(例如：第1页=收集，第2页=谢谢)。

   

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

步骤2 — 配置内容

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

修改内容

让我们通过更改页面颜色来开始。 操作步骤：

1. 打开​Collection​页。

2. 单击背景。

3. 单击右侧的​背景颜色。

4. 选择新的背景颜色。

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

   

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

   

链接表单字段

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

1. 选择表单域。

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

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

   

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

您可以将字段设为必填字段：例如，单击​Email​字段，然后启用​Mandatory​选项。

创建指向下一页的链接

此步骤是必选步骤，因为它将允许Web 应用程序确定后续步骤的顺序：将收集的数据保存在数据库中，然后显示下一页（感谢​页）。

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

2. 单击​Action​下拉菜单。

3. 选择​Next page​操作。

   

插入个性化字段

通过此步骤，您可以个性化“感谢”页面。 操作步骤：

1. 打开​Thank you​页。

2. 将光标放在文本区域中，您希望在该区域插入收件人的名字。

3. 在工具栏的​Insert​菜单中选择​Personalization field。

4. 选择名。

   

个性化字段在编辑器中具有黄色背景。

步骤3 — 发布内容

内容从Web 应用程序仪表板发布。 单击​Publish​按钮以运行它。

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

表单现已可用：其URL可在应用程序仪表板中访问，并可发送给收件人。