We.Finance 참조 사이트 안내 we-finance-reference-site-walkthrough

CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

사전 요구 사항 pre-requisites

에 설명된 대로 참조 사이트를 설정합니다. AEM Forms 참조 사이트 설정 및 구성.

We.Finance 참조 사이트 시나리오 we-finance-reference-site-scenarios

We.Finance는 금융 서비스 도메인의 선도적인 조직으로, 다양한 고객 프로필 요구 사항에 맞게 포괄적이고 개인화된 금융 솔루션을 제공합니다. 그들은 신용 카드, 주택 담보 대출, 주택 보험 서비스를 제공한다.

고객의 목표는 선호하는 장치에서 기존 및 잠재 고객에게 도달하고, 서비스의 이점을 설명하고, 서비스 등록을 지원하는 것입니다. 게다가, 그들은 고객들이 흥미를 느낄 수 있는 애드온 카드들과 같은 더 많은 금융 상품들을 기대하고 있습니다.

We.Finance 사용 사례에 대한 자세한 연습을 살펴보고 금융 조직에서 AEM Forms을 통해 목표를 달성하는 방법을 알아봅니다. 다음 연습은 다음과 같습니다.

신용 카드 신청 안내 credit-card-application-walkthrough

We.Finance 신용 카드 애플리케이션 시나리오에는 다음 가상 사용자가 포함됩니다.

  • We.Finance 고객 Sarah Rose
  • We.Finance, 신용 카드 및 모기지 책임자 Gloria Rios

다음 인포그래픽은 신용 카드 애플리케이션의 단계별 워크플로우를 보여줍니다.

workflow_aem

AEM Forms이 We.Finance에서 목표를 달성하는 데 어떻게 도움이 되었는지 자세히 알아보려면 참조 사이트 시나리오를 자세히 살펴보십시오.

Sarah는 We.Finance로부터 뉴스레터를 받고 신용카드를 신청한다 sarah-receives-a-newsletter-from-we-finance-and-applies-for-a-credit-card

사라 로즈는 기존 We.Finance 고객입니다. 그녀는 We.Finance로부터 새로운 신용카드에 대한 뉴스레터를 제공받는다. 그녀는 그 제안이 재미있다고 생각하고 신용카드로 신청하기로 결정했다. 뉴스레터에서 지금 적용 단추를 클릭하면 We.Finance 포털의 신용 카드 애플리케이션으로 이동합니다.

마케팅 이메일

작동 방법 how-it-works

Sarah에 전송된 뉴스레터는 지정된 이메일 ID로 이메일을 트리거하는 사용자 지정 구현입니다. 이메일의 지금 적용 단추는 게시 인스턴스의 적응형 양식인 신용 카드 애플리케이션에 연결됩니다.

직접 보세요 see-it-yourself

게시 인스턴스에서 다음 URL을 열어 뉴스레터 이메일을 트리거합니다. 바꾸는지 확인합니다 [emailID] 뉴스레터를 수신할 유효한 이메일 계정이 있어야 합니다. Newsletter를 열고 를 클릭합니다. 지금 적용 신용카드 신청으로 가다.

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

사라가 그 제안을 흥미롭게 받아들여서 신청하기로 했다 sarah-finds-the-offer-interesting-and-chooses-to-apply

사라가 신용카드와 탭 지원을 신청하기로 결정했어요 지금 적용 버튼을 클릭합니다. We.Finance 포털에서 Sarah가 신용카드 신청서를 제출한다. 애플리케이션 양식은 카드 레이아웃을 사용하여 섹션으로 구성됩니다.

Sarah는 사용 가능한 옵션 중에서 카드를 선택하고 를 클릭합니다 계속.

cc-application-form-desktop

개인 정보 페이지에서, 사라는 자신의 사회 보장 번호를 제공하면서, 그녀는 자신의 자격 증명으로 로그인하라는 메시지를 받습니다.

login-ssn

사라는 기존 We.Finance 고객입니다. 그녀는 자신의 We.Finance 계정 자격 증명으로 로그인하고 그녀의 개인 세부 사항이 자동으로 이 형식으로 채워진다. 사라는 계속해서 지원서를 작성하는데, 그것은 그녀가 참석해야 하는 회의에 대한 미리 알림 메시지가 나타날 때입니다. 그녀는 클릭한다 진행 상태 저장 클릭합니다. 이 대화 상자는 사라가 지금까지 입력한 모든 정보를 저장해 두었고, 그녀가 나중에 완료할 수 있도록 초안 애플리케이션에 대한 링크가 있는 이메일을 받고 싶은지를 확인하는 대화 상자가 나타납니다.

사라가 클릭 메일 보내기. 그녀는 신용카드 신청서를 재개할 수 있는 링크가 포함된 이메일을 수신한다.

다시 시작

Sarah는 모바일 장치에서 신용카드 애플리케이션에 액세스합니다 a-sarah-access

Sarah가 모바일 장치에서 신용 카드 애플리케이션에 액세스하는 경우, 응답형 애플리케이션은 모바일 장치에 최적화된 보기에서 열립니다. 이 보기에서는 응용 프로그램 양식이 한 번에 하나의 섹션으로 렌더링됩니다. 이를 통해 Sarah는 애플리케이션을 탐색할 때 정보를 보고 점진적으로 제공할 수 있습니다.

양식-모바일

작동 방법 a-how-it-works

다음 지금 적용 버튼을 누르면 사라가 신용 카드 신청서로 연결됩니다. 응용 프로그램은 응용 양식이며, 다음에서 작성 인스턴스에서 검토할 수 있습니다 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

스키마, 구성 요소, 규칙, 양식 데이터 모델, 양식 워크플로우 및 양식 작성에 사용되는 제출 작업을 이해하려면 양식을 검토하는 것이 좋습니다.

신용 카드 애플리케이션 적응형 양식에 사용되는 기능에 대한 자세한 내용은 다음 설명서를 참조하십시오.

직접 보세요 a-see-it-yourself

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-resumes-and-submits-the-application

Sarah는 나중에 돌아와서 We.Finance에서 이메일을 찾습니다. 그녀가 클릭하는 다시 시작 전자 메일에 있는 버튼을 클릭하여 신용 카드 초안 애플리케이션으로 이동합니다. 그녀가 이전에 작성한 정보는 미리 채워져 있다. 나머지 지원서를 작성하고 서명하고 제출합니다.

resume-1

아니면, 그녀는 다음 방법으로 그녀의 초안 신청서를 액세스할 수 있다 내 Forms We.Finance 홈 페이지에서 다음을 수행합니다.

portal-draft

작동 방법 how-it-works-1

전자 메일의 [다시 시작] 단추는 Sarah가 초안 응용 프로그램을 포함하는 노드로 리디렉션합니다.

직접 보세요 see-it-yourself-1

애플리케이션 양식을 채우는 동안 지정한 이메일 ID에서 초안 애플리케이션에 대한 링크가 포함된 이메일을 수신해야 합니다. 계속 진행해서 지원서의 나머지 부분을 기입하고 제출하십시오.

We.Finance가 신청서를 받고 승인함 approving-the-application

We.Finance는 Sarah가 제출한 신용카드 신청서를 받는다. 일은 글로리아 리오스에 맡긴다. 그녀는 AEM 받은 편지함에서 그 일을 검토하고 승인한다.

받은 편지함

작동 방법 how-it-works-2

