[也适用于v8]{class="badge positive" title="也适用于Campaign v8"}

创建登陆页面 creating-a-landing-page

关于登陆页面创建 about-landing-pages-creation

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

在Adobe Campaign中开始配置登录页之前,请确保您具有​ 一个或多个用于表示HTML页的模板

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

创建登陆页面 creating-the-landing-page

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

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

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

  3. 单击​ Edit ​选项卡。

  4. 删除​ 结束 ​活动。

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

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

  7. 保存更改。

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

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

第1步 — 选择和加载模板 step-1---selecting-and-loading-templates

在本节中,我们将了解如何为Web应用程序的每个页面​ 导入HTML内容

模板必须包含:

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

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

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

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

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

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

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

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

    note caution
    CAUTION
    您必须等到收到以下消息后才能关闭: The external resources have been successfully published
  5. 单击​ Properties ​选项卡。

  6. 为每个页面输入​ 标签(例如:页面1=收集,页面2=感谢)。

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

CAUTION
DCE为加载的HTML页执行JavaScript代码。HTML模板中可能出现 ​个JavaScript错误,这些错误会显示在Adobe Campaign界面中。 这些错误与编辑器无关。 要检查导入的文件中是否没有错误,建议在将文件导入DCE之前,在Web浏览器中测试它们。

步骤2 — 配置内容 step-2---configuring-the-content

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

修改内容 modifying-content

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

  1. 打开​ Collection ​页面。

  2. 单击背景。

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

  4. 选择新的背景颜色。

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

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

链接表单字段 linking-form-fields

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

  1. 选择表单字段。

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

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

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

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

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

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

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

  3. 选择​ Next page ​操作。

插入个性化字段 inserting-a-personalization-field

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

  1. 打开​ Thank you ​页面。

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

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

  4. 选择名字。

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

步骤3 — 发布内容 step-3---publishing-content

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

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

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

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

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1