We.Finance參考網站逐步說明

先決條件

設定和配置AEM Forms參考網站中所述設定參考網站。

We.Finance參考站點方案

We.Finance是金融服務領域的領先組織,提供全面且個人化的金融解決方案,以符合不同客戶設定檔的要求。 他們提供信用卡、住房抵押和住房保險服務。

他們的目標是在其偏好的裝置上與現有和潛在客戶聯絡,說明其服務的優點,並協助他們註冊其服務。 此外,他們還希望推銷更多金融產品,比如客戶可能覺得有趣的附加卡。

閱讀We.Finance使用案例的詳細解說,並了解AEM Forms如何協助金融組織達成其目標。 涵蓋下列逐步說明:

信用卡申請逐步說明

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

  • We.Finance客戶莎拉·羅斯
  • Gloria Rios,We.Finance信用卡與抵押業務主管

以下資訊圖描述了信用卡應用程式的逐步工作流。

workflow_aem

讓我們詳細了解參考網站案例,了解AEM Forms如何協助We.Finance達成其目標。

Sarah收到We.Finance的電子報並申請信用卡

莎拉·羅絲是We.Finance的現有客戶。 她從We.Finance收到一份關於新信用卡優惠的通訊。 她覺得這些優惠令人興奮,並決定申請信用卡。 她按一下電子報中的「立即應用」按鈕,該按鈕將她轉到We.Finance門戶上的信用卡應用。

行銷 — 電子郵件

其運作方式

傳送給Sarah的電子報是自訂實作,會觸發電子郵件至指定的電子郵件ID。 電子郵件中的「立即套用」按鈕會連結至信用卡應用程式,此應用程式是發佈執行個體上的最適化表單。

你自己看

在發佈執行個體上開啟下列URL以觸發電子報電子郵件。 請確定您以有效的電子郵件帳戶取代[emailID]以接收電子報。 開啟電子報,然後按一下​立即套用​以前往信用卡應用程式。

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

Sarah認為該優惠方案有趣,並選擇應用

Sarah決定申請信用卡,並點選電子郵件上的​Apply Now​按鈕。 它將Sarah帶到We.Finance門戶上的信用卡申請。 應用程式表單使用卡片佈局按部分組織。

Sarah從可用選項中選擇信用卡,然後按一下​Continue

cc-application-form-desktop

在「個人資訊」頁面上,當Sarah提供她的社會安全號碼時,她會收到提示,提示使用她的憑據登錄。

login-ssn

Sarah是We.Finance的現有客戶。 她使用We.Finance帳戶憑證登入,表單中會自動填入她的個人詳細資訊。 莎拉繼續填寫申請表,那時她必須參加一個會議,收到提醒。 她按一下應用程式表單上的​儲存我的進度。 它保存了Sarah迄今填入的所有資訊,並彈出一個對話框,確認她是否希望收到一封電子郵件,其中包含她草稿申請的連結,以便稍後完成。

Sarah按一下​發送郵件。 她會收到一封電子郵件,內含繼續申請信用卡的連結。

繼續

Sarah從移動設備訪問信用卡應用程式

如果Sarah正從行動裝置存取信用卡應用程式,回應式應用程式會以針對行動裝置最佳化的檢視開啟。 在此檢視中,應用程式表單會一次呈現為一個區段。 它可讓Sarah在瀏覽應用程式時逐步檢視和提供資訊。

行動表單

其運作方式

Apply Now​按鈕將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登入時,請按一下信用卡應用程式上的​Apply now​按鈕。 填寫一些詳細資訊,探索各種最適化表單元件,然後按一下​儲存我的進度​以接收包含連結至草稿應用程式的​繼續​按鈕的電子郵件。 請務必在應用程式表單中指定您的電子郵件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恢復並提交應用程式

莎拉稍後回來,從We.Finance找到一封電子郵件。 她按一下電子郵件中的​繼續​按鈕,該按鈕將她帶到擬定信用卡申請。 她之前填寫的資訊預先填入。 她填寫剩餘的申請表,簽名申請並提交。

resume-1

或者,她也可以在We.Finance首頁的​My Forms​下存取草稿申請。

入口草稿

其運作方式

電子郵件中的「繼續」按鈕可將Sarah重新導向至包含其草稿應用程式的節點。

你自己看

您必須已收到電子郵件,內含您在填寫申請表時指定之電子郵件ID上草稿應用程式的連結。 請繼續,填寫申請中的其餘部分並提交。

We.Finance接收並批准該應用程式

We.Finance收到Sarah提交的信用卡申請。 任務已分配給Gloria Rios。 她會在AEM收件匣中檢閱工作,並核准該工作。

收件匣

其運作方式