Sarah가 신용카드 신청서를 작성하고 제출하면, Gloria의 AEM 받은 편지함에서 Forms Workflow 트리거과 작업이 만들어집니다.

OSGi의 AEM Forms에서는 적응형 양식 기반 워크플로우를 구축할 수 있는 양식 중심의 워크플로우를 제공합니다. 이러한 워크플로우는 검토 및 승인, 비즈니스 프로세스 흐름, 문서 서비스 시작, Acrobat Sign 서명 워크플로우와 통합 등에 사용할 수 있습니다. 자세한 내용은 OSGi의 Forms 중심 워크플로우.

다음 이미지는 신용 카드 애플리케이션을 처리하고 애플리케이션의 PDF 출력을 생성하는 AEM 워크플로우를 나타냅니다.

워크플로우

직접 보세요 see-it-yourself-2

https://<호스트 이름>:<PublishPort>/content/we-finance/global/en.html 페이지에서 로그인 ​에서 을(를) 선택합니다. 대리인으로 로그인 확인란, 다음을 사용하여 AEM 받은 편지함에 로그인합니다. grios/password Gloria Rios의 사용자 이름/암호로 사용하고 신용 카드 애플리케이션을 승인하십시오. 양식 중심의 워크플로우 작업에 AEM 받은 편지함 사용에 대한 자세한 내용은 AEM 받은 편지함에서 Forms 애플리케이션 및 작업 관리.

받은 편지함-1

이 신청서를 승인하면, Sarah는 환영 키트가 포함된 이메일을 받게 된다.

Sarah는 환영 키트를 받고 추가 카드를 신청한다 sarah-receives-the-welcome-kit-and-applies-for-an-add-on-card

새라의 신용카드 지원서가 승인됨에 따라, 그녀는 환영 키트에 대한 링크가 있는 이메일을 수신한다. 그녀는 신용 카드 계좌 정보를 포함하는 환영 키트를 엽니다. 시작 키트는 사라를 위한 개인화된 홍보 오퍼도 표시합니다. 그녀가 아래로 스크롤할 때, 시작 키트에는 추가 기능 카드에 적용하기 위한 포함 양식이 포함되어 있습니다. Sarah는 시작 키트 내에서 필요한 세부 사항을 빠르게 기입하고 추가 기능 카드를 신청합니다. 추가 기능 카드 애플리케이션에 대한 확인 대화 상자가 나타납니다.

웰컴키트-for-sara

환영 키트는 Sarah를 위한 개인화이며 Sarah와 관련된 정보를 보여줍니다. 이것은 그녀에게 시작 키트의 PDF 버전을 다운로드할 수 있는 옵션을 제공한다.

백금 카드의 이점

환영 키트에는 We.Finance 포털을 방문하지 않고도 Sarah가 환영 키트 내에서 추가 기능 카드를 신청하기 위해 작성하고 제출할 수 있는 다른 응용 프로그램 양식이 포함되어 있습니다.

적용 가능한 카드

작동 방법 how-it-works-3

시작 키트는 cq-we-finance-content-pkg.zip 패키지. 시작 키트에서 신용 카드의 이점을 소개하는 데스크탑 버전의 대화형 카드는 문서 조각의 기본 카드 레이아웃을 사용하여 생성된 사용자 지정 레이아웃입니다.

추가 기능 카드 애플리케이션은 시작 키트 대화형 커뮤니케이션에 포함된 적응형 양식입니다.

직접 보세요 see-it-yourself-3

을(를) 클릭합니다. 다시 시작 이전 단계에서 받은 이메일의 버튼입니다. 초안 응용 프로그램이 열립니다. 모든 세부 사항을 기입하고 신청서를 제출하십시오. 그러면 환영 키트를 받으실 수 있습니다 환영 키트를 검토합니다.

다음 URL에서 시작 키트를 볼 수도 있습니다.

https://<호스트>:<포트>/content/aemforms-refsite/doclink.html?document=/content/forms/af/we-finance/credit-card/creditcardiwelcomekit&customerId=197&channel=web

작성자 및 게시 인스턴스에서 액세스할 수 있습니다.

사라가 신용카드 명세서를 받았다 sarah-receives-a-credit-card-statement

사라가 신용카드를 사용하기 시작하면서, 그녀는 We.Finance로부터 그녀의 신용카드 명세서를 포함하는 또 다른 이메일을 받는다. 다음 이미지는 모바일의 신용카드 명세서에 대한 링크가 있는 이메일을 보여줍니다.

statement-email

Sarah가 이메일에서 명세서 보기를 클릭하여 신용 카드 명세서를 봅니다. 그 문장은 상호작용 통신이다. 웹 및 인쇄(PDF) 버전이 모두 있습니다. 이 명령문은 Forms 데이터 모델과 통합되어 있으며 고객 고유의 데이터를 데이터베이스에서 검색합니다. 대화형 문은 다음과 같은 다양한 요소를 구성합니다.

  • 명세서 요약
  • 자세한 경비 보고서
  • 그래픽 비용 분석
  • 명세서 내에서 만기 금액에 대한 지급을 수행하는 선택 사항
  • 결제 영수증 다운로드

신용 카드 명세서의 다른 부분

사라는 오프라인 보관을 위해 PDF 버전의 신용 카드 명세서를 찾기 위해 포털에 가거나 그녀의 이메일을 검색할 필요가 없다. 그녀는 단지 다운로드 문을 클릭하여 그 성명의 PDF 버전을 다운로드하기만 하면 된다.

자세한 문은 응답형 테이블에 배치됩니다. 또한 명세서 내에서 일부 또는 전체 기한 금액을 지급할 수 있는 옵션을 제공합니다.

자세한 설명

사라는 진술서에서 결제를 예약한다. Sarah는 또한 연액 지불 옵션을 사용하여 결제를 동일한 부분으로 나눌 수 있습니다.

작동 방법 how-it-works-4

신용카드 명세서는 대화형 커뮤니케이션입니다. 명세서에 있는 자세한 비용 테이블은 응답형 테이블입니다. 비용 분석에 대한 그래픽은 차트 구성요소로서 비용 테이블을 읽고 원형 차트를 생성합니다.

직접 보세요 see-it-yourself-4

다음 URL에서 대화형 신용 카드 명세서를 검토할 수 있습니다.

https://<호스트 이름>:<포트>/content/aemforms-refsite/doclink.html?document=/content/forms/af/we-finance/credit-card/credit-card-statement&customerId=197&channel=web

작성자 및 게시 인스턴스에서 액세스할 수 있습니다.

신용 카드 명세서에는 명세서 끝에 프로모션 오퍼가 표시됩니다. Adobe Target과 AEM Forms Interactive Communication을 통합하여 특정 고객 세그먼트를 기반으로 프로모션 타겟팅된 오퍼를 제공할 수 있습니다. 사용자 지정 및 타깃팅된 오퍼에 Adobe Target을 사용하도록 대화형 커뮤니케이션을 구성하려면 를 참조하십시오 타깃팅된 경험 만들기.

We.Finance는 신용 카드 어플리케이션의 성과를 분석한다 we-finance-analyzes-the-performance-of-the-credit-card-application

