We.Finance参考站点演练

Pre-requisites

按照设置和配置AEM Forms参考站 点中的说明设置参考站点

We.Finance Reference站点方案

We.Finance是金融服务领域的领先组织,它可以优惠全面、个性化的财务解决方案以满足不同客户用户档案的需求。 他们优惠信用卡、住房抵押和住房保险服务。

他们的目标是通过自己喜欢的设备接触现有客户和潜在客户,解释其服务的优势,并帮助他们注册其服务。 此外,他们还希望推销更多金融产品,如客户可能会觉得有趣的附加卡。

阅读详细的We.Finance使用案例演练,了解AEM Forms如何帮助金融组织实现其目标。 下面介绍了以下演练:

信用卡申请演练

We.Finance信用卡应用方案涉及以下角色:

  • Sarah Rose,We.Finance客户
  • Gloria Rios,We.Finance信用卡和抵押业务主管

以下信息图描述了信用卡应用程序的分步工作流程。

workflow_aem

让我们详细了解参考站点场景,了解AEM Forms如何帮助We.Finance实现其目标。

Sarah从We.Finance收到新闻稿并申请信用卡

莎拉·罗丝是We.Finance的现有客户。 她收到We.Finance发来的关于优惠上新信用卡的新闻稿。 她觉得这些优惠令人兴奋,并决定申请信用卡。 她单击新闻稿中的“立即应用”按钮,然后转到We.Finance门户上的信用卡应用程序。

营销——电子邮件

工作方式

发送到Sarah的Newsletter是一个自定义实施,它会触发到指定电子邮件ID的电子邮件。 电子邮件中的“立即应用”按钮链接到信用卡应用程序,该应用程序是发布实例上的自适应表单。

亲自查看

在发布实例上打开以下URL以触发Newsletter电子邮件。 确保替换为有 [emailID] 效的电子邮件帐户以接收新闻稿。 打开新闻稿,然 后单击 “立即应用”以转到信用卡应用程序。

https://[publishServer]:[publsihPort]/content/campaigns/we-finance/start.html?app=cc&email=[emailID]&givenName=Sarah&familyName=Rose

莎拉觉得优惠很有趣,并选择

Sarah决定申请信用卡,并点击电 子邮件上 的“立即申请”按钮。 Sarah将转到We.Finance门户上的信用卡应用程序。 应用程序表单按使用卡布局的章节进行组织。

Sarah从可用选项中选择信用卡并单击“继 续”

cc-application-form-desktop

在“个人信息”页面上,当Sarah提供其社会保险号时,她会收到一个提示,提示她使用凭据登录。

login-ssn

Sarah是We.Finance的现有客户。 她使用自己的We.Finance帐户凭据登录,表单中会自动填充她的个人详细信息。 Sarah继续填写申请表,这时弹出提醒,她必须出席会议。 她单击“ 保存我在应用 程序表单上的进度”。 它保存了Sarah迄今填写的所有信息,并弹出一个对话框,确认她是否希望收到一封电子邮件,其中附有指向她日后要完成的草稿应用程序的链接。

Sarah单击“ 发送邮件”。 她收到一封电子邮件,其中附有继续申请信用卡的链接。

恢复

Sarah通过移动设备访问信用卡应用程序

如果Sarah正从其移动设备访问信用卡应用程序,则响应式应用程序将在为移动设备优化的视图中打开。 在此视图中,应用程序表单一次呈现为一个部分。 它允许Sarah在导航应用程序时逐步视图和提供信息。

移动表单

工作方式

“立 即申请 ”按钮将Sarah定向到信用卡应用程序。 应用程序是自适应表单,您可以在的创作实例中查看该表单 https://[host]:[Port]/editor.html/content/forms/af/we-finance/cc-app.html

您可以在自适应表单中查看的一些主要功能包括:

  • 它基于XSD模式。
  • 它使用We Finance主题A构建,用于样式,使用We.Finance模板构建布局。 此外,它还在移动导航中使用表单标题布局中不带面板标题的布局。 当从移动设备打开时,它显示渐进式移动布局。 您可以在上查看模 https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance 板和在查看主题 https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/we-finance-theme-a/jcr:content
  • 它包括自适应表单规则,用于调用表单数据模型服务来预填已登录用户的用户详细信息。 它还调用服务,按社会保险号或表单中提供的电子邮件地址预填信息。 您可以在查看表单数据模型及其服务 https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm
  • 它使用各种自适应表单组件来捕获输入并适应用户响应。 它还使用支持HTML5输入类型的电子邮件等组件。
  • 它使用签名步骤组件显示完成的表单,并允许在表单上进行电子签名。
  • “保存我的进度”按钮为用户生成唯一的ID,并将部分填写的应用程序作为草稿保存在AEM存储库中的节点中。 此外,它还显示一个对话框,其中搜索允许发送电子邮件,其中包含指向包含草稿应用程序的节点的链接。 确认对话框上的“发送邮件”按钮会触发一封电子邮件,其中包含指向包含草稿的节点的链接。
  • 它使用调用AEM工作流提交操作来触发信用卡批准工作流。 您可以在以下位置查看此表单中使用的工作流: https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-credit-card-workflow.html

建议查看表单以了解用于构建表单的模式、组件、规则、表单数据模型、表单工作流和提交操作。

另外,请参阅以下文档以了解有关信用卡应用程序自适应表单中使用的功能的更多信息:

亲自查看

以Sarah Rose身份登录时,单击信 用卡应用 程序上的“立即应用”按钮。 填写一些详细信息,浏览各种自适应表单组件,单 击“保存我的进度 ”,收到一封电子邮件,其中 带有链接至 草稿应用程序的“继续”按钮。 请确保在应用程序表单中指定电子邮件ID以接收电子邮件。

查看We.Finance主题:

https://<host>:<AuthorPort>/editor.html/content/dam/formsanddocuments-themes/we-Finance/we-Finance-Theme-A/jcr:content

您可以在以下位置查看We.Finance模板:

https://<host>:<AuthorPort>/editor.html/conf/we-finance/settings/wcm/templates/we-finance-template/structure.html

Sarah恢复并提交申请

Sarah稍后回来,找到We.Finance的一封电子邮件。 她单击电 子邮件 中的“继续”按钮,转到信用卡申请草稿。 她之前填写的信息预先填充。 她填写剩余的申请表,签署申请并提交。

恢复1

或者,她也可以在We.Finance主页的“我 的Forms ”下访问她的申请草案。

门户草稿

工作方式

电子邮件中的“继续”按钮将Sarah重定向到包含其草稿应用程序的节点。

亲自查看

您必须已收到一封电子邮件,其中包含您在填写申请表时指定的电子邮件ID上指向草稿应用程序的链接。 继续,填写申请中的其余部分并提交。

