创建登陆页面

关于登陆页创建

此用例说明如何使用数字编辑器从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可在应用程序仪表板中访问,并可发送给收件人。

在此页面上

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now