创建登陆页面

关于登陆页创建

此用例说明如何使用数字编辑器从登陆页控制台创建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. 保存更改。

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

注意

有关创建Web 应用程序的详细信息,请参阅此部分

步骤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 应用程序的每个页面应用这些步骤。

注意

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

步骤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可在应用程序仪表板中访问,并可发送给收件人。

在此页面上