Show Menu
主题×

在AEM站点页面中嵌入自适应表单或交互式通信

概述

AEM Forms允许表单开发人员将自适应表单和交互式通信无缝嵌入到AEM站点页面或AEM外托管的网页中。 嵌入式自适应表单和交互式通信功能齐全,用户无需离开页面即可填写和提交表单。 它帮助用户保持在网页上其他元素的上下文中并与表单或交互式通信同时交互。
有关在外部网页中嵌入自适应表单的信息,请参阅在 外部网页中嵌入自适应表单
在AEM站点页面中,您可以使用以下方式添加自适应表单或交互式通信:
  • AEM Forms容器组件 ​AEM Forms提供了可添加到站点页面的组件。 通过AEM Forms Container组件,您可以嵌入自适应表单和交互式通信。
  • 资产浏览器 ​您创建的所有表单和交互式通信都位于资产下。 您可以将表单作为资产拖放到页面上。

前提条件

要在使用可编辑模板的AEM站点页面中嵌入自适应表单或交互式通信,请确保将AEM表单组件配置为关联模板中允许的组件。 有关详细信息,请参 阅创建页面模板中的策略和属性(布局容器)​ 一节
如果站点页面使用静态模板,您需要在站点页面的段落系统中对其进行配置。 请参阅 在设计模式中配置组件 ,以了解更多信息。

嵌入自适应表单或交互式通信

要使用AEM Forms Container组件嵌入自适应表单或交互式通信,请执行以下操作:
  1. 在编辑模式下打开AEM站点页面,您要在其中嵌入自适应表单或交互式通信。
  2. 从“组件浏览器”面板中,将AEM Forms Container组件拖放到页面上。
    或者,您也可以在资产浏览器中搜索自适应表单或交互式通信,然后将其拖放到站点页面。 它将表单嵌入到AEM Forms容器中。
    不支持页面上的多个AEM Forms Container组件。
  3. 点按站点页面中嵌入的AEM Forms Container组件,然后点 。 此时将 打开编辑AEM Forms Container 对话框。
  4. 在“编辑AEM Forms容器”对话框中,指定以下内容。
    • 资产类型:选择要嵌入的资产类型。 选项包括自适应表单和交互式通信
    • 资产路径 :浏览并选择要嵌入的自适应表单或交互式通信。 如果您从“资产”浏览器中删除它,则会自动填充它。
    • (仅限自适应表单) 帖子提交 :选择要在提交表单时触发的操作。 您可以选择显示感谢信或感谢页面。
      • 感谢信 :使用富文本编辑器编写消息以在提交表单时显示。 此选项仅在您选择显示感谢信时可用。
      • 感谢页面 :浏览并选择要在提交表单时显示的页面。 此选项仅在您选择显示感谢页面时可用。
      • 提交时刷新页面 :启用此选项可刷新包含嵌入的自适应表单的页面以显示感谢页面。 否则,感谢页面将替换AEM Forms容器中的自适应表单,而不刷新页面。 此选项仅在您选择显示感谢页面时可用。
    • 主题 :选择一个主题,它为自适应表单或交互式通信的组件定义样式。 样式包括外观属性,如字体样式、背景颜色、尺寸和对齐方式。
    • 高度 :指定容器的高度。 将其留空可自动调整容器大小。
    • CSS客户端库 :指定CSS客户端库的路径。
  5. 保存设置。 自适应表单或交互式通信现在嵌入到页面中。

发布嵌入式自适应表单和交互式通信

让我们考虑在AEM站点页面中发布嵌入式资产(自适应表单或交互式通信)的以下情况:
  • 如果您是第一次发布AEM站点页面,并且该页面包含嵌入的自适应表单或交互式通信,请发布站点页面和嵌入的资产。
  • 如果您仅在已发布的站点页面中修改了嵌入的自适应表单或交互式通信,请发布原始资产,而更改将反映在已发布的站点页面中。 已发布的站点页面包含对资产的引用,并且不需要重新发布页面。
  • 如果您修改了站点页面和嵌入式自适应表单或交互式通信,请重新发布站点页面和嵌入式资产。

修改嵌入式自适应表单和交互式通信

AEM站点页面在AEM Forms容器中保留对自适应表单和交互式通信的引用。 因此,在原始自适应表单和交互式通信中配置的所有配置和属性(如主题、样式和提交操作)都保留在嵌入的自适应表单和交互式通信中。
要修改嵌入式自适应表单和交互式通信的任何配置或属性,请执行下列操作之一。
  • 在自适应表单中打开原始表单或在相应编辑器中进行交互式通信,并修改它们。
  • 在编辑模式下,从站点页面中点击自适应表单或交互式通信,然后点 击新窗口中的编辑 ​。 原始表单以可修改的编辑模式打开。
原始自适应表单或交互式通信中所做的更改会自动反映在嵌入式表单中。 但是,重新发布自适应表单、交互式通信或站点页面,以反映已发布页面中的更改。

注意事项和最佳实践

在AEM站点页面中嵌入自适应表单时,请牢记以下几点:
  • 原始表单中的页眉和页脚不包括在嵌入的表单中。
  • 支持嵌入式表单的用户草稿和提交内容,并可在表单门户的“草稿”和“已提交表单”选项卡中看到这些内容。
  • 在原始表单上配置的提交操作将保留在嵌入式表单中。
  • 在原始表单上配置的体验定位和A/B测试在嵌入式表单中不起作用。 但是,您可以在站点页面上使用体验定位来根据用户配置文件显示不同的表单。
  • 如果您为原始表单配置了Adobe Analytics,则嵌入式表单的分析数据会在Adobe Analytics中捕获。 但是,表单分析报告中不提供该功能。