We.Finance接收并批准此申请

We.Finance收到Sarah提交的信用卡申请。 任务被分配给Gloria Rios。 她查看AEM收件箱中的任务并批准它。

收件箱

工作方式

当Sarah填写并提交信用卡应用程序时,将在Gloria的AEM收件箱中创建Forms Workflow触发器和任务。

AEM FormsOSGi提供以表单为中心的工作流,使您能够构建基于表单的自适应工作流。 这些工作流可用于审核和批准、业务流程流、开始文档服务、与Adobe Sign签名工作流集成等。 有关详细信息,请参 阅OSGi上以Forms为中心的工作流程

下图描述了处理信用卡应用程序并生成应用程序PDF输出的AEM工作流。

workflow

亲自查看

您可以访问位于https://<hostname>:<PublishPort>/content/we-finance/global/en.html的​we.finance站点的 AEM 收件箱。 在页面上,点按 登录,选中 以代表身份登录复选框 ,使用Gloria Rios的用户名/口令 grios/password 登录AEM收件箱,并批准信用卡应用程序。 有关将AEM收件箱用于以表单为中心的工作流任务的信息,请参 阅在AEM收件箱中管理Forms应用程序和任务。

收件箱-1

当您批准该应用程序时,Sarah会收到一封包含欢迎工具包的电子邮件。

Sarah收到欢迎工具包并申请附加卡

当Sarah的信用卡申请获得批准时,她会收到一封电子邮件,其中包含指向欢迎工具包的链接。 她打开欢迎信件包,其中包含她的信用卡帐户详细信息。 欢迎工具包还显示为Sarah个性化的促销优惠。 当她向下滚动时,欢迎工具包包含一个嵌入表单以申请附加卡。 Sarah很快从欢迎工具包中填写了所需的详细信息并申请附加卡。 此时将显示加载项卡应用程序的确认对话框。

welcome-kit-for-sara

欢迎工具包为Sarah个性化,并显示与她相关的信息。 它为她提供了下载PDF版欢迎工具包的选项。

白金卡的优势

欢迎工具包中包含另一个申请表,Sarah无需访问We.Finance门户即可填写并提交该表单,从欢迎工具包中申请附加卡。

apply-addon-card

工作方式

欢迎工具包是包中包含的交互式 cq-we-finance-content-pkg.zip 通信。 桌面版本中用于展示欢迎工具包中信用卡优势的交互式卡是使用文档片段的默认卡布局创建的自定义布局。

附加卡应用程序是欢迎工具包交互通信中的嵌入自适应表单。

亲自查看

单击您 在上 一步骤收到的电子邮件中的“继续”按钮。 它打开草稿应用程序。 填写所有详细信息并提交申请。 然后您将收到一个欢迎工具包。 查看欢迎工具包。

您还可以视图位于以下URL的欢迎工具包:

https://<host>:<port>/content/aemforms-refsite/doclink.html?文档=/content/forms/af/we-finance/credit-cardwelcomkit&customerId=197&渠道=web

您可以在创作和发布实例上访问它。

Sarah收到信用卡对帐单

当Sarah开始使用信用卡时,她会收到来自We.Finance的另一封电子邮件,其中包含她的信用卡报表。 下图显示了手机上包含信用卡对帐单链接的电子邮件。

语句——电子邮件

Sarah在电子邮件中单击“视图对帐单”以视图信用卡对帐单。 该语句是一个交互式通信。 它具有Web和打印(PDF)版本。 该语句与Forms数据模型集成,从数据库检索特定于客户的数据。 交互式语句包含各种元素:

  • 语句摘要
  • 详细费用报告
  • 图形费用分析
  • 从报表内支付到期金额的选项
  • 下载付款收据

信用卡对帐单的不同部分

Sarah无需进入门户或在电子邮件中搜索信用卡对帐单的PDF版本,以便脱机存档。 她只需单击“下载语句”即可下载PDF版本的语句。

详细语句在响应式表中列出。 报表还提供从报表内支付部分或全部到期金额的选项。

详细声明

Sarah计划从报表中付款。 Sarah还可以使用Flexi Pay选项将支付分为等额支付。

工作方式

信用卡对帐单是一种交互式通信。 语句中的详细费用表是响应式表。 费用分析的图形是图表组件,它读取费用表并生成饼图。

亲自查看

您可以通过以下URL查看交互式信用卡对帐单:

https://<hostname>:<port>/content/aemforms-refsite/doclink.html?文档=/content/forms/af/we-finance/credit-card/credit-card-statement&customerId=197&渠道=web

您可以在创作和发布实例上访问它。

信用卡对帐单在对帐单末尾显示促销优惠。 您可以将Adobe Target与AEM Forms互动通信相集成,根据特定客户细分投放促销目标优惠。 要将您的交互式通信配置为使用Adobe Target进行自定义和定向优惠,请参 阅创建定向体验

We.Finance对信用卡应用的性能分析

We.Finance会不时检查其信用卡应用程序的性能,以检查客户可能遇到的任何问题。 他们使用此分析对信用卡应用程序中所需的更改做出明智决策,以增强用户体验,降低表单的弃用率,从而提高转化率。 他们利用AEM Forms和Adobe Analytics的融合来分析。 以下图像描绘了其分析仪表板。

有关如何解释分析仪表板的更多信息,请参 阅查看和了解AEM Forms分析报告

cc-analytics

工作方式

信用卡申请表的性能指标使用Adobe Analytics进行跟踪。 有关配置Adobe Analytics和查看报告的详细信息,请参 阅配置表单和文档的分析

亲自查看

为了视图和浏览分析报告,我们将在参考站点为信用卡应用程序提供种子数据。 在使用种子数据之前,请参 阅配置分析。 在创作实例中执行以下步骤,将报表视图为种子数据:

  1. 转至 Forms和文档 UI,网址​为https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments。

  2. 单击以打开 We.Finance文件 夹。

  3. 选择 信用卡自适应表单 ,然后在工具栏中单击启用 分析

  4. 再次选择自适应表单,然后单 击工具栏 中的分析报表以生成报表。 您最初将看到一个空白报告。

要使用种子数据生成分析报告,请执行以下操作:

  1. 在CRXDE lite的地址浏览器中,键入: /apps/we-finance/demo-artifacts/analyticsTestData/Credit card Analytics Test Data

  2. 测试数据在左侧目录结构中被选中。

  3. 多次单击所选文件以在右侧面板中打开其内容。

  4. 复制种子数据文件中的所有内容。

  5. 在CRXDE中,导航到: /content/dam/formsanddocuments/we-finance/cc-app/jcr:content/analyticsdatanode/lastsevendays

  6. 在“属 ”下的“分 析数据”字段中,粘贴种子数据文件的复制内容。

  7. 选择 信用卡自适应表单 ,然后单击工具 栏中的“分析报表 ”,以生成包含种子数据的报表。