We.Finance는 때때로 신용카드 신청서의 실적을 검토하여 고객이 직면하고 있는 모든 문제를 확인합니다. 이 분석을 사용하여 사용자 경험을 향상하고 양식의 포기 비율을 줄여 전환을 향상하기 위해 신용 카드 애플리케이션에서 필요한 변경 사항에 대한 올바른 결정을 내릴 수 있습니다. 또한 AEM Forms과 Adobe Analytics의 통합을 활용하여 분석할 수 있습니다. 다음 이미지는 분석 대시보드를 나타냅니다.

Analytics 대시보드를 해석하는 방법에 대한 자세한 내용은 AEM Forms 분석 보고서 보기 및 이해.

cc-analytics

작동 방법 how-it-works-5

신용 카드 신청 양식에 대한 성능 지표는 Adobe Analytics을 사용하여 추적됩니다. Adobe Analytics 구성 및 보고서 보기에 대한 자세한 내용은 양식 및 문서에 대한 분석 구성.

직접 보세요 see-it-yourself-br

분석 보고서를 보고 살펴보십시오. 참조 사이트에서 신용 카드 애플리케이션에 대한 시드 데이터를 제공하고 있습니다. 시드 데이터를 사용하기 전에 Analytics 구성. 시드 데이터로 보고서를 보려면 작성자 인스턴스에서 다음 단계를 수행하십시오.

  1. 이동 Forms 및 문서 https://<호스트 이름>:<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. 선택 신용 카드 신청 적응형 양식 을 선택하고 Analytics 보고서 을 클릭하여 시드 데이터를 사용하여 보고서를 생성합니다.

신용 카드 신청 A/B 테스트

We.Finance에서는 신용 카드 애플리케이션의 성능을 분석하고 지속적으로 개선하는 것 외에도 A/B 테스트를 만들기 위해 AEM Forms과 Target의 통합을 활용합니다. 따라서 양식 완료 및 제출 측면에서 신용 카드 애플리케이션 양식의 다양한 경험을 제공하고 전환율이 향상된 경험을 식별할 수 있습니다.

AEM Forms 서버에서 Target을 구성하려면 다음을 참조하십시오 AEM Forms에서 Target 설정 및 통합.

We.Finance 신용 카드 신청 양식에 대한 A/B 테스트 생성을 경험하려면 다음 단계를 수행하십시오.

  1. 이동 Forms 및 문서 https://<호스트 이름>:<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

    note note
    NOTE
    이름이 인 쿠키 제거 mbox 다음에 양식을 열기 전에 브라우저의 쿠키 지속성 중에서 선택합니다. 양식의 경험 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 테스트를 종료하려면 A/B 테스트 종료 보고 대시보드의 버튼. 이때 경험을 선언하라는 대화 상자가 표시됩니다. 우승자를 선택하고 확인을 클릭하여 A/B 테스트를 종료합니다.

경험 A를 승자로 선택하면 A/B 테스트가 종료되고 앞으로 진행되면 Chrome의 모든 대상을 포함한 Experience A만 제공됩니다.

주택 담보 대출 신청 연습 home-mortgage-application-walkthrough

We.Finance 홈 모기지 시나리오는 다음과 같은 개인입니다.

  • We.Finance 고객 Sarah Rose
  • We.Finance, 신용 카드 및 모기지 책임자 Gloria Rios
  • John Doe, We.Finance 고객 지원 담당자

다음 인포그래픽에는 주택 담보 대출 애플리케이션의 단계별 워크플로우가 나와 있습니다.

home_morgation_application_연습

이제 참조 사이트 시나리오의 단계를 자세히 살펴보고 AEM Forms이 We.Finance에서 목표를 달성하는 데 어떻게 도움이 되었는지 알아봅니다.

Sarah는 We.Finance 웹 사이트를 방문하여 주택 융자를 신청한다 sarah-visits-we-finance-website-and-applies-for-home-mortgage

사라 로즈는 집을 사고 주택 담보 대출 계획을 찾을 계획이다. 그녀는 We.Finance 고객이며, 따라서 We.Finance 포털을 방문하여 주택 담보 대출 상품을 탐색합니다. 그녀는 대출 섹션으로 가서 포털에서 모기지 계산기를 찾습니다. 그녀는 세부 사항을 입력하고 모기지 계획을 반환하는 내 모기지 계산 을 클릭합니다.

대출1 대출2
그림: 모기지 계산기

대출3
그림: 모기지 계산기 결과

작동 방법 how-it-works-6

대출 페이지의 주택 담보 대출 계산기는 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.

직접 보세요 see-it-yourself-5

의 We.Finance 포털로 이동합니다. https://<publishHost>:<publishPort>/content/we-finance/global/en.html 을(를) 클릭합니다. 대출. 모기지 계산기에 세부 사항을 제공하고 결과를 확인합니다.

사라가 그 제안을 흥미롭게 받아들여서 신청하기로 했다 sarah-finds-the-offer-interesting-and-chooses-to-apply-1

새라는 주택 담보 대출 신청과 클릭을 선택합니다 지금 적용 주택 담보 대출 계산기의 결과. 그것은 주택 담보 대출 신청을 엽니다.

Sarah가 모바일 장치에서 홈 모기지 애플리케이션에 액세스하는 경우, 모바일 장치에서 볼 수 있도록 최적화된 보기에서 애플리케이션 양식이 열립니다. 이 보기에서 애플리케이션 양식은 한 번에 하나의 섹션을 렌더링합니다. 이를 통해 Sarah는 애플리케이션 양식을 탐색할 때 정보를 보고 점진적으로 제공할 수 있습니다.

다음 이미지는 Sarah가 모바일 장치에서 주택 담보 대출 신청서를 탐색할 때 워크플로를 보여줍니다.

모바일 장치에서 모기지 애플리케이션 채우기

사라가 지금 적용 그녀의 데스크탑에서 담보 대출 신청 양식이 다음과 같이 열립니다. 모기지 계산기에 나온 Sarah의 정보는 신청서 양식에 미리 입력되어 있다. Sarah가 나머지 세부 정보와 클릭 수를 채웁니다 계속.

모기지 적용

Sarah가 모기지 계산기에 채워진 정보를 토대로, 그녀는 몇 가지 모기지 계획을 제시받는다. 그녀는 자신의 요구 사항에 맞는 계획을 선택하고 계속해서 지원서를 작성한다. 그녀는 마침내 서명하고 신청서를 제출한다.

제출된 신청서는 승인을 위해 We.Finance에 갑니다.

초안 응용 프로그램 저장

작동 방법 how-it-works-7

다음 지금 적용 버튼이 사라를 주택 담보 대출 신청으로 안내한다. 응용 프로그램은 응용 양식이며, 다음에서 작성 인스턴스에서 검토할 수 있습니다 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
  • 첫 번째 탭인 시작됨은 사용자 선택에 따라 옵션을 표시하는 동적 모기지 계산기입니다. 예를 들어, 필드와 값은 구매 및 재재무 옵션에 대해 다릅니다. 이 기능은 표시 숨기기 규칙을 사용하여 수행됩니다. 또한 계속을 누르고 계획 탭이 초기화되면 양식 데이터 모델에 구성된 웹 서비스를 호출하여 담보 계획을 가져오고 표시합니다. 에서 양식 데이터 모델 및 구성된 서비스를 검토할 수 있습니다. https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.

  • 다양한 적응형 양식 구성 요소를 사용하여 입력 및 사용자 응답에 맞게 조정됩니다. 또한 HTML5 입력 유형을 지원하는 이메일과 같은 구성 요소를 사용합니다.

  • 서명 단계 구성 요소를 사용하여 완료된 양식을 표시하고 양식에 전자 서명을 허용합니다.

  • Adobe Finance 홈 모기지 AEM 워크플로우를 트리거하기 위해 AEM 워크플로우 호출 제출 작업을 사용합니다. 다음 위치에서 이 양식에 사용된 워크플로우를 검토할 수 있습니다. https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-home-mortgage-workflow.html