當Sarah填寫並提交信用卡應用程式時,Forms Workflow會觸發,並在Gloria的AEM收件匣中建立任務。

AEM Forms on OSGi提供以表單為中心的工作流程,可讓您建立最適化表單式工作流程。 這些工作流程可用於審核和批准、業務流程流程、啟動文檔服務、與Adobe Sign簽名工作流整合等。 如需詳細資訊,請參閱OSGi🔗上以Forms為中心的工作流程。

下圖描述了處理信用卡應用程式並生成應用程式PDF輸出的AEM工作流。

工作流程

你自己看

您可以訪問we.finance網站的AEM收件箱,網址為: https://<hostname:<PublishPort>/content/we-finance/global/en.html。 在頁面上,點選​登入,選取​登入為代表​核取方塊,使用grios/password作為Gloria Rios的使用者名稱/密碼登入AEM收件匣,並核准信用卡應用程式。 有關將AEM收件匣用於以表單為中心的工作流程任務的資訊,請參閱在AEM收件匣中管理Forms應用程式和任務

收件匣 — 1

當您核准應用程式時,Sarah會收到包含歡迎套件的電子郵件。

Sarah收到歡迎套件並申請附加卡

當Sarah的信用卡申請獲得批准時,她會收到一封包含Welcome Kit連結的電子郵件。 她開啟了Welcome Kit,其中包括她的信用卡賬戶詳情。 Welcome Kit還顯示針對Sarah的個性化促銷優惠。 當她向下捲動時,歡迎套件包含要申請附加卡的嵌入式表單。 Sarah從Welcome Kit中快速填寫了所需的詳細資訊,並申請了附加卡。 將顯示附加卡應用程式的確認對話框。

薩拉的welcome-kit

歡迎套件為Sarah個人化,並顯示與她相關的資訊。 它提供下載歡迎套件PDF版本的選項。

白金卡的優點

歡迎套件包括另一份申請表,Sarah可填寫並提交該申請表,以從歡迎套件中申請附加卡,無需訪問We.Finance門戶。

apply-addon-card

其運作方式

歡迎套件是cq-we-finance-content-pkg.zip包中包含的互動式通信。 案頭版中用來展示歡迎套件中信用卡優勢的互動式卡片是使用檔案片段的預設卡片版面建立的自訂版面。

附加卡應用程式是歡迎套件互動式通訊中的內嵌最適化表單。

你自己看

按一下您在上一步收到的電子郵件中的​繼續​按鈕。 它會開啟草稿應用程式。 填寫所有詳細資訊並提交申請。 然後您將收到歡迎套件。 查看歡迎套件。

您也可以在以下URL查看歡迎套件:

https://<host>:<port>/content/aemforms-refsite/doclink.html?document=/content/forms/af/we-finance/credit-cardwelcomekit&customerId=197&channel=web

您可以在製作和發佈執行個體上存取它。

Sarah收到信用卡報表

當莎拉開始使用信用卡時,她收到了We.Finance的另一封電子郵件,其中包括她的信用卡報表。 下列影像顯示行動裝置上具有信用卡對帳單連結的電子郵件。

語句 — 電子郵件

Sarah按一下電子郵件中的「查看對帳單」以查看信用卡對帳單。 聲明是互動式通訊。 它有Web和打印(PDF)版本。 此陳述式與Forms資料模型整合,以從資料庫擷取客戶專屬的資料。 互動式發言包括各種要素:

  • 語句摘要
  • 詳細費用報表
  • 圖形化費用分析
  • 從報表內支付到期款項的選擇
  • 下載付款收據

信用卡報表的不同部分

Sarah不需要前往入口網站,或在電子郵件中搜尋PDF版的信用卡對帳單,以便離線存檔。 她只是按一下「下載聲明」來下載聲明的PDF版本。

詳細陳述式會列在回應式表格中。 報表還提供了從報表中支付部分或全部到期款項的選項。

詳細語句

Sarah從報表中安排付款。 Sarah還可以使用Flexi Pay選項將付款分成等份。

其運作方式

信用卡對帳單是互動式通信。 語句中的詳細費用表是響應表。 用於費用分析的圖形是圖表元件,讀取費用表並生成餅圖。

你自己看

您可以在以下URL查看互動式信用卡對帳單:

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

您可以在製作和發佈執行個體上存取它。

信用卡對帳單顯示在對帳單末尾的促銷優惠。 您可以將Adobe Target與AEM Forms互動式通訊整合,以根據特定客戶區段提供具針對性的促銷優惠方案。 若要設定您的互動式通訊以針對自訂和鎖定目標選件使用Adobe Target,請參閱建立鎖定目標體驗

We.Finance分析信用卡申請的績效