信用卡申请的A/B测试

除了分析信用卡应用程序的性能并不断改进,We.Finance还利用AEM Forms与目标的集成来创建A/B测试。 它允许他们提供信用卡申请表的不同体验,并确定在填写和提交表单方面可以更好地转化率的体验。

要在AEM Forms服务器中配置目标,请参 阅在AEM Forms设置和集成目标

执行以下步骤以体验创建We.Finance信用卡申请表的A/B测试:

  1. 转至 Forms和文档 ,网址为​https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments。

  2. 单击以打开 We.Finance文件 夹。

  3. 选择 信用卡自适应表单 的申请。

  4. 单击 工具栏 中的“更多”,然 后选择“配置A/B测试”。 此时将打开“配置A/B测试”页。

  5. 指定 活动名

  6. 从“受众”下拉列表中,选择您要向其提供表单不同体验的受众。 例如,使 用Chrome的访客

  7. 在体 验A 和B的“体验分发”字段中,按百分比指定分发,以确定体验在总受众中的分布。 例如,如果您为体验A和B分别指定40、60,则体验A将提供给40%的受众,其余60%将看到体验B。

  8. 单击 配置。 将出现一个对话框,确认A/B测试的创建。

  9. 单击​完成

  10. 选择“信 用卡申请”表 ,然后单击 编辑。 它提供了打开其中一种体验的选项。 单击 体验B。 表单将在编辑模式下打开。

  11. 根据需要修改表单以创建与默认体验A不同的体验。

  12. 转到Forms和文档UI,选择表单,单 击更多,然后选择 开始A/B测试

  13. 现在,使用以下url在Chrome浏览器中多次打开表单:

    https://[hostname]:[port]/content/dam/formsanddocuments/we-finance/cc-app/jcr:content?wcmmode=disabled

    注意

    在下次打开表单之前 ,从 浏览器的cookie持久性中删除名为mbox的cookie。 您将随机看到表单的体验A和B。

  14. 选择表单,单击 更多,然后单 击A/B测试报告。 您在报告中找不到太多数据,因为您刚刚开始测试。 现在,让我们提供一些种子数据,了解A/B测试报告的外观。

  15. 打开CRXDE Lite并备份以下文件:/libs/fd/fmaddon/gui/components/admin/targetreport/clientlibs/targetreport/js/targetreport.js

  16. 将上述文件中 onReportLoadSuccess 的函数定义替换为以下文件中的函数定义:/apps/we-finance/demo-artifacts/targetreport.js

    注意: 这些更改仅用于演示目的。 确保完成此过程后恢复文件内容。

  17. 刷新您生成的报表,您将看到类似以下内容的内容。 查看报告仪表板。

ab-test-report-3

要结束A/B测试,请单 击报告仪表板上 的“End A/B test”按钮。 此时,将出现一个对话框,提示您声明体验。 选择入选方并确认结束A/B测试。

如果您选择体验A作为赢家,A/B测试将结束,并且在今后,只有体验A将提供给所有受众,包括Chrome上的客户。

住房抵押申请演练

We.Finance住房抵押方案涉及以下角色:

  • Sarah Rose,We.Finance客户
  • Gloria Rios,We.Finance信用卡和抵押业务主管
  • John Doe,We.Finance客户关怀代表

以下信息图描述了住房抵押贷款应用程序的分步工作流程。

home_mortgage_application_alkthrough

现在,让我们详细了解参考站点场景中的步骤,以了解AEM Forms如何帮助We.Finance实现其目标。

Sarah访问We.Finance网站并申请住房抵押

莎拉·罗斯计划买一套房,并寻找住房抵押计划。 她是We.Finance客户,因此访问We.Finance门户来探索家庭抵押优惠。 她转到“贷款”部分,在门户上找到一个按揭贷款计算器。 她填写详细信息,点击“计算我的抵押贷款”,这会返回抵押计划。

贷款1贷款2**​图:**抵押计算器

loans3图**​3:**按揭贷款计算器结果

工作方式

“贷款”页面上的住房抵押计算器是AEM Sites页面中嵌入的自适应表单。 您可以在编辑模式下查看“贷款”页面 https://[authorHost]:[authorPort]/editor.html/content/we-finance/global/en/loan-landing-page.html

嵌入式按揭贷款计算器是一种自适应表单,它使用规则根据计算器字段中提供的贷款详细信息计算EMI金额。 您可以在查看自适应表单 https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/hm-calc.html

亲自查看

转到We.Finance门户, https://<publishHost>:<publishPort>/content/we-finance/global/en.html 单击“贷 款”。 在按揭贷款计算器中提供详细信息并查看结果。

莎拉觉得优惠很有趣,并选择

Sarah选择申请住房抵押,并单击“立即 应用” (在住房抵押计算器结果上)。 它打开了住房抵押申请。

如果Sarah正在通过其移动设备访问家庭按揭贷款应用程序,则应用程序表单将在为在移动设备上查看而优化的视图中打开。 在此视图中,应用程序表单一次渲染一个部分。 它允许Sarah在浏览应用程序表单时逐步视图和提供信息。

以下图像显示了Sarah在其移动设备上浏览家庭按揭贷款应用程序时的工作流。

在移动设备上填写抵押申请

如果Sarah从桌 面单击 “立即应用”,则按揭抵押申请表将打开,如下所示。 按揭贷款计算器中Sarah提供的信息预填在申请表中。 Sarah将填充剩余的详细信息并单击“ 继续”。

抵押申请

根据Sarah填写的按揭计算器信息,她会得到几个按揭计划。 她选择符合自己要求的计划并继续填写申请。 她终于签了字,提交了申请。

提交的申请将交由We.Finance批准。

保存草稿应用程序

工作方式

“立 即申请 ”按钮将Sarah引导至家庭抵押申请。 应用程序是自适应表单,您可以在的创作实例中查看该表单 https://[host]:[Port]/editor.html/content/forms/af/we-finance/hm-app.html