스키마, 구성 요소, 규칙, 양식 데이터 모델, 양식 워크플로우 및 양식 작성에 사용되는 제출 작업을 이해하려면 양식을 검토하는 것이 좋습니다.

또한, 주택 담보 대출 애플리케이션 적응형 양식에 사용되는 기능에 대한 자세한 내용은 다음 설명서를 참조하십시오.

직접 보세요 see-it-yourself-6

이동 https://[server]:[port]/content/we-finance/global/en/all-forms.html 을 클릭하고 지금 적용 집 담보 대출 신청 단추. 시작 탭에 세부 사항을 입력하고 다른 옵션을 시도한 다음 애플리케이션을 제출합니다.

받은 편지함에서 확인 메일을 받을 애플리케이션에 유효한 이메일 ID를 지정했는지 확인합니다.

We.Finance가 응용 프로그램을 받습니다 approving_the_application-1

We.Finance는 Sarah가 제출한 모기지 신청서를 받는다. 신청서를 승인하거나 거부하는 일은 글로리아 리오스에 배정되었다. 그녀는 그 신청서를 검토했고 사라의 정부 신분증이 없어졌다는 것을 발견했습니다.

grios-inbox

Gloria는 작업을 시작하고 Need More Info를 클릭하고 누락된 정부 ID에 대한 의견을 제시합니다.

need-more-info

이제 We.Finance의 고객 지원 담당자인 John Doe에게 작업이 지정됩니다. 그는 그 일을 열어 글로리아의 의견을 검토합니다. 그는 사라와 연락하여 신분증 사본을 보내달라고 했다. 그는 사라의 신분증을 받은 후, 그것을 작업에 첨부하고 재평가를 위한 신청서를 제출한다.

재평가

그 일은 글로리아에게 다시 배정되었다. 그녀는 첨부한 ID를 검토하고 신청서를 승인한다.

작동 방법 how-it-works-8

사라가 주택 담보 대출 신청서를 작성하고 제출하면, Forms Workflow이 트리거되고 글로리아의 AEM 받은 편지함에 작업이 만들어집니다. Gloria가 신청서와 추가 정보 요청을 검토함에 따라, 그 작업은 John Doe에게 배정됩니다. John Doe가 ID를 첨부하고 신청서를 다시 제출하면 Gloria에게 할당됩니다. 이것은 모기지 애플리케이션과 연관된 AEM Workflow에서 정의됩니다.

OSGi의 AEM Forms에서는 적응형 양식 기반 워크플로우를 구축할 수 있는 양식 중심의 워크플로우를 제공합니다. 이러한 워크플로우는 검토 및 승인, 비즈니스 프로세스 흐름, 문서 서비스 시작, Acrobat Sign 서명 워크플로우와 통합 등에 사용할 수 있습니다. 자세한 내용은 OSGi의 Forms 중심 워크플로우.

다음 이미지는 모기지 애플리케이션과 연관된 AEM 워크플로우를 나타냅니다.

모기지 워크플로 모델

직접 보세요 see-it-yourself-7

https://<호스트 이름>:<AuthorPort>/content/we-finance/global/en/login.html?resource=/aem/inbox.html 다음을 사용하여 AEM 받은 편지함에 로그인합니다 grios/password 글로리아 리오스의 사용자 이름/패스워드 jdoe/jdoe John Doe의 경우, 그리고 주택 담보 대출 신청 워크플로우를 살펴보십시오.

양식 중심의 워크플로우 작업에 AEM 받은 편지함 사용에 대한 자세한 내용은 AEM 받은 편지함에서 Forms 애플리케이션 및 작업 관리.

새라는 환영 키트를 받았다 sarah-receives-the-welcome-kit

새라의 담보 대출 신청이 승인됨에 따라, 그녀는 환영 키트에 대한 링크가 포함된 이메일을 수신한다. 그녀는 새라를 위한 개인화된 홍보 오퍼를 표시하는 회전판이 포함된 환영 키트를 엽니다.

모기지 시작 키트

환영 키트는 Sarah를 위한 개인화이며 Sarah와 관련된 정보를 보여줍니다. 이것은 그녀에게 시작 키트의 PDF 버전을 다운로드할 수 있는 옵션을 제공한다. 맨 아래에 있는 화살표 단추를 사용하면 Sarah가 아래로 스크롤하여 시작 키트의 다른 섹션을 탐색할 수 있습니다.

작동 방법 how-it-works-9

시작 키트는 cq-we-finance-content-pkg.zip 패키지. 시작 키트의 프로모션 오퍼는 Adobe Target 서버에서 제공됩니다. 오퍼가 사용자 지정되고 특정 고객 세그먼트에 대해 타깃팅됩니다. 시작 키트는 여성 고객의 대상 세그먼트에 대해 사전 구성된 Adobe Target 서버에서 제공합니다.

시작 키트의 데스크탑 버전에 있는 대화형 카드는 문서 조각의 기본 카드 레이아웃을 사용하여 생성된 사용자 지정 레이아웃을 사용합니다.

직접 보세요 see-it-yourself-8

모기지 애플리케이션을 채울 때 이메일 ID를 제공한 경우 시작 키트에 대한 링크가 포함된 이메일을 수신해야 합니다. 받은 편지함을 확인하고 시작 키트를 검토합니다.

다음 URL의 AEM 게시 인스턴스에서 볼 수 있습니다.

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

Sarah는 계좌 명세서를 받았다 sarah-receives-an-account-statement

사라가 대출을 받고 할부로 지불하기 시작하면, 그녀는 We.Finance로부터 그녀의 월별 계정명세서를 포함하는 또 다른 이메일을 받는다.

모기지 명세서 이메일

Sarah가 전자 메일에서 명세서 보기 를 클릭하여 모기지 계정 명세서를 봅니다. 대화형 문은 다음과 같은 다양한 요소를 구성합니다.

  • 명세서 요약
  • 명세서 세부 정보

다음 이미지는 Desktop에서 계정 문의 다른 부분을 보여 줍니다.

대출 계좌 명세서

상세 문은 응답형 테이블에 나열되며 명세서 내에서 일부 또는 전체 기한 금액을 지불할 수 있는 옵션을 제공합니다.

작동 방법 how-it-works-10

모기지 진술은 상호간의 대화이다. JSON 일괄 처리 프로세스를 사용하여 생성됩니다. 명세서에 있는 자세한 비용 테이블은 응답형 테이블입니다.

직접 보세요 see-it-yourself-9

다음 URL에서 대화형 모기지 계정 명세서를 검토할 수 있습니다.

https://<호스트 이름>:<포트>/content/forms/af/we-finance/mortgage-account-statement.html?wcmmode=disabled

작성자 및 게시 인스턴스에서 액세스할 수 있습니다.

We.Finance는 모기지 어플리케이션의 성과를 분석한다 we-finance-analyzes-the-performance-of-the-mortgage-application

