创建登陆页面

关于创建登陆页面

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

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

此用例的主要目的是使用DCE中的函数,使登陆页面表单字段与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. 单击​Open​以开始导入。

    加载期间,将显示共享文件的列表。 导入系统会检查链接到所选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​字段,然后启用​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可在应用程序功能板中访问,并可发送给收件人。

在此页面上