您可以在自适应表单中查看的一些主要功能包括:

  • 它基于XSD模式 homeMortgageApplication.xsd

  • 它使用We Finance Theme B构建,用于样式,使用We.Finance模板构建布局。 此外,它还在移动导航中使用表单标题布局中不带面板标题的布局。 当从移动设备打开时,它显示渐进式移动布局。 您可以在AEM作者实例的以下位置查看自适应表单中使用的模板和主题:

    • https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance
    • https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/we-finance-theme-b/jcr:content
  • 应用程序中的第一个选项卡“入门”是一个动态按揭贷款计算器,它根据用户选择显示选项。 例如,“购买”和“再融资”选项的字段和值不同。 此功能是使用show-hide规则实现的。 此外,当您单击继续并初始化“计划”选项卡时,它会调用在表单数据模型中配置的Web服务,以获取和显示抵押计划。 您可以在查看表单数据模型和配置的服务 https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm

  • 它使用各种自适应表单组件来捕获输入并适应用户响应。 它还使用支持HTML5输入类型的电子邮件等组件。

  • 它使用签名步骤组件显示完成的表单,并允许在表单上进行电子签名。

  • 它使用调用AEM工作流提交操作来触发We Finance Home MortgageAEM工作流。 您可以在以下位置查看此表单中使用的工作流: https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-home-mortgage-workflow.html

建议查看表单以了解用于构建表单的模式、组件、规则、表单数据模型、表单工作流和提交操作。

另外,请参阅以下文档以了解有关家庭按揭贷款应用程序自适应表单中使用的功能的更多信息:

亲自查看

转到并 https://[server]:[port]/content/we-finance/global/en/all-forms.html 单击“Home Mortgage Application (家庭抵押 应用程序)”上的“Apply now(立即应用)”按钮。 填写“入门”选项卡中的详细信息,尝试其他选项,然后提交应用程序。

请确保在应用程序中指定有效的电子邮件ID,以便在收件箱中接收确认邮件。

We.Finance接收应用程序

We.Finance收到Sarah提交的抵押申请。 批准或拒绝应用程序的任务被分配给Gloria Rios。 她审核了申请,发现Sarah的政府ID缺失。

grios收件箱

Gloria打开任务,单击“需要更多信息”,并对缺少的政府ID发表评论。

need-more-info

任务现已分配给We.Finance的客户关怀代表John Doe。 他打开任务,评论格洛丽亚的评论。 他联系了莎拉,要求她寄一份身份证。 在收到Sarah身份证的副本后,他将其附加到任务,并提交重新评估申请。

再评价

任务被重新分配给格洛丽亚。 她查看附加的ID并批准该应用程序。

工作方式

当Sarah填写并提交住房抵押申请时,将在Gloria的AEM收件箱中创建Forms Workflow触发器和任务。 当Gloria查看应用程序并请求更多信息时,该任务将分配给John Doe。 当John Doe附加该ID并重新提交该应用程序时,它将分配给Gloria。 这在与按揭贷款应用程序关联的AEM工作流中定义。

AEM FormsOSGi提供以表单为中心的工作流,使您能够构建基于表单的自适应工作流。 这些工作流可用于审核和批准、业务流程流、开始文档服务、与Adobe Sign签名工作流集成等。 有关详细信息,请参 阅OSGi上以Forms为中心的工作流程

下图描述了与按揭贷款应用程序关联的AEM工作流。

mortgage-workflow-model

亲自查看

您可以访问位于https://<hostname>:<AuthorPort ​**>/content/we-finance/global/en/login.html?resource=/aem/inbox.html的AEM收件箱。 使用Gloria Rios和John Doe的 grios/password 用户名/密码登录AEM收件 jdoe/jdoe 箱,并浏览家庭按揭贷款应用程序工作流程。

有关将AEM收件箱用于以表单为中心的工作流任务的信息,请参 阅在AEM收件箱中管理Forms应用程序和任务。

Sarah收到欢迎信件

当Sarah的抵押申请获得批准时,她会收到一封电子邮件,其中包含指向欢迎工具包的链接。 她打开了欢迎包,包括一个轮盘,展示专为莎拉设计的促销优惠。

mortgage-welcome-kit

欢迎工具包为Sarah个性化,并显示与她相关的信息。 它为她提供了下载PDF版欢迎工具包的选项。 底部的箭头按钮允许Sarah向下滚动并浏览欢迎套件中的其他部分。

工作方式

欢迎工具包是包中包含的交互式 cq-we-finance-content-pkg.zip 通信。 欢迎包中的促销优惠由Adobe Target服务器提供。 优惠是针对特定客户细分进行自定义和定位的。 欢迎工具包从预配置的Adobe Target服务器中为女性客户的受众区段获取优惠。

欢迎工具包的桌面版本中的交互式卡使用使用文档片段的默认卡布局创建的自定义布局。

亲自查看

如果您在填写抵押申请时提供了电子邮件ID,则您应已收到一封电子邮件,其中包含指向欢迎工具包的链接。 检查您的收件箱并查看欢迎工具包。

您可以在AEM发布实例中视图它,其URL如下:

https://[host]:[port]/content/forms/af/we-finance/mortgage-loan-welcome-kit.html

Sarah收到一个帐户声明

当Sarah获得贷款和支付分期付款的开始时,她收到We.Finance的另一封电子邮件,其中包含她的月度帐户报表。

mortgage-statement-email

Sarah在电子邮件中单击“视图声明”以视图按揭贷款帐户声明。 交互式语句包含各种元素:

  • 语句摘要
  • 语句详细信息

下图显示了Desktop上帐户语句的不同部分。

抵押帐户报表

详细的报表将列在响应式表中,并提供从报表中支付部分或整个到期金额的选项。

工作方式

抵押声明是一个交互式通信。 它使用JSON批处理流程生成。 语句中的详细费用表是响应式表。

亲自查看

您可以通过以下URL查看交互式按揭贷款帐户报表:

https://<hostname>:<port>/content/forms/af/we-finance/mortgage-account-statement.html?wcmmode=disabled

您可以在创作和发布实例上访问它。

We.Finance分析抵押申请的绩效

We.Finance会不时检查其抵押申请的表现,以检查客户可能面临的任何问题。 他们使用此分析对抵押申请中所需的更改做出明智决策,以增强用户体验、降低表单放弃率,从而提高转化率。 他们利用AEM Forms和Adobe Analytics的融合来分析。 以下图像描绘了其分析仪表板。

有关如何解释分析仪表板的更多信息,请参 阅查看和了解AEM Forms分析报告

mortgage-analytics

工作方式

使用Adobe Analytics跟踪抵押申请表的性能指标。 有关配置Adobe Analytics和查看报告的详细信息,请参 阅配置表单和文档的分析

亲自查看

为了视图和浏览分析报告,我们将在参考站点中提供按揭贷款应用程序的种子数据。 在使用种子数据之前,请参 阅配置分析。 在创作实例中执行以下步骤,将报表视图为种子数据:

  1. 转至 Forms和文档 UI,网址​为https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments。

  2. 单击以打开 we-finance文件 夹。

  3. 选择 “家庭抵押贷款 ”自适应表单的应用程序,然后在工具栏中单击“启 用分析”

  4. 再次选择表单,然后单 击工具栏 中的分析报表以生成报表。 您最初将看到一个空白报告。