We.Finance는 때때로 고객들이 직면하고 있는 모든 문제를 확인하기 위해 그들의 담보 대출 신청 성과를 검토합니다. 이들은 이 분석을 사용하여 사용자의 경험을 향상하고 양식의 포기율을 줄이며 전환을 향상시키기 위해 모기지 애플리케이션에 필요한 변경 사항에 대한 현명한 결정을 내릴 수 있습니다. 또한 AEM Forms과 Adobe Analytics의 통합을 활용하여 분석할 수 있습니다. 다음 이미지는 분석 대시보드를 나타냅니다.

Analytics 대시보드를 해석하는 방법에 대한 자세한 내용은 AEM Forms 분석 보고서 보기 및 이해.

모기지 분석

작동 방법 how-it-works-11

모기지 애플리케이션 양식의 성능 지표는 Adobe Analytics을 사용하여 추적됩니다. Adobe Analytics 구성 및 보고서 보기에 대한 자세한 내용은 양식 및 문서에 대한 분석 구성.

직접 보세요 see-it-yourself-br-1

분석 보고서를 보고 탐색하기 위해 Adobe에서는 참조 사이트에서 모기지 애플리케이션에 대한 시드 데이터를 제공합니다. 시드 데이터를 사용하기 전에 Analytics 구성. 시드 데이터로 보고서를 보려면 작성자 인스턴스에서 다음 단계를 수행하십시오.

  1. 이동 Forms 및 문서 https://<호스트 이름>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. 를 클릭하여 금융 폴더.

  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에서는 모기지 애플리케이션의 성능을 분석하고 지속적으로 개선하는 것 외에도 A/B 테스트를 만들기 위해 AEM Forms과 Target의 통합을 활용합니다. 양식 작성자는 다른 애플리케이션 양식 경험을 제공하고 양식 완료 및 제출 측면에서 전환율이 향상된 경험을 식별할 수 있습니다.

AEM Forms 서버에서 Target을 구성하려면 다음을 참조하십시오 AEM Forms에서 Target 설정 및 통합.

작성 인스턴스에서 다음 단계를 수행하여 We.Finance 모기지 애플리케이션 양식에 대한 A/B 테스트 생성을 경험합니다.

  1. 이동 Forms 및 문서 https://<호스트 이름>:<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

    note note
    NOTE
    이름이 인 쿠키 제거 mbox 다음에 양식을 열기 전에 브라우저의 쿠키 지속성 중에서 선택합니다. 양식의 경험 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

    note note
    NOTE
    이러한 변경 사항은 데모 용도로만 사용됩니다. 이 절차를 완료한 후 파일 내용을 복원해야 합니다.
  17. 생성한 보고서를 새로 고치면 다음과 같은 항목이 표시됩니다. 보고 대시보드를 검토합니다.

ab-test-report-4

A/B 테스트를 종료하려면 A/B 테스트 종료 보고 대시보드의 버튼. 이때 경험을 선언하라는 대화 상자가 표시됩니다. 우승자를 선택하고 확인을 클릭하여 A/B 테스트를 종료합니다.

경험 A를 승자로 선택하면 A/B 테스트가 종료되고 앞으로 진행되면 Chrome의 모든 대상을 포함한 Experience A만 제공됩니다.

Microsoft Dynamics를 사용한 홈 모기지 애플리케이션 연습 home-mortgage-application-walkthrough-with-microsoft-dynamics

Microsoft Dynamics를 사용한 We.Finance 홈 모기지 시나리오에는 다음과 같은 사람이 포함됩니다.

  • We.Finance 고객 Sarah Rose
  • We.Finance Microsoft Dynamics 인스턴스의 관리자

Microsoft Dynamics의 홈 모기지 애플리케이션 연습에서는 참조 사이트에서 데이터 통합을 위해 Microsoft Dynamics를 사용할 때 We.Finance 고객이 사이트를 사용하여 홈 모기지를 적용하는 방법을 보여줍니다. 이 연습은 Microsoft Dynamics에서 사용자를 받는 동안 채워진 데이터로 끝납니다. 이 시나리오를 계속 진행하려면 먼저 We.Finance 참조 사이트의 홈 모기지 워크플로우에 대한 Microsoft Dynamics 365 구성.

Sarah는 We.Finance 웹 사이트를 방문하여 주택 융자를 신청한다 sarah-visits-we-finance-website-and-applies-for-home-mortgage-1

사라 로즈는 집을 사고 주택 담보 대출 계획을 찾을 계획이다. 그녀는 We.Finance 고객이며, 따라서 We.Finance 포털을 방문하여 주택 담보 대출 상품을 탐색합니다. 그녀는 대출 섹션으로 가서 포털에서 모기지 계산기를 찾습니다. 그녀는 세부 사항을 입력하고 모기지 계획을 반환하는 내 모기지 계산 을 클릭합니다.

대출1 대출2
그림: 모기지 계산기

대출3
그림: 모기지 계산기 결과

작동 방법 how-it-works-12

대출 페이지의 주택 담보 대출 계산기는 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.

직접 보세요 see-it-yourself-10

의 We.Finance 포털로 이동합니다. https://<publishHost>:<publishPort>/content/we-finance/global/en.html 을(를) 클릭합니다. 대출. 모기지 계산기에 세부 사항을 제공하고 결과를 확인합니다.

사라가 그 제안을 흥미롭게 받아들여서 신청하기로 했다 sarah-finds-the-offer-interesting-and-chooses-to-apply-2

새라는 주택 담보 대출 신청과 클릭을 선택합니다 지금 적용 주택 담보 대출 계산기의 결과. 그것은 주택 담보 대출 신청을 엽니다.

Sarah가 모바일 장치에서 홈 모기지 애플리케이션에 액세스하는 경우, 모바일 장치에서 볼 수 있도록 최적화된 보기에서 애플리케이션 양식이 열립니다. 이 보기에서 애플리케이션 양식은 한 번에 하나의 섹션을 렌더링합니다. 이를 통해 Sarah는 애플리케이션 양식을 탐색할 때 정보를 보고 점진적으로 제공할 수 있습니다.

다음 이미지는 Sarah가 모바일 장치에서 주택 담보 대출 신청서를 탐색할 때 워크플로를 보여줍니다.

모바일 장치에서 모기지 애플리케이션 채우기

사라가 지금 적용 그녀의 데스크탑에서 담보 대출 신청 양식이 다음과 같이 열립니다. 모기지 계산기에 나온 Sarah의 정보는 신청서 양식에 미리 입력되어 있다. Sarah가 나머지 세부 정보와 클릭 수를 채웁니다 계속.

모기지 적용

Sarah가 모기지 계산기에 채워진 정보를 토대로, 그녀는 몇 가지 모기지 계획을 제시받는다. 그녀는 자신의 요구 사항에 맞는 계획을 선택하고 계속해서 지원서를 작성한다. 그녀는 마침내 서명하고 신청서를 제출한다.

제출된 신청서는 승인을 위해 We.Finance에 갑니다.

초안 응용 프로그램 저장

작동 방법 how-it-works-13