We.Finance會不時檢查其信用卡申請的績效,以檢查客戶可能面臨的任何問題。 他們利用此分析對信用卡應用程式中需要的更改做出明智的決策,以增強用戶體驗,降低表單放棄率,從而改善轉換。 他們善用AEM Forms與Adobe Analytics的整合來進行分析。 下列影像可描繪其分析控制面板。

如需如何解讀分析控制面板的詳細資訊,請參閱檢視及了解AEM Forms分析報表

cc-analytics

其運作方式

信用卡申請表單的績效量度是使用Adobe Analytics來追蹤。 如需有關設定Adobe Analytics和檢視報表的詳細資訊,請參閱設定表單和檔案的分析

你自己看

為方便您檢視及探索分析報表,我們提供了參考網站中信用卡應用程式的種子資料。 使用種子資料之前,請參閱設定Analytics。 在製作例項中執行下列步驟,檢視含有種子資料的報表:

  1. 前往https://Forms與檔案 UI,網址為:<hostname:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments。

  2. 按一下以開啟​We.Finance​資料夾。

  3. 選擇「信用卡申請​適用性表單」,然後在工具列中按一下「啟用Analytics」。

  4. 再次選取最適化表單,然後按一下工具列中的​Analytics報表​以產生報表。 您一開始會看到空白報表。

若要產生含種子資料的分析報表:

  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. 在​analyticsdata​欄位中​屬性​下,貼上種子資料檔案的複製內容。

  7. 選取「信用卡申請​適用性表單」 ,然後按一下工具列中的「​分析報表​」 ,以產生含有種子資料的報表。

信用卡申請的A/B測試

除了分析信用卡應用程式的效能並不斷改進之外,We.Finance還利用AEM Forms與Target的整合來建立A/B測試。 它可讓他們提供信用卡申請表的不同體驗,並識別在表單填寫和提交方面導致更高轉換率的體驗。

若要在AEM Forms伺服器中設定Target,請參閱在AEM Forms中設定和整合Target