要使用种子数据生成分析报告,请执行以下操作:

  1. 在CRXDE lite的地址浏览器中,键入以下内容: /apps/we-finance/demo-artifacts/analyticsTestData/HomeMortgageAnalyticsTestData
  2. 测试数据在左侧目录结构中被选中。
  3. 多次单击选定文件以在右侧面板中打开其内容。
  4. 复制种子数据文件中的所有内容。
  5. 在CRXDE中,导航到: /content/dam/formsanddocuments/we-finance/hm-app/jcr:content/analyticsdatanode/lastsevendays
  6. 在“属性”(Properties)下的“分析数据”(Analyticsdata)字段中,粘贴种子数据文件的复制内容。
  7. 现在,为“家庭抵押申请表”再次生成分析报告。 您将看到包含种子数据的报表。

抵押申请的A/B测试

除了分析抵押应用程序的性能并不断改进它,We.Finance还利用AEM Forms与目标的集成来创建A/B测试。 它允许他们提供不同的申请表体验,并确定在填写和提交表单方面可带来更好转化率的体验。

要在AEM Forms服务器中配置目标,请参 阅在AEM Forms设置和集成目标

在创作实例中执行以下步骤以体验创建We.Finance抵押申请表的A/B测试:

  1. 转至 Forms和文档 ,网址为​https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments。

  2. 单击以打开 We.Finance文件 夹。

  3. 选择“ 适用于住房抵押 ”自适应表单。

  4. 单击 工具栏 中的“更多”,然 后选择“配置A/B测试”。 此时将打开“配置A/B测试”页。

  5. 指定 活动名

  6. 从“受众”下拉列表中,选择您要向其提供表单不同体验的受众。 例如,使 用Chrome的访客

  7. 在体 验A 和B的“体验分发”字段中,按百分比指定分发,以确定体验在总受众中的分布。 例如,如果您为体验A和B分别指定40、60,则体验A将提供给40%的受众,其余60%将看到体验B。

  8. 单击 配置。 将出现一个对话框,确认A/B测试的创建。

  9. 单击​完成

  10. 选择“适用 于住房抵押的应用程序 ”自适应表单,然 后单击“编辑”。 它提供了打开其中一种体验的选项。 单击 体验B。 表单将在编辑模式下打开。

  11. 根据需要修改表单以创建与默认体验A不同的体验。

  12. 转到Forms和文档UI,选择表单,单 击更多,然后选择 开始A/B测试

  13. 现在,使用以下url在Chrome浏览器中多次打开表单:

    https://[hostname]:[port]/content/dam/formsanddocuments/we-finance/hm-app/jcr:content?wcmmode=disabled

    注意

    在下次打开表单之前 ,从 浏览器的cookie持久性中删除名为mbox的cookie。 您将随机看到表单的体验A和B。

  14. 选择表单,单击 更多,然后单 击A/B测试报告。 您在报告中找不到太多数据,因为您刚刚开始测试。 现在,让我们提供一些种子数据,了解A/B测试报告的外观。

  15. 打开CRXDE Lite并备份以下文件:/libs/fd/fmaddon/gui/components/admin/targetreport/clientlibs/targetreport/js/targetreport.js

  16. 将上述文件中 onReportLoadSuccess 的函数定义替换为以下文件中的函数定义:/apps/we-finance/demo-artifacts/targetreport.js

    注意

    这些更改仅用于演示目的。 确保完成此过程后恢复文件内容。

  17. 刷新您生成的报表,您将看到类似以下内容的内容。 查看报告仪表板。

ab-test-report-4

要结束A/B测试,请单 击报告仪表板上 的“End A/B test”按钮。 此时,将出现一个对话框,提示您声明体验。 选择入选方并确认结束A/B测试。

如果您选择体验A作为赢家,A/B测试将结束,并且在今后,只有体验A将提供给所有受众,包括Chrome上的客户。

Microsoft Dynamics的家庭抵押应用程序演练

We.Finance的Microsoft Dynamics住房抵押方案涉及以下角色:

  • Sarah Rose,We.Finance客户
  • We.Finance Microsoft Dynamics实例的管理员

Microsoft Dynamics的住房抵押应用程序演练演示了当参考站点使用Microsoft Dynamics进行数据集成时,We.Finance客户如何使用该站点申请住房抵押。 演练结束时,Microsoft Dynamics将用户接收的数据填入。 在继续执行此方案之前,您需要完 成We.Finance参考站点的家庭抵押工作流程的Microsoft Dynamics 365配置

Sarah访问We.Finance网站并申请住房抵押

莎拉·罗斯计划买一套房,并寻找住房抵押计划。 她是We.Finance客户,因此访问We.Finance门户来探索家庭抵押优惠。 她转到“贷款”部分,在门户上找到一个按揭贷款计算器。 她填写详细信息,点击“计算我的抵押贷款”,这会返回抵押计划。

贷款1贷款2**​图:**抵押计算器

loans3图**​3:**按揭贷款计算器结果

工作方式

“贷款”页面上的住房抵押计算器是AEM Sites页面中嵌入的自适应表单。 您可以在编辑模式下查看“贷款”页面 https://[authorHost]:[authorPort]/editor.html/content/we-finance/global/en/loan-landing-page.html

嵌入式按揭贷款计算器是一种自适应表单,它使用规则根据计算器字段中提供的贷款详细信息计算EMI金额。 您可以在查看自适应表单 https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/ms-dynamics/home-mortgage-calculator.html

亲自查看

转到We.Finance门户, https://<publishHost>:<publishPort>/content/we-finance/global/en.html 单击“贷 款”。 在按揭贷款计算器中提供详细信息并查看结果。

莎拉觉得优惠很有趣,并选择

Sarah选择申请住房抵押,并单击“立即 应用” (在住房抵押计算器结果上)。 它打开了住房抵押申请。

如果Sarah正在通过其移动设备访问家庭按揭贷款应用程序,则应用程序表单将在为在移动设备上查看而优化的视图中打开。 在此视图中,应用程序表单一次渲染一个部分。 它允许Sarah在浏览应用程序表单时逐步视图和提供信息。

以下图像显示了Sarah在其移动设备上浏览家庭按揭贷款应用程序时的工作流。

在移动设备上填写抵押申请

如果Sarah从桌 面单击 “立即应用”,则按揭抵押申请表将打开,如下所示。 按揭贷款计算器中Sarah提供的信息预填在申请表中。 Sarah将填充剩余的详细信息并单击“ 继续”。

抵押申请

根据Sarah填写的按揭计算器信息,她会得到几个按揭计划。 她选择符合自己要求的计划并继续填写申请。 她终于签了字,提交了申请。

提交的申请将交由We.Finance批准。

保存草稿应用程序

工作方式