다음 지금 적용 버튼이 사라를 주택 담보 대출 신청으로 안내한다. 응용 프로그램은 응용 양식이며, 다음에서 작성 인스턴스에서 검토할 수 있습니다 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
  • 첫 번째 탭인 시작됨은 사용자 선택에 따라 옵션을 표시하는 동적 모기지 계산기입니다. 예를 들어, 필드와 값은 구매 및 재재무 옵션에 대해 다릅니다. 이 기능은 표시 숨기기 규칙을 사용하여 수행됩니다. 또한 계속을 누르고 계획 탭이 초기화되면 양식 데이터 모델에 구성된 웹 서비스를 호출하여 담보 계획을 가져오고 표시합니다. 에서 양식 데이터 모델 및 구성된 서비스를 검토할 수 있습니다. https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.

  • 다양한 적응형 양식 구성 요소를 사용하여 입력 및 사용자 응답에 맞게 조정됩니다. 또한 HTML5 입력 유형을 지원하는 이메일과 같은 구성 요소를 사용합니다.

  • 서명 단계 구성 요소를 사용하여 완료된 양식을 표시하고 양식에 전자 서명을 허용합니다.

스키마, 구성 요소, 규칙, 양식 데이터 모델, 양식 워크플로우 및 양식 작성에 사용되는 제출 작업을 이해하려면 양식을 검토하는 것이 좋습니다.

관리자는 Microsoft Dynamics 인스턴스에서 제출된 데이터를 봅니다 the-administrator-views-the-submitted-data-in-the-microsoft-dynamics-instance

We.Finance는 Microsoft Dynamics 인스턴스에서 Sarah가 제출한 모기지 신청서를 받습니다. 관리자는 리드 열의 항목을 눌러 사라 로즈에 대해 작성된 리드 레코드로 이동합니다.

msdynamicsrecord

주택 보험 신청 안내 home-insurance-application-walkthrough

We.Finance 홈 보험 시나리오는 다음과 같은 개인입니다.

  • We.Finance 고객 Sarah Rose
  • We.Finance, 신용 카드 및 모기지 책임자 Gloria Rios
  • We.Finance 보험 담당자 Frank De Costa

다음 인포그래픽은 홈 보험 애플리케이션 시나리오의 단계별 워크플로우를 설명합니다.

workflow_insurance

이제 참조 사이트 시나리오의 단계를 자세히 살펴보고 AEM Forms이 We.Finance에서 목표를 달성하는 데 어떻게 도움이 되었는지 알아봅니다.

새라는 We.Finance로부터 뉴스레터를 받고 가정보험에 가입한다 sarah-receives-a-newsletter-from-we-finance-and-applies-for-home-insurance

사라 로즈는 We.Finance의 주택 담보 대출 고객이며 주택 보험 거래를 찾고 있다. 그녀는 We.Finance 포털을 방문하여 주택 보험 계획을 조사한다. We.Finance는 그녀를 기존 고객으로 식별하고 이메일에 타겟팅된 뉴스레터를 보냅니다. 그 뉴스레터에는 가보험 상품이 포함되어 있다.

보험 뉴스레터

작동 방법 how-it-works-14

Sarah에 전송된 뉴스레터는 지정된 이메일 ID로 이메일을 트리거하는 사용자 지정 구현입니다. 뉴스레터의 지금 적용 단추는 게시 인스턴스의 적응형 양식인 홈 보험 애플리케이션에 연결됩니다.

직접 보세요 see-it-yourself-11

다음 URL을 열어 뉴스레터 이메일을 트리거합니다. 바꾸는지 확인합니다 [emailID] 뉴스레터를 수신할 유효한 이메일 계정이 있어야 합니다. Newsletter를 열고 를 클릭합니다. 지금 적용 주택 보험 신청서를 제출하기 위해.

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

사라가 주택 보험 제안서가 흥미롭게 되어 신청하기로 했다 sarah-finds-the-home-insurance-offer-interesting-and-chooses-to-apply

사라는 뉴스레터에 있는 집 보험 플랜을 좋아해서 신청하기로 결정했다. 뉴스레터에서 지금 적용 을 클릭하면 We.Finance 포털에서 홈 보험 애플리케이션을 엽니다. 애플리케이션 양식은 카드 레이아웃을 사용하여 섹션으로 구성됩니다.

개인 정보 페이지에서, 사라는 자신의 사회 보장 번호를 제공하면서, 그녀는 자신의 자격 증명으로 로그인하라는 메시지를 받습니다.

보험

사라는 기존 We.Finance 고객입니다. 그녀는 자신의 We.Finance 계정 자격 증명으로 로그인하고 그녀의 개인 세부 사항이 자동으로 이 형식으로 채워진다. 그녀는 계속해서 지원서를 작성하고 제출한다.

만약 사라가 모바일 장치에 신청서를 제출한다면, 그녀는 다음 화면을 살펴보곤 했다.

모바일에서 보험

작동 방법 how-it-works-15

다음 지금 적용 뉴스레터의 버튼은 사라가 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 Invoke Workflow 제출 조치를 사용하여 가정 보험 승인 워크플로우를 트리거합니다. 다음 위치에서 이 양식에 사용된 워크플로우를 검토할 수 있습니다. https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-insurance-workflow.html

스키마, 구성 요소, 규칙, 양식 데이터 모델, 양식 워크플로우 및 양식 작성에 사용되는 제출 작업을 이해하려면 양식을 검토하는 것이 좋습니다.

또한, 홈 보험 애플리케이션 적응형 양식에 사용되는 기능에 대한 자세한 내용은 다음 설명서를 참조하십시오.

직접 보세요 see-it-yourself-12

클릭 지금 적용 이메일에 받은 뉴스레터의 버튼. 또는 다음 위치로 이동하십시오. 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-approves-the-application-and-a-contract-is-signed

We.Finance는 Sarah가 제출한 주택 보험 신청서를 받는다. 일은 글로리아 리오스에 맡긴다. 그녀는 AEM 받은 편지함에서 그 신청서를 검토하고 승인한다.

inbox-grios

Gloria가 Sarah의 집 보험 신청을 승인함에 따라, Frank De Costa의 AEM Inbox에서 임무가 생성됩니다. 프랭크는 그 일을 검토한다. 그는 새라를 위한 가정보험 계약을 준비하고, 그 계약을 그녀의 신청서에 첨부하고, 그 계약을 서명하기 위해 사라에게 보냈다. 에이전트 UI에 아래에 표시되는 계약은 대화형 커뮤니케이션의 인쇄 버전입니다.

보험 연락처

사라가 서명을 하기 위해 주택보험 계약 링크가 포함된 이메일을 받는다. 사라가 계약을 검토하고 서명합니다.

보험 계약 이메일

작동 방법 how-it-works-16

사라가 홈 보험 신청서를 제출하면, Forms Workflow이 트리거되고 글로리아 AEM의 받은 편지함에 작업이 만들어집니다. 글로리아가 신청서를 검토하고 승인하면서, 작업은 프랭크 드 코스타에게 배정되었다. 한 개인에서 다른 개인으로의 태스크 플로우는 보험 애플리케이션과 연관된 AEM Workflow에서 정의됩니다. 워크플로우에 대한 자세한 내용은 OSGi의 Forms 중심 워크플로우.

다음 이미지는 보험 애플리케이션과 연관된 AEM 워크플로우를 나타냅니다.

금융-보험-워크플로우 모델

Frank는 가정 보험 계약 작성을 위해 서신 관리를 이용한다. 계약 PDF을 다운로드하고 Sarah의 애플리케이션에 첨부한 다음 계약 보내기를 클릭합니다. 그 워크플로우는 서명을 하기 위한 주택 보험 계약 때문에 사라에게 메일을 트리거한다.

직접 보세요 see-it-yourself-13