執行以下步驟以體驗為We.Finance信用卡申請表建立A/B測試的過程:

  1. 前往​Forms與檔案(https://)<hostname>:AuthorPort>/aem/forms.html/content/dam/formsanddocuments。

  2. 按一下以開啟​We.Finance​資料夾。

  3. 選擇​信用卡申請​最適化表單。

  4. 按一下工具列中的​More ,然後選取​Configure A/B Testing。 「設定A/B」測試頁面隨即開啟。

  5. 指定​活動名稱

  6. 從「對象」下拉式清單中,選取您要為其提供不同表單體驗的對象。 例如,使用Chrome​的訪客。

  7. 在體驗A和B的​體驗分送​欄位中,以百分比指定分送,以決定體驗在總受眾中的分送。 例如,如果您分別為體驗A和B指定40、60,體驗A將提供給40%的對象,其餘60%將看到體驗B。

  8. 按一下​配置。 出現對話方塊,確認A/B測試的建立。

  9. 按一下​Done

  10. 選擇「信用卡申請」表單,然後按一下「編輯」。 它提供開啟其中一個體驗的選項。 按一下「體驗B」。 表單會在編輯模式中開啟。

  11. 視需要修改表單,以建立與預設體驗A不同的體驗。

  12. 前往Forms和檔案UI,選取表單,按一下​More,然後選取​Start A/B Testing

  13. 現在,請使用下列url在Chrome瀏覽器中多次開啟表單:

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

    注意

    在下次開啟表單之前,請先從瀏覽器的Cookie永續性中移除名稱為​mbox​的Cookie。 您會隨機看到表單的體驗A和B。

  14. 選取表單,按一下​More,然後按一下​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測試,請按一下報表控制面板上的​結束A/B測試​按鈕。 此時,對話方塊會提示您宣告體驗。 選擇獲勝者並確認以結束A/B測試。

如果您選擇體驗A作為獲勝者,A/B測試將會結束,並且隨後,只會向所有對象提供體驗A,包括Chrome上的對象。

住房抵押申請逐步說明

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

  • We.Finance客戶莎拉·羅斯
  • Gloria Rios,We.Finance信用卡與抵押業務主管
  • John Doe,We.Finance客戶服務代表

以下資訊圖描述了住房抵押申請的逐步工作流。

home_mortgage_application_walkthrough

現在,讓我們詳細了解參考網站案例中的步驟,以了解AEM Forms如何協助We.Finance達成其目標。

Sarah訪問We.Finance網站並申請住房抵押

莎拉·羅絲正計畫購買一套住房,並尋找住房抵押貸款計畫。 她是We.Finance客戶,因此,她訪問We.Finance門戶來探索住房抵押優惠。 她前往「貸款」區段,在入口網站上找到抵押貸款計算器。 她填寫了詳細資訊,點擊了「計算我的抵押貸款」,該計畫返回了抵押貸款計畫。

loans1 loans2
圖: 抵押計算器

貸款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查看最適化表單。

你自己看

前往https://<publishHost>:<publishPort>/content/we-finance/global/en.html的We.Finance門戶,然後按一下​Loans。 在抵押貸款計算器中提供詳細資訊,並查看結果。

Sarah認為該優惠方案有趣,並選擇應用

Sarah選擇申請住房抵押,並按一下​Apply Now​對住房抵押計算器結果進行計算。 它開啟了住房抵押申請。

如果Sarah正在從移動設備訪問住房抵押申請,則會開啟申請表,以在移動設備上查看的視圖進行優化。 在此檢視中,「應用程式」表單一次轉譯一個區段。 它可讓Sarah在導覽應用程式表單時,逐步檢視和提供資訊。

下列影像顯示Sarah在行動裝置上瀏覽住房抵押應用程式時的工作流程。

在行動裝置上填寫抵押申請

如果Sarah從案頭按一下​Apply now,則按揭申請表將按如下所示開啟。 Sarah在抵押貸款計算器中提供的資訊在申請表中預填。 Sarah填寫剩餘詳細資訊,然後按一下​Continue

抵押申請

根據Sarah在抵押貸款計算器中填寫的資訊,她收到了一些抵押貸款計畫。 她選擇了符合自己要求的計畫,並繼續填寫申請。 她終於簽了名,提交了申請。

提交的申請將提交We.Finance審批。

儲存草稿應用程式

其運作方式

Apply now​按鈕將Sarah引導到住房抵押申請。 應用程式是最適化表單,您可以在https://[host]:[Port]/editor.html/content/forms/af/we-finance/hm-app.html的製作例項中檢閱。

您可以在最適化表單中檢閱的一些主要功能包括:

  • 它以XSD架構homeMortgageApplication.xsd為基礎。

  • 它是使用We Finance主題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
  • 應用程式中的第一個標籤「快速入門」是動態抵押計算器,可根據使用者選擇顯示選項。 例如,「購買」和「再融資」選項的欄位和值不同。 此功能是使用顯示隱藏規則來達成。 此外,按一下「繼續」並初始化「計畫」頁簽時,它將調用在「表單資料模型」中配置的Web服務,以獲取和顯示抵押計畫。 您可以在https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm查看表單資料模型和配置的服務。

  • 它使用各種最適化表單元件來擷取輸入,並適應使用者的回應。 它也使用支援HTML5輸入類型的元件,例如電子郵件。

  • 它使用簽名步驟元件來顯示完成的表單,並允許在表單上進行電子簽名。

  • 它使用「叫用AEM工作流程」提交動作來觸發「我們融資住房抵押」AEM工作流程。 您可以在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,然後按一下「住房抵押申請」上的​Apply now​按鈕。 在「快速入門」頁簽中填寫詳細資訊,嘗試其他選項,然後提交應用程式。

請確定您在應用程式中指定有效的電子郵件ID,以在收件匣中接收確認郵件。

We.Finance接收應用程式

We.Finance收到Sarah提交的抵押申請。 要批准或拒絕應用程式的任務被分配給Gloria Rios。 她審查了申請,發現Sarah的政府身份證丟失了。

格里os收件箱

Gloria會開啟任務,然後按一下「需要更多資訊」,並對缺少的政府ID發表評論。

需要更多資訊

該任務現在已分配給We.Finance的客戶服務代表John Doe。 他開啟工作,評論格洛麗亞的評論。 他聯繫了莎拉,請她寄一份身份證。 收到Sarah身份證副本後,他將其附加到任務中,並提交重新評估的申請。

再評價

任務被重新分配給格洛麗亞。 她審核附加的ID並批准該申請。

其運作方式

當Sarah填寫並提交住房抵押申請時,Forms Workflow會觸發,而任務會建立在Gloria的AEM收件匣中。 當Gloria查看應用程式並請求提供詳細資訊時,任務將分配給John Doe。 當John Doe附加ID並重新提交應用程式時,會將其指派給Gloria。 這在與抵押申請關聯的AEM工作流程中定義。

AEM Forms on OSGi提供以表單為中心的工作流程,可讓您建立最適化表單式工作流程。 這些工作流程可用於審核和批准、業務流程流程、啟動文檔服務、與Adobe Sign簽名工作流整合等。 如需詳細資訊,請參閱OSGi🔗上以Forms為中心的工作流程。

下圖描述與抵押申請關聯的AEM工作流。

mortgage-workflow-model

你自己看

您可以在https://<hostname>:<AuthorPort>/content/we-finance/global/en/login.html?resource=/aem/inbox.html訪問AEM收件箱。 使用grios/password作為Gloria Rios的用戶名/密碼,使用jdoe/jdoe作為John Doe的登錄AEM收件箱,並探索住房抵押申請工作流。

有關將AEM收件匣用於以表單為中心的工作流程任務的資訊,請參閱在AEM收件匣中管理Forms應用程式和任務

Sarah收到歡迎套件

Sarah的抵押貸款申請獲得批准後,她會收到一封電子郵件,其中包含Welcome Kit的連結。 她開啟了Welcome Kit,其中包括一個輪播,顯示為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收到帳戶語句

隨著莎拉獲得貸款並開始支付分期付款,她收到了We.Finance的另一封電子郵件,其中包括她的月度賬戶報表。

mortgage-statement-email

Sarah按一下電子郵件中的「查看對帳單」以查看抵押帳戶對帳單。 互動式發言包括各種要素:

  • 語句摘要
  • 語句詳細資訊

下圖顯示了案頭上帳戶語句的不同部分。

抵押貸款帳戶報表

詳細的報表在響應表中列出,並提供了從報表中支付部分或整個到期金額的選項。

其運作方式

抵押聲明是互動式溝通。 會使用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和檢視報表的詳細資訊,請參閱設定表單和檔案的分析

你自己看

為了讓您檢視和探索分析報表,我們提供參考網站中按揭申請的種子資料。 使用種子資料之前,請參閱設定Analytics。 在製作例項中執行下列步驟,檢視含有種子資料的報表:

  1. 前往https://Forms與檔案 UI,網址為:<hostname:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments。

  2. 按一下以開啟​we-finance​資料夾。

  3. 選取「住房抵押申請​適用性表單」,然後在工具列中按一下「啟用Analytics」。

  4. 再次選取表單,然後按一下工具列中的​Analytics報表​以產生報表。 您一開始會看到空白報表。

若要產生含種子資料的分析報表:

  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. 在「屬性」下的「分析資料」欄位中,貼上種子資料檔案的複製內容。
  7. 現在重新產生「住房抵押申請表」的分析報表。 您會看到包含種子資料的報表。

抵押申請的A/B測試

除了分析抵押申請的績效並不斷改進之外,We.Finance還利用AEM Forms與Target的整合來建立A/B測試。 它可讓他們提供不同的申請表單體驗,並找出在表單完成和提交方面導致更佳轉換率的體驗。

若要在AEM Forms伺服器中設定Target,請參閱在AEM Forms中設定和整合Target

在製作例項中執行下列步驟,體驗為We.Finance抵押申請表單建立A/B測試的過程:

  1. 前往​Forms與檔案(https://)<hostname>:AuthorPort>/aem/forms.html/content/dam/formsanddocuments。

  2. 按一下以開啟​We.Finance​資料夾。

  3. 選擇​申請住房抵押​最適化表單。

  4. 按一下工具列中的​More ,然後選取​Configure A/B Testing。 「設定A/B」測試頁面隨即開啟。

  5. 指定​活動名稱

  6. 從「對象」下拉式清單中,選取您要為其提供不同表單體驗的對象。 例如,使用Chrome​的訪客。

  7. 在體驗A和B的​體驗分送​欄位中,以百分比指定分送,以決定體驗在總受眾中的分送。 例如,如果您分別為體驗A和B指定40、60,體驗A將提供給40%的對象,其餘60%將看到體驗B。

  8. 按一下​配置。 出現對話方塊,確認A/B測試的建立。

  9. 按一下​Done

  10. 選擇​住房抵押申請​最適化表單,然後按一下​編輯。 它提供開啟其中一個體驗的選項。 按一下「體驗B」。 表單會在編輯模式中開啟。

  11. 視需要修改表單,以建立與預設體驗A不同的體驗。

  12. 前往Forms和檔案UI,選取表單,按一下​More,然後選取​Start A/B Testing

  13. 現在,請使用下列url在Chrome瀏覽器中多次開啟表單:

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

    注意

    在下次開啟表單之前,請先從瀏覽器的Cookie永續性中移除名稱為​mbox​的Cookie。 您會隨機看到表單的體驗A和B。

  14. 選取表單,按一下​More,然後按一下​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測試,請按一下報表控制面板上的​結束A/B測試​按鈕。 此時,對話方塊會提示您宣告體驗。 選擇獲勝者並確認以結束A/B測試。

如果您選擇體驗A作為獲勝者,A/B測試將會結束,並且隨後,只會向所有對象提供體驗A,包括Chrome上的對象。

Microsoft Dynamics的住房抵押申請逐步說明

We.Finance住房抵押與Microsoft Dynamics方案包含以下角色:

  • 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門戶來探索住房抵押優惠。 她前往「貸款」區段,在入口網站上找到抵押貸款計算器。 她填寫了詳細資訊,點擊了「計算我的抵押貸款」,該計畫返回了抵押貸款計畫。

loans1 loans2
圖: 抵押計算器

貸款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查看最適化表單。

你自己看

前往https://<publishHost>:<publishPort>/content/we-finance/global/en.html的We.Finance門戶,然後按一下​Loans。 在抵押貸款計算器中提供詳細資訊,並查看結果。

Sarah認為該優惠方案有趣,並選擇應用

Sarah選擇申請住房抵押,並按一下​Apply Now​對住房抵押計算器結果進行計算。 它開啟了住房抵押申請。

如果Sarah正在從移動設備訪問住房抵押申請,則會開啟申請表,以在移動設備上查看的視圖進行優化。 在此檢視中,「應用程式」表單一次轉譯一個區段。 它可讓Sarah在導覽應用程式表單時,逐步檢視和提供資訊。

下列影像顯示Sarah在行動裝置上瀏覽住房抵押應用程式時的工作流程。

在行動裝置上填寫抵押申請

如果Sarah從案頭按一下​Apply now,則按揭申請表將按如下所示開啟。 Sarah在抵押貸款計算器中提供的資訊在申請表中預填。 Sarah填寫剩餘詳細資訊,然後按一下​Continue

抵押申請

根據Sarah在抵押貸款計算器中填寫的資訊,她收到了一些抵押貸款計畫。 她選擇了符合自己要求的計畫,並繼續填寫申請。 她終於簽了名,提交了申請。

提交的申請將提交We.Finance審批。

儲存草稿應用程式

其運作方式

Apply now​按鈕將Sarah引導到住房抵押申請。 應用程式是最適化表單,您可以在https://[host]:[Port]/editor.html/content/forms/af/we-finance/ms-dynamics/application-for-home-mortgage.html的製作例項中檢閱。

您可以在最適化表單中檢閱的一些主要功能包括:

  • 它以XSD架構homeMortgageApplication.xsd為基礎。

  • 它是使用We Finance主題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
  • 應用程式中的第一個標籤「快速入門」是動態抵押計算器,可根據使用者選擇顯示選項。 例如,「購買」和「再融資」選項的欄位和值不同。 此功能是使用顯示隱藏規則來達成。 此外,按一下「繼續」並初始化「計畫」頁簽時,它將調用在「表單資料模型」中配置的Web服務,以獲取和顯示抵押計畫。 您可以在https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm查看表單資料模型和配置的服務。

  • 它使用各種最適化表單元件來擷取輸入,並適應使用者的回應。 它也使用支援HTML5輸入類型的元件,例如電子郵件。

  • 它使用簽名步驟元件來顯示完成的表單,並允許在表單上進行電子簽名。

建議您檢閱表單,以了解結構、元件、規則、表單資料模型、表單工作流程,以及提交用於建立表單的動作。

管理員在Microsoft Dynamics實例中查看已提交的資料

We.Finance收到Sarah在Microsoft Dynamics實例上提交的抵押申請。 管理員點選銷售機會欄中的項目,以前往為Sarah Rose建立的銷售機會記錄。

msdynamicrecord

家庭保險申請逐步

We.Finance家庭保險方案涉及以下角色:

  • 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的電子報是自訂實作,會觸發電子郵件至指定的電子郵件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為基礎。

  • 它是使用保險主題來建置樣式,並在行動導覽的表單標題配置中使用沒有面板標題的配置。 從行動裝置開啟時,會顯示漸進式行動版面。 您可以在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收件匣中檢閱應用程式,並核准它。

保險 — 收件匣 — 格里奧

當Gloria批准Sarah的家庭保險申請時,Frank De Costa的AEM收件匣中就會建立一個任務。 弗蘭克審查了這項任務。 他為莎拉準備了一份家庭保險單合同,把合同附在她的申請上,然後把合同寄給莎拉簽了合同。 下面顯示在代理UI中的合同是互動式通信的打印版本。

保險聯繫函

Sarah收到一封電子郵件,其中包含要簽署的家庭保險單合同的連結。 莎拉審查並簽了合同。

保險合同 — 電子郵件

其運作方式

當Sarah提交家庭保險應用程式時,Forms Workflow會觸發,並在Gloria的AEM收件匣中建立任務。 當Gloria審核並批准該申請時,該任務被分配給Frank De Costa。 在與保險應用程式關聯的AEM工作流程中,會定義從一個角色到另一個角色的任務流。 如需工作流程的詳細資訊,請參閱OSGi🔗上以Forms為中心的工作流程。

下圖描述了與保險應用程式關聯的AEM工作流。

we-finance-insurance-workflow-model

Frank用通信管理來準備一份家庭保險單合同。 他下載合同PDF並將其附加到Sarah的應用程式中,然後按一下「發送合同」。 工作流程會觸發一封郵件給Sarah,內含主保單合約以供簽署。

你自己看

請執行下列動作:

  1. 前往AEM收件匣, https://[publishHost]:[publishPort]/content/we-finance/global/en/login.html?resource=/aem/inbox.html並使用grios/grios登入,作為Gloria角色的使用者名稱密碼。 批准莎拉的家庭保險申請。

  2. 接下來,使用fdcosta/password登入AEM收件匣,作為Frank角色的使用者名稱密碼。 查看任務。

  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可以訪問其政策文檔並查看聲明。

保險 — welcome-kit

你自己看

如果您在應用程式中指定了電子郵件ID,您會收到一封包含歡迎套件連結的電子郵件。 按一下「My Welcome Kit」開啟歡迎套件。

insurance-welcome-kit-email

理財說明書逐步說明

We.Finance Wealth Management的情景包含以下角色:

  • We.Finance客戶莎拉·羅斯

財富管理逐步演示了We.Finance客戶如何利用該網站了解共同基金 — 藍籌增長基金。 參考網站使用互動式通訊來顯示有關基金的資訊。 此資訊可以以Web和PDF格式使用。 逐步說明的結尾是,客戶將PDF版的資訊以電子郵件傳送給她的弟弟。

下圖顯示財富管理逐步說明的工作流程:

財富管理 — 招股說明書 — 逐步說明

Sarah訪問We.Finance網站並開啟藍籌增長基金招股書

莎拉·羅斯正計畫投資一隻共同基金。 她是We.Finance的現有客戶,因此,她訪問We.Finance門戶以探索可用的共同基金。 她前往財富管理部,開啟了We.Finance藍籌股增長基金頁面。 該頁包含招股說明書的連結,其中包含有關當前和歷史價格、月度業績、行業多元化、支出、費用、稅金的詳細資訊,以及關於這些基金的更多資訊。

幻燈片1

其運作方式

藍籌增長基金的招股說明書是一種互動式溝通。 它使用文本、影像、圖表和表元件(文檔片段)來顯示產品摘要、股票風格、基金業績、基金詳細資訊和其他相關資訊。 您可以在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

你自己看

前往https://[publishHost]:[publishPort]/wefinance,點選「財富管理」,按資產類別展開「基金」,然後點選「We.Finance Blue Chip Growth Fund」。 We.Finance藍籌增長基金招股書開幕。

Sarah探索Blue Chip Growth Fund招股說明書,以了解該基金

Sarah瀏覽了招股說明書的「概覽」、「價格與業績」、「Portfolio管理」、「費用與最低」、「稅金與付款」頁簽,以了解當前和歷史價格、歷史增長、與標普500指數的比較、從行業角度進行多樣化、管理基金的人員以及與基金相關的支出。 相關資訊被分成不同的標籤。 招股說明書是一種互動式溝通。 互動式通訊具有回應式設計。 她可以在任何螢幕大小的設備上開啟互動式通信,互動式通信將設計重新流動,以適合底層設備。

幻燈片1-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版的藍籌股成長基金頁面

莎拉週末要去鄉下。 她計畫與哥哥討論藍籌基金。 她的哥哥在一家銀行工作,幫助她做與金融相關的決策。 Sarah在筆記型電腦上下載PDF版藍籌基金頁面,以便離線閱讀。 她還給弟弟發送了一份PDF版本的電子郵件。

blue-chip-pdf

其運作方式

藍籌增長基金的招股說明書是一種互動式溝通。 它提供網頁和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,點選「EMAIL PDF」。 指定​完整名稱​和​電子郵件地址。 按一下「傳送電子郵件」。

車險申請逐步

We.Finance汽車保險應用方案包含以下角色:

  • We.Finance客戶莎拉·羅斯
  • 康拉德·西姆斯,We.Finance保險代理

莎拉·羅絲是We.Finance的現有客戶,已購買了汽車保險單。 現在是她的保險單續期的時候。 We.Finance保險代理的康拉德·西姆斯向莎拉發送了關於她保單續期的提醒。 提醒電子郵件包含PDF,內含政策續約詳細資訊和互動式通訊網頁版本的連結。 互動式通訊具有行動友好且回應式的設計。 她可以在任何設備上開啟互動式通信,而互動式通信會重新流動,以適應底層設備的螢幕大小。 附加至電子郵件的互動式通訊PDF版本有助於離線閱讀。

Sarah遵循電子郵件中提供的指示,並成功重新推出程式。 下圖顯示汽車保險應用程式逐步說明的工作流程: auto insurance-application — 逐步說明

Conrad向We.Finance發送了保險單續訂通信

Conrad登入AEM例項,開啟「自動保險」控制面板,指定Sarah的​客戶ID,然後按一下​續訂政策代理UI​隨即開啟,其中包含Sarah Rose已填入的策略詳細資訊。 Conrad指定了Sarah的電子郵件地址,並點擊了​Submit。 Sarah收到主題為​您的汽車保險續訂​的電子郵件。

cc-dashboard

其運作方式

保險單續訂通信是一種互動式通信。 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(csimms/password)身份登錄到​We.Finance自動保險儀表板。 URL為https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html。 指定​客戶ID。 Sarah Rose的客戶識別碼為900001。 按一下「續訂策略」。 互動式通訊會在代理程式UI中開啟。 在代理UI中,輸入有效的電子郵件地址以發送附加了策略文檔的電子郵件,然後按一下​Submit。 螢幕上會顯示一條消息「已啟動提交」,然後在幾秒內顯示另一條消息「已成功提交」。 主題為​您的自動保險續約​的電子郵件,會以指定的電子郵件地址發送。 薩拉·羅斯的政策是一項優惠政策。

汽車保險的逐步介紹還包含另一個客戶,艾莉森·瓊斯。 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. 開啟/apps/we-finance/components/ccrui/ccrui.jsp檔案。
  3. FormFieldRequestParameter的值設為/content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal-dynamics
  4. 點選「儲存全部」。 該參考站點被配置為使用使用MS Dynamics作為資料源的交互通信。

現在,以Conrad Simms(csimms/password)身份登錄​We.Finance自動保險儀表板。 URL為https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html。 指定​客戶ID。 Sarah Rose的客戶識別碼為900001。 按一下「續訂策略」。 互動式通訊會在代理程式UI中開啟。 在代理UI中,輸入有效的電子郵件地址以發送附加了策略文檔的電子郵件,然後按一下​Submit。 螢幕上會顯示一條消息「已啟動提交」,然後在幾秒內顯示另一條消息「已成功提交」。 主題為​您的自動保險續約​的電子郵件會在指定的電子郵件地址中發送。

注意

當您使用使用Microsoft Dynamics作為資料源的互動式通信時,發送到Sarah的電子郵件中的連結指向不使用Microsoft Dynamics的互動式通信。 若要修正問題,請手動變更電子郵件範本中的連結。

agent_ui_email-1

Sarah收到We.Finance發來的保險單續訂通訊,並決定續訂

Sarah收到一封附有We.Finance附件的電子郵件,提醒她汽車保險政策即將到期。 附件是其汽車保險單續訂詳細資訊的打印版本。

Sarah按一下​立即續訂,然後被導向到其汽車保險信的Web版本。 在此信的上方,Sarah會找到剩餘的天數,讓她的政策過期。 該頁向Sarah提供了保單詳細資訊(如保單編號、到期金額)的概覽,以及折扣優惠和忠誠獎勵等其他資訊。 Sarah再次按一下策略底部的​立即續訂

自動保險 — 續約 — 電子郵件

其運作方式

您的汽車保險信的Web和打印輸出是使用Interactive Communications的多通道功能建立的。 電子郵件中的​立即續約​按鈕連結至自動保險續約應用程式,此為發佈執行個體上的互動式通訊。

ic-web版本

你自己看

您必須已收到附加PDF的電子郵件。 PDF是您的汽車保險信的打印版本。 按一下​立即續訂​以訪問策略的Web版本。 檢查您的個人資訊和策略詳細資訊,然後按一下​立即續訂。 它會帶您進入最適化表單以進行付款。

電子郵件中的​立即續訂​按鈕會將Sarah引導到策略的Web版本。 您可以造訪下列URL:

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

您可以檢查車險續訂的詳細摘要,然後按一下頁面底部的​立即續訂

Sarah開啟付款頁面並進行付款並完成流程

當Sarah按一下互動式通信的Web版本上的​立即續訂​時,支付頁開啟。 Sarah會重新檢查其「政策編號」和「到期日」,並附上記錄。 在頁面的右側,她檢查續訂的「付款摘要」,其總金額有10%的溢價折扣。 Sarah填寫信用卡詳細資訊,然後按一下​支付

payment-adaptive-form

其運作方式

「立即續訂」按鈕將Sarah引導到付款頁。 付款頁面是最適化表單。 Sarah填寫信用卡詳細資訊,然後按一下​Submit。 系統會處理她的信用卡付款,且螢幕上會顯示以最適化表單設定的感謝訊息。

你自己看

按一下​立即續約​以進入「付款」頁面。 填寫您的信用卡資訊,然後按一下「付款」。 您可以到以下網址查看創作實例中的付款頁:

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

按一下「支付」按鈕後,會顯示感謝訊息。

本頁內容