“立 即申请 ”按钮将Sarah引导至家庭抵押申请。 应用程序是自适应表单,您可以在的创作实例中查看该表单 https://[host]:[Port]/editor.html/content/forms/af/we-finance/ms-dynamics/application-for-home-mortgage.html

您可以在自适应表单中查看的一些主要功能包括:

  • 它基于XSD模式 homeMortgageApplication.xsd

  • 它使用We Finance Theme B构建,用于样式,使用We.Finance模板构建布局。 此外,它还在移动导航中使用表单标题布局中不带面板标题的布局。 当从移动设备打开时,它显示渐进式移动布局。 您可以在AEM作者实例的以下位置查看自适应表单中使用的模板和主题:

    • https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance
    • https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/we-finance-theme-b/jcr:content
  • 应用程序中的第一个选项卡“入门”是一个动态按揭贷款计算器,它根据用户选择显示选项。 例如,“购买”和“再融资”选项的字段和值不同。 此功能是使用show-hide规则实现的。 此外,当您单击继续并初始化“计划”选项卡时,它会调用在表单数据模型中配置的Web服务,以获取和显示抵押计划。 您可以在查看表单数据模型和配置的服务 https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm

  • 它使用各种自适应表单组件来捕获输入并适应用户响应。 它还使用支持HTML5输入类型的电子邮件等组件。

  • 它使用签名步骤组件显示完成的表单,并允许在表单上进行电子签名。

建议查看表单以了解用于构建表单的模式、组件、规则、表单数据模型、表单工作流和提交操作。

管理员视图Microsoft Dynamics实例中提交的数据

We.Finance接收Sarah在Microsoft Dynamics实例上提交的抵押申请。 管理员点击潜在客户列中的条目以转到为Sarah Rose创建的潜在客户记录。

msdynamicrecord

家庭保险申请演练

We.Finance家庭保险方案涉及以下人员:

  • Sarah Rose,We.Finance客户
  • Gloria Rios,We.Finance信用卡和抵押业务主管
  • Frank De Costa,We.Finance保险代理

以下信息图描述了家庭保险应用程序方案的分步工作流程。

workflow_insurance

现在,让我们详细了解参考站点场景中的步骤,以了解AEM Forms如何帮助We.Finance实现其目标。

Sarah收到We.Finance的新闻稿,申请家庭保险

莎拉·罗斯是We.Finance的住房抵押贷款客户,希望在住房保险方面达成一笔好交易。 她访问We.Finance门户,探索家庭保险计划。 We.Finance将她确定为现有客户,并在其电子邮件上向她发送有针对性的新闻稿。 新闻稿包含家庭保险优惠。

保险时事通讯

工作方式

发送到Sarah的Newsletter是一个自定义实施,它会触发到指定电子邮件ID的电子邮件。 新闻稿中的“立即应用”按钮链接到家庭保险应用程序,该应用程序是发布实例上的自适应表单。

亲自查看

打开以下URL以触发新闻稿电子邮件。 确保替换为有 [emailID] 效的电子邮件帐户以接收新闻稿。 打开新闻稿,然 后单击 “立即应用”转至主页保险应用程序。

https://[authorServer]:[authorPort]/content/campaigns/we-finance/start.html?app=ins&email=[emailID]&givenName=Sarah&familyName=Rose

莎拉认为家庭保险优惠很有趣,并选择申请

Sarah喜欢新闻快讯中的家庭保险计划,并决定申请该计划。 她单击新闻稿中的“立即申请”,该新闻稿在We.Finance门户上打开家庭保险应用程序。 应用程序表单按使用卡布局的章节进行组织。

在“个人信息”页面上,当Sarah提供其社会保险号时,她会收到一个提示,提示她使用凭据登录。

保险业

Sarah是We.Finance的现有客户。 她使用自己的We.Finance帐户凭据登录,表单中会自动填充她的个人详细信息。 她继续填写并提交申请。

如果Sarah在移动设备上提交了该应用程序,她将浏览以下屏幕。

移动保险形式

工作方式

新闻 稿中的 “立即申请”按钮将Sarah定向到We.Finance门户上的家庭保险应用程序。 应用程序是自适应表单,您可以在的创作实例中查看该表单 https://[host]:[Port]/editor.html/content/forms/af/we-finance/insurance/application-for-insurance.html

您可以在自适应表单中查看的一些主要功能包括:

  • 它基于XSD模式 insurance.xsd

  • 它使用Insurance主题为样式构建,并在表单标题布局中使用没有面板标题的布局进行移动导航。 当从移动设备打开时,它显示渐进式移动布局。 您可以在上查看模 https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance 板和在查看主题 https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/insurance/jcr:content

  • 它包括自适应表单规则,用于调用表单数据模型服务来预填已登录用户的用户详细信息。 它还调用服务,按社会保险号或表单中提供的电子邮件地址预填信息。 您可以在查看表单数据模型及其服务 https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm

  • 它使用各种自适应表单组件来捕获输入并适应用户响应。 它还使用支持HTML5输入类型的电子邮件等组件。

  • “保存我的进度”按钮为用户生成唯一的ID,并将部分填写的应用程序作为草稿保存在AEM存储库中的节点中。 此外,它还显示一个对话框,其中搜索允许发送电子邮件,其中包含指向包含草稿应用程序的节点的链接。 确认对话框上的“发送邮件”按钮会触发一封电子邮件,其中包含指向包含草稿的节点的链接。

  • 它使用调用AEM工作流提交操作来触发主保险批准工作流。 您可以在以下位置查看此表单中使用的工作流: https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-insurance-workflow.html

建议查看表单以了解用于构建表单的模式、组件、规则、表单数据模型、表单工作流和提交操作。

另外,请参阅以下文档以了解有关家庭保险应用程序自适应表单中使用的功能的更多信息:

亲自查看

单击 您在电子邮 件上收到的新闻稿上的“立即应用”按钮。 或者,也可以转 https://[publishHost]:[publishPort]/content/we-finance/global/en/all-forms.html 到并单 击保险 申请的“申请”。 在“ 123456789 社会保险编号”字段中指定。 出现提示时,使用 srose/srose 用户名/口令登录。

填写详细信息,浏览各种自适应表单组件,并提交应用程序。 您可以在查看自适应表单 https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/insurance/application-for-insurance.html

We.Finance批准申请并签订合同

We.Finance收到Sarah提交的家庭保险申请。 任务被分配给Gloria Rios。 她在AEM收件箱中查看应用程序并批准它。

保险收件箱——格里os

当Gloria批准Sarah的家庭保险申请时,Frank De Costa的AEM收件箱中会创建一个任务。 弗兰克审阅任务。 他为莎拉准备一份家庭保险单合同,将合同附在她的申请上,并将合同发给莎拉,请她签订合同。 代理UI中显示的合同是交互式通信的打印版本。