다음 작업을 수행합니다.

  1. AEM 받은 편지함으로 이동, https://[publishHost]:[publishPort]/content/we-finance/global/en/login.html?resource=/aem/inbox.html로 로그인하고 grios/grios 글로리아 페르소나에 대한 사용자 이름 패스워드로 사라의 주택 보험 신청을 승인하다.

  2. 다음으로 AEM 받은 편지함에 로그인합니다. fdcosta/password 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-receives-a-welcome-kit

사라가 주택 보험 계약에 서명하면서, 그녀는 정책 세부 사항이 포함된 이메일을 받는다.

보험 정책 세부 사항

곧, 그녀는 We.Finance로부터 그녀의 보험 정책에 대한 환영 키트와 함께 또 다른 이메일을 받는다. 환영 키트에서 사라는 정책 서류와 보기 진술에 액세스할 수 있다.

보험 시작 키트

직접 보세요 see-it-yourself-14

애플리케이션에서 이메일 ID를 지정한 경우 시작 키트에 대한 링크가 포함된 이메일을 수신하게 됩니다. 클릭 내 시작 키트 환영 키트를 열려고

보험 시작 키트 이메일

재산 관리 설명서 연습 wealth-management-prospectus-walkthrough

We.Finance 자산 관리 시나리오는 다음과 같은 모습입니다.

  • We.Finance 고객 Sarah Rose

재산 관리 연습에서는 We.Finance 고객이 이 사이트를 사용하여 뮤추얼 펀드 블루 칩 성장 펀드에 대해 배울 수 있는 방법을 보여줍니다. 참조 사이트는 대화형 커뮤니케이션을 사용하여 펀드에 대한 정보를 표시합니다. 이 정보는 웹 및 PDF 형식 모두에서 사용할 수 있습니다. 이 연습은 고객이 PDF 버전의 정보를 동생에게 이메일로 보내는 것으로 끝납니다.

다음 이미지는 재산 관리 연습의 워크플로우를 표시합니다.

부 관리 설명서 연습

Sarah는 We.Finance 웹 사이트를 방문하여 블루칩 성장 펀드 설명서를 엽니다 sarah-visits-we-finance-website-and-opens-the-blue-chip-growth-fund-prospectus

사라 로즈는 뮤추얼 펀드에 투자할 계획이다. 그녀는 기존 We.Finance 고객이며 따라서 We.Finance 포털을 방문하여 사용 가능한 뮤추얼 펀드를 탐색합니다. 그녀는 부 관리 부서로 가서 금융 블루 칩 성장 펀드 페이지를 엽니다. 이 페이지에는 현재 및 과거 가격, 월별 실적, 섹터별 분산, 비용, 수수료, 세금 및 기금에 대한 자세한 정보가 포함된 설명서를 찾을 수 있는 링크가 포함되어 있습니다.

slide1

작동 방법 how-it-works-17

블루칩 성장 펀드 설명서는 대화형 커뮤니케이션이다. 텍스트, 이미지, 차트 및 테이블 구성 요소(문서 조각)를 사용하여 제품 요약, 스톡 스타일, 펀드 성과, 자금 세부 사항 및 기타 관련 정보를 표시합니다. https://에서 편집 모드에서 대화형 커뮤니케이션을 검토할 수 있습니다.[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html

차트와 테이블은 양식 데이터 모델에서 데이터를 검색합니다. 양식 데이터 모델은 이 연습에서 데이터베이스인 구성된 데이터 소스에 연결하여 펀드에 관련된 정보를 검색합니다. https://에서 양식 데이터 모델을 검토할 수 있습니다.[authorHost]:[authorPort]/aem/fdm/editor.html

직접 보세요 see-it-yourself-15

https://에서 We.Finance 포털로 이동합니다.[publishHost]:[publishPort]/wefinance, F부 Management를 탭하고 Asset Class별로 기금을 확장하고 We.Finance Blue Chip Growth Fund를 탭합니다. We.Finance Blue Chip Growth Fund Programming Program 설명서가 열립니다.

사라가 이 펀드에 대해 배우기 위해 블루 칩 성장 펀드 설명서를 탐구합니다 sarah-explores-the-blue-chip-growth-fund-prospectus-to-learn-about-the-fund

Sarah는 현재 및 과거 가격, 역사적 가치, 역사적 성장, S&P 500 지수와 비교한 설명서의 개요, 가격 및 실적, Portfolio 관리, 요금 및 최소값, 세금 및 세금 및 지급 탭을 탐구하고, 섹터별 다양화, 자금 관리 인력 및 펀드 관련 비용을 알아봅니다. 관련 정보는 서로 다른 탭으로 구분됩니다. 그 설명서는 대화형 통신이다. 대화형 커뮤니케이션에는 반응형 디자인이 있습니다. 화면 크기에 상관없이 대화형 커뮤니케이션을 열 수 있으며 대화형 커뮤니케이션은 기본 장치에 맞게 디자인을 리플로우합니다.

slide1-1

작동 방법 how-it-works-18

Blue Chip Growth Fund 대화형 커뮤니케이션은 상위 및 하위 패널을 사용하여 관련 정보를 다른 부분으로 분리합니다. 상위 패널은 모든 하위 패널을 탭으로 구성합니다.

상위 탭의 레이아웃은 모든 하위 패널을 탭으로 변환하도록 맨 위의 탭으로 설정됩니다. https://에서 편집 모드에서 대화형 커뮤니케이션의 패널을 검토할 수 있습니다.[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html

직접 보세요 see-it-yourself-16

Blue Chip Growth Fund 대화형 커뮤니케이션(https://)으로 이동합니다.[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html?wcmmode=disabled. 모든 탭을 탐색합니다.

Sarah는 블루 칩 성장 펀드 페이지의 PDF 버전을 보고 이메일로 보냅니다. sarah-views-and-emails-the-pdf-version-of-the-blue-chip-growth-fund-page

사라는 주말에 시골로 여행을 간다. 박 대통령은 형인 이상득 의원과 블루칩 성장 펀드에 대해 논의할 예정이다. 오빠는 은행에서 일하면서 경제관련 의사결정을 돕는 사람이다. 사라가 오프라인 읽기를 위해 랩탑에서 블루칩 성장 펀드 페이지의 PDF 버전을 다운로드한다. 그녀는 또한 그녀의 남동생에게 PDF 버전 사본을 이메일로 보냅니다.

blue-chip-pdf

작동 방법 how-it-works-19

블루칩 성장 펀드 설명서는 대화형 커뮤니케이션이다. 웹 및 PDF 채널이 있습니다. 대화형 커뮤니케이션은 AEM Workflows와 통합되어 이메일을 통해 PDF 버전을 보냅니다. https://에서 워크플로우 모델을 검토할 수 있습니다.[authorHost]:[ authorPort]/editor.html/conf/global/settings/workflow/models/wealthmanagement.html

재산 관리

직접 보세요 see-it-yourself-17

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을 탭합니다. 지정 전체 이름이메일 주소. 클릭 이메일 보내기.

자동 보험 적용 연습 auto-insurance-application-walkthrough

We.Finance 자동 보험 적용 시나리오는 다음과 같은 모습입니다.

  • We.Finance 고객 Sarah Rose
  • Conrad Simms, We.Finance 보험 담당자

사라 로즈는 기존 We.Finance 고객이며, 자동차 보험 정책을 구매했습니다. 이제 그녀의 보험 보험 증권 갱신의 시기가 되었습니다. We.Finance 보험사 Conrad Simms가 Sarah에게 그녀의 정책 갱신에 대한 알림 메시지를 보냅니다. 미리 알림 전자 메일에는 정책 갱신 세부 사항이 포함된 PDF 및 대화형 커뮤니케이션의 웹 버전에 대한 링크가 포함되어 있습니다. 대화형 커뮤니케이션에는 모바일 친화적이고 반응형 디자인이 있습니다. 어떤 장치에서든 대화형 커뮤니케이션을 열 수 있으며 대화형 커뮤니케이션은 기본 장치의 화면 크기에 맞게 리플로우됩니다. 전자 메일에 첨부된 대화형 커뮤니케이션의 PDF 버전은 오프라인 읽기에 유용합니다.

Sarah는 이메일에 제공된 지침을 따르며 프로세스를 성공적으로 다시 보고합니다. 다음 이미지는 자동 보험 적용 연습의 워크플로우를 표시합니다. 자동 보험 적용 연습

Conrad가 We.Finance로부터 보험 정책 갱신 통신을 보냅니다. conrad-sends-an-insurance-policy-renewal-communication-from-we-finance

Conrad는 AEM 인스턴스에 로그인하고 Sarah의 이름을 지정하는 자동 보험 대시보드를 엽니다. 고객 ID, 및 클릭 수 정책 갱신. 다음 에이전트 UI 사라 로즈의 정책 세부 사항이 이미 입력되어 있습니다. Conrad에서 Sarah의 전자 메일 주소를 지정하고 클릭 제출. Sarah는 그 제목과 함께 이메일을 받는다 자동 보험 갱신.

cc-dashboard

작동 방법 how-it-works-20

보험 갱신 통신은 상호작용 통신이다. Conrad Simms는 Agent UI를 사용하여 Sarah에게 보험 갱신 정책 커뮤니케이션을 보냅니다. 이 통신에는 대화형 커뮤니케이션의 웹 채널에 대한 인쇄(PDF) 및 링크가 포함됩니다. 대화형 커뮤니케이션은 AEM Workflow를 사용하여 이메일을 전송합니다. https://에서 워크플로우를 볼 수 있습니다.[authorHost]:[ authorPort]/editor.html/conf/global/settings/workflow/models/we-finance-auto-insurance-renewal.html

자동 보험 워크플로우

직접 보세요 see-it-yourself-18

에 로그인합니다. We.Finance 자동 보험 대시보드 Conrad Simms(csimms/password)로 사용할 수 있습니다. URL은 https:// 입니다.[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html 을(를) 지정합니다. 고객 ID. 사라 로즈의 고객 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://에 로그인합니다.[작성자]:[포트]/crx/de 를 관리자로 지정합니다.
  2. 를 엽니다. /apps/we-finance/components/ccrui/ccrui.jsp파일.
  3. 값 설정 FormFieldRequestParameterto /content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal-dynamics
  4. 모두 저장. 참조 사이트는 MS Dynamics를 데이터 소스로 사용하는 대화형 커뮤니케이션을 사용하도록 구성되어 있습니다.

이제, 로그인하십시오 We.Finance 자동 보험 대시보드 Conrad Simms(csimms/password)로 사용할 수 있습니다. URL은 https:// 입니다.[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html 을(를) 지정합니다. 고객 ID. 사라 로즈의 고객 ID는 900001. 클릭 정책 갱신. 대화형 커뮤니케이션이 에이전트 UI에서 열립니다. 에이전트 UI에서 정책 문서가 첨부된 전자 메일을 보낼 유효한 전자 메일 주소를 입력하고 를 클릭합니다 제출. 제출이 시작됨이라는 메시지가 화면에 표시되고 몇 초 내에 제출됨 이라는 메시지가 표시됩니다. 제목이 있는 이메일 자동 보험 갱신 은 지정된 이메일 주소에서 전송됩니다.

NOTE
Microsoft Dynamics를 데이터 소스로 사용하는 대화형 커뮤니케이션을 사용하는 경우 Sarah에 전송된 이메일의 링크는 Microsoft Dynamics를 사용하지 않는 대화형 커뮤니케이션을 가리킵니다. 문제를 해결하려면 이메일 템플릿의 링크를 수동으로 변경합니다.

agent_ui_email-1

사라가 We.Finance로부터 보험 증권 갱신 커뮤니케이션을 받고 갱신 결정을 내립니다 sarah-receives-an-insurance-policy-renewal-communication-from-we-finance-and-decides-to-renew

사라가 We.Finance로부터 그녀의 자동차 보험 정책이 곧 만료된다는 것을 알려주는 첨부 파일이 있는 이메일을 받는다. 첨부물은 그녀의 자동차 보험 정책 갱신 세부 사항의 인쇄 버전이다.

사라가 클릭 지금 갱신 그리고 그녀의 자동차 보험 서신의 웹버전으로의 안내 입니다. 이 편지 외에, 사라는 그녀의 정책이 만료되기 위해 몇 일이 남았다는 것을 알았다. 이 페이지에서는 Sarah에게 정책 번호, 지불 금액, 할인 오퍼와 충성도 보상과 같은 기타 정보와 같은 보험 정책 세부 사항에 대한 개요를 제공합니다. 사라가 다시 클릭하다 지금 갱신 정책 맨 아래에

자동 보험 갱신 이메일

작동 방법 how-it-works-21

자동 보험 서신의 웹 및 인쇄 출력은 대화형 커뮤니케이션의 다중 채널 기능을 사용하여 작성됩니다. 다음 지금 갱신 이메일의 버튼은 게시 인스턴스에서 대화형 커뮤니케이션인 자동 보험 갱신 애플리케이션에 연결됩니다.

ic-web-version

직접 보세요 see-it-yourself-19

PDF이 첨부된 이메일을 받았어야 합니다. PDF은 당신의 자동차 보험 서신의 인쇄 버전입니다. 클릭 지금 갱신 정책의 웹 버전에 도달하기 위해 개인 정보 및 정책 세부 사항을 확인하고 지금 갱신. 지불을 위해 적응형 양식으로 이동합니다.

다음 지금 갱신 이메일의 버튼은 사라가 정책의 웹 버전으로 이동하게 합니다. 다음 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-opens-the-payment-page-and-makes-the-payment-and-completes-the-process

사라가 지금 갱신 대화형 커뮤니케이션의 웹 버전에서 결제 페이지가 열립니다. Sarah는 자신의 정책 번호와 만료 날짜를 다시 자신의 기록과 확인합니다. 페이지 오른쪽에서는 총 금액에 대해 10% 할인해 준 갱신 지불 요지를 확인합니다. 사라가 신용카드 세부 사항을 입력하고 결제.

결제 적응형 양식

작동 방법 how-it-works-22

지금 갱신 단추가 사라를 결제 페이지로 안내합니다. 결제 페이지는 적응형 양식입니다. Sarah가 신용 카드 세부 사항을 입력하고 제출. 그녀의 신용 카드 결제가 처리되고 적응형 양식에 구성된 감사 메시지가 화면에 표시됩니다.

직접 보세요 see-it-yourself-20

클릭 지금 갱신 결제 페이지에 도달하려면 신용 카드 정보를 입력하고 결제. 다음 위치에서 작성 인스턴스의 결제 페이지에 연결할 수 있습니다.

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

결제 만들기 단추를 클릭하면 감사 메시지가 표시됩니다.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da