保险联系函

Sarah会收到一封电子邮件,其中附有用于签署家庭保险单合同的链接。 Sarah审阅并签署合同。

保险合同——电子邮件

工作方式

当Sarah提交家庭保险申请时,Forms Workflow会触发,任务会在Gloria的AEM收件箱中创建。 当Gloria审阅并批准该应用程序时,任务将分配给Frank De Costa。 在与保险应用程序关联的AEM工作流中,将任务从一个人物流定义到另一个人物流。 有关工作流的更多信息,请参 阅OSGi上以Forms为中心的工作流

下图描述了与保险应用程序关联的AEM工作流。

we-finance-sinurance-workflow-model

弗兰克用信件管理来准备一份家庭保险单合同。 他下载合同PDF并将其附加到Sarah的应用程序,然后单击“发送合同”。 该工作流会触发一封给Sarah的邮件,邮件中附有家庭保险单合同供其签署。

亲自查看

执行以下操作:

  1. 转到AEM Inbox, https://[publishHost]:[publishPort]/content/we-finance/global/en/login.html?resource=/aem/inbox.html然后以Gloria角色 grios/grios 的用户名密码身份登录。 批准Sarah的家庭保险申请的任务。

  2. 然后,以Frank角色的用 fdcosta/password 户名密码身份登录到AEM收件箱。 视图任务。

  3. 现在,转到并 https://[authorHost]:[authorPort]/aem/forms.html/content/dam/formsanddocuments/we-finance/insurance 预览HomeInsuranceWelcomeKit的字母模板。

  4. 在“数据”面板中指定信息。 单击 预览 ,然后将PDF下载到您的本地文件系统。 确保PDF文件以contract.pdf文件名保存。

  5. 转到Frank的AEM收件箱,打开任务,附加下载的合同PDF,然后单击“发 送合同”

  6. 打开包含合同的电子邮件并签署文档。

Sarah收到欢迎信件

当莎拉签署家庭保险合同时,她收到一封包含保单详情的电子邮件。

保险单详细信息

不久,她收到We.Finance发来的另一封电子邮件,上面还附有她的保单的欢迎信件。 从欢迎工具包中,Sarah可以访问她的政策文档和视图声明。

保险欢迎包

亲自查看

如果您在应用程序中指定了电子邮件ID,您会收到一封电子邮件,其中包含指向欢迎工具包的链接。 单击 “我的欢迎工具包 ”以打开欢迎工具包。

保险——欢迎——包——电子邮件

理财说明书演练

We.Finance财富管理方案涉及以下角色:

  • Sarah Rose,We.Finance客户

财富管理演练展示了We.Finance客户如何利用网站了解共同基金——蓝筹增长基金。 该参考站点使用交互式通信来显示有关该基金的信息。 该信息可以采用Web和PDF格式。 最后,客户将PDF版本的信息通过电子邮件发送给她的兄弟。

下图显示了财富管理演练的工作流:

财富管理——招股说明书——漫步

莎拉访问We.Finance网站并开放Blue Chip Growth Fund招股说明书

莎拉·罗丝计划投资一只共同基金。 她是现有的We.Finance客户,因此访问We.Finance门户以探索可用的共同基金。 她进入财富管理部,打开We.Finance蓝筹股增长基金页面。 本页包含招股说明书链接,其中包含有关当前和历史价格、月度表现、行业多元化、费用、费用、税金的详细信息,以及更多有关基金的信息。

slide1

工作方式

蓝筹增长基金的招股说明书是一种互动交流。 它使用文本、图像、图表和表组件(文档片段)来显示产品摘要、股票风格、基金业绩、基金详细信息和其他相关信息。 您可以在编辑模式下查看交互式通信,网址为https://[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html

图表和表从表单数据模型检索数据。 表单数据模型连接到配置的数据源,即本演练中的数据库,以检索特定于基金的信息。 您可以在https://[authorHost]:[authorPort]/aem/fdm/editor.html/content/dam/formsanddocuments-fdm/we-finance/wealth-management查看表单数据模型

亲自查看

转到We.Finance门户,网址[为https://]publishHost[:]publishPort/wefinance,点击财富管理,按资产类别扩展基金,然后点击We.Finance蓝筹股增长基金。 We.Finance Blue Chip Growth Fund招股说明书开幕。

Sarah探索Blue Chip Growth Fund招股说明书,了解该基金

Sarah浏览了招股说明书的“概述”、“价格与绩效”、“Portfolio管理”、“费用与最低值”以及“税金与支付”标签,以了解当前和历史价格、历史增长、与标准普尔500指数的比较、行业多元化、基金管理人员以及与基金相关的开支。 相关信息被隔离到不同的标签中。 招股说明书是一种互动交流。 交互式通信具有响应式设计。 她可以在任何屏幕尺寸的设备上打开交互式通信,交互式通信会重排设计以适合底层设备。

slide1-1

工作方式

蓝筹成长基金互动通讯使用母子面板将相关资讯分成不同部分。 父面板将所有子面板组织到选项卡中。

父选项卡的布局设置为顶部的选项卡,以将所有子面板转换为选项卡。 您可以在编辑模式下查看交互式通信的面板,网址为https://[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html。

亲自查看

请访问Blue Chip Growth Fund交互通信网https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html?wcmmode=disabled。 浏览所有选项卡。

Sarah视图并通过电子邮件发送PDF版本的Blue Chip Growth Fund页面

萨拉周末要去乡下旅行。 她计划与哥哥讨论蓝筹基金。 她的哥哥在一家银行工作,帮助她做出与金融相关的决策。 Sarah在笔记本电脑上下载了一份PDF版的蓝筹股增长基金页面,供脱机阅读。 她还通过电子邮件将PDF版本副本发送给她哥哥。

blue-chip-pdf

工作方式

蓝筹增长基金的招股说明书是一种互动交流。 它具有Web和PDF渠道。 交互通信与AEM工作流集成,通过电子邮件发送PDF版本。 可以在https:// authorHost上查看工作流[模型]:[ authorPort]/editor.html/conf/global/settings/workflow/models/wealthmanagement.html。

财富管理

亲自查看

要下载PDF版本,请转至Blue Chip Growth Fund交互通信https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html,点按下载PDF。

要通过电子邮件发送PDF,请转至Blue Chip Growth Fund交互通信https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html,点按电子邮件PDF。 指定 全名 和电 子邮件地址。 单击“ 发送电子邮件”。

汽车保险申请演练

We.Finance汽车保险应用方案涉及以下角色:

  • Sarah Rose,We.Finance客户
  • Conrad Simms,We.Finance保险代理

Sarah Rose是We.Finance的现有客户,已购买汽车保险。 现在是她续签保险单的时候。 We.Finance保险代理康拉德·西姆斯向莎拉发送了关于她保单续签的提醒。 提醒电子邮件包含一个PDF,其中包含策略续订详细信息以及指向交互式通信的Web版本的链接。 交互式通信采用适合移动设备的响应式设计。 她可以在任何设备上打开交互通信,并重排交互通信以适合底层设备的屏幕大小。 附加到电子邮件的交互式通信的PDF版本对脱机阅读很有帮助。

Sarah按照电子邮件中提供的说明操作并成功重新发布该过程。 下图显示了汽车保险应用程序演练的工作流: 自动保险——申请演练

康拉德向We.Finance发送保险单续订通讯

Conrad登录AEM实例,打开“自动保险”仪表板,指定Sarah的 客户ID,然后单击“ 续订策略”。 此 时将打开 “代理UI”,其中显示已填写的Sarah Rose的策略详细信息。 Conrad指定了Sarah的电子邮件地址,并单击“ 提交”。 Sarah会收到一封电子邮件,主题 为“您的汽车保险续订”。

cc-仪表板

工作方式

保险单续订通信是一种交互通信。 Conrad Simms使用代理UI将保险单续订通信发送给Sarah。 通信包括打印(PDF)和指向交互通信的Web渠道的链接。 交互通信使用AEM Workflow发送电子邮件。 您可以在https:// authorHost上查看该[工作流]:[ authorPort]/editor.html/conf/global/settings/workflow/models/we-finance-auto-insurance-renewal.html

自动保险工作流

亲自查看

以Conrad Simms( csims/密码)的身份登录 We.Finance汽车保险仪表板。 URL为https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html。 指定 客户ID。 Sarah Rose的客户ID为900001。 单击 续订策略。 交互式通信在代理UI中打开。 在代理UI中,输入有效的电子邮件地址以发送附加了策略文档的电子邮件,然后单击“ 提交”。 屏幕上会显示一条消息“已启动提交”,几秒后会显示另一条消息“已成功提交”。 一封电子邮件,主题 为“您的自动保险续订 ”,它以指定的电子邮件地址发送。 萨拉·罗斯的政策是高级政策。

汽车保险演练中还包含另一位客户艾莉森·琼斯。 Alison Jones的客户ID为900002。 当您将交互式通信发送给Alison Jones时,会发送标准策略。 标准和高级策略的区别在于:

  • 高级策略有横幅图像,标准策略只有地址块下方的文本。
  • 标准政策比高级政策成本低。
  • 优惠政策有防盗奖励,标准政策有聪明的骑行奖励

这两个策略都使用相同的交互式通信。 策略中的部分会根据策略类型条件进行更改或隐藏。 您可以直接从 https://[authorHost]: [authorPort]/aem/formdetails.html/content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal

将Microsoft Dynamics用作数据源

该参考站点还提供交互通信,该通信使用Microsoft Dynamics作为表单数据模型的数据源。 执行以下步骤,为汽车保险演练配置交互式通信:

  1. 以管理员[身份][登]录https:// author:port/crx/de。
  2. Open the /apps/we-finance/components/ccrui/ccrui.jspfile.
  3. Set the value of FormFieldRequestParameterto /content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal-dynamics
  4. 点按 全部保存。 该参考站点被配置为使用交互通信,该交互通信使用MS Dynamics作为数据源。

现在,以Conrad Simms( csimms/密码)的身份登录 We.Finance汽车保险仪表板。 URL为https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html。 指定 客户ID。 Sarah Rose的客户ID为900001。 单击 续订策略。 交互式通信在代理UI中打开。 在代理UI中,输入有效的电子邮件地址以发送附加了策略文档的电子邮件,然后单击“ 提交”。 屏幕上会显示一条消息“已启动提交”,几秒后会显示另一条消息“已成功提交”。 以您的自动保险续 订为主题的电子邮件 ,会以指定的电子邮件地址发送。

注意

当您使用使用Microsoft Dynamics作为数据源的交互式通信时,发送到Sarah的电子邮件中的链接指向不使用Microsoft Dynamics的交互式通信。 要解决此问题,请手动更改电子邮件模板中的链接。

agent_ui_email-1

Sarah收到We.Finance发来的保险单续订通信,并决定续订

Sarah收到一封附有We.Finance附件的电子邮件,提醒她汽车保险保单即将过期。 附件是其汽车保险单续订详细信息的打印版本。

Sarah点击 Renew Now (立即续订)并转到Web版的汽车保险信。 在这封信上,Sarah找到了她的政策到期的剩余天数。 本页概述了Sarah的保险单详细信息,如保单编号、到期金额,以及折扣优惠和忠诚度奖励等其他信息。 Sarah再次单 击策略 底部的“立即续订”。

自动保险续签电子邮件

工作方式

汽车保险信的Web和打印输出是使用Interactive Communications的多渠道功能创建的。 电 子邮件中 的“立即续订”按钮链接到自动保险续订应用程序,该应用程序是发布实例上的交互式通信。

ic-web版本

亲自查看

您必须已收到一封附有PDF的电子邮件。 PDF是您的汽车保险信的印刷版。 单 击“ Renew Now(立即续订)”以访问Web版本的策略。 检查您的个人信息和策略详细信息,然后单击“ 立即续订”。 您需要使用自适应表单进行付款。

子邮件 中的“立即续订”按钮将Sarah引导至策略的Web版本。 您可以访问以下URL:

https://[publishServer]:[publishPort]/content/document.html?模式=fdm&documentId=/content/forms/af/we-finance/autoinsurance/auto-insurance-renewal/channels/web.html&customerId=900001

您可以检查汽车保险续订的详细摘要,并 单击页 面底部的“立即续订”。

Sarah打开付款页面并进行付款并完成该流程

当Sarah在交 互式通信 的Web版本上单击“立即续订”时,将打开付款页面。 Sarah会重新检查其政策编号和到期日,并记录其记录。 在页面右侧,她以总金额的10%溢价折扣检查续订的“付款摘要”。 Sarah会填写她的信用卡详细信息并单击“ 付款”

支付自适应表单

工作方式

Renew Now(立即续订)按钮将指示Sarah进入付款页面。 付款页面是自适应表单。 Sarah会填写信用卡详细信息并单击“ 提交”。 系统会处理她的信用卡付款,屏幕上会显示在自适应表单中配置的感谢信。

亲自查看

单击 立即续 订以访问付款页面。 填写您的信用卡信息,然后单击“ 付款”。 您可以访问创作实例中的付款页面:

https://[authorServer]:[authorPort]/content/document.html?documentId=/content/forms/af/we-finance/credit-card/ccbillpayment.html&模式=fdm&customerId=900001

单击“付款”按钮后,将显示感谢信。

在此页面上