We.Finance 참조 사이트 연습

전제 조건

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

We.Finance 참조 사이트 시나리오

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

고객이 원하는 디바이스에서 기존 고객이나 잠재 고객에게 다가가고 서비스 혜택을 설명하고 서비스 등록을 돕는 것이 목표입니다. 게다가, 그들은 고객들이 흥미로워할 수 있는 추가 카드 같은 더 많은 금융 상품을 기대하고 있다.

We.Finance 사용 사례에 대한 자세한 설명과 AEM Forms을 통해 금융 조직이 자신의 목표를 어떻게 달성하는지 알아보십시오. 다음 연습은 다음과 같습니다.

신용 카드 응용 프로그램 연습

We.Finance 신용 카드 신청 시나리오에는 다음과 같은 개인화가 포함됩니다.

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

다음 인포그래픽은 신용카드 애플리케이션의 단계별 작업 과정을 보여줍니다.

workflow_aem

We.Finance에서 We.Finance의 목표를 달성하는 방법에 대해 자세히 알아보려면 참조 사이트 시나리오를 자세히 살펴보십시오.

Sarah는 We.Finance로부터 뉴스레터를 받고 신용 카드

Sarah Rose는 기존의 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는 신용 카드를 신청하기로 결정하고 이메일에서 지금 적용 단추를 누릅니다. We.Finance 포털의 신용카드 신청서로 사라가 간다. 애플리케이션 양식은 카드 레이아웃을 사용하여 섹션으로 구성됩니다.

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

cc-application-form-desktop

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

login-ssn

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

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로부터 이메일을 찾습니다. 그녀는 자신의 초안 신용 카드 신청서로 안내하는 이메일에 있는 다시 시작 단추를 클릭합니다. 그녀가 이전에 작성한 정보는 미리 채워져 있다. 나머지 신청서 작성 후 서명하여 제출합니다.

resume-1

또는 We.Finance 홈 페이지의 My Forms 아래에 있는 초안 응용 프로그램에 액세스할 수 있습니다.

portal-draft

작동 방식

이메일의 [다시 시작] 단추를 누르면 Sarah가 초안 응용 프로그램을 포함하는 노드로 리디렉션됩니다.

직접 보기

애플리케이션 양식을 채울 때 지정한 이메일 ID의 초안 애플리케이션에 대한 링크가 포함된 이메일을 수신해야 합니다. 애플리케이션의 나머지 섹션을 채우고 제출합니다.

We.Finance는 응용 프로그램을(를) 수신하고 승인합니다.

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

받은 편지함

작동 방식

사라가 신용 카드 신청서를 작성하고 제출하면, 글로리아의 AEM 받은 편지함에 Forms Workflow 트리거과 작업이 생성됩니다.

OSGi 기반의 AEM Forms은 적응형 양식 기반의 워크플로우를 구축할 수 있는 양식 중심의 워크플로우를 제공합니다. 이러한 워크플로우는 검토 및 승인, 비즈니스 프로세스 흐름, 문서 서비스 시작, Adobe Sign 서명 워크플로우와 통합 등에 사용할 수 있습니다. 자세한 내용은 OSGi](/docs/experience-manager-64/forms/workflows/aem-forms-workflow.html?lang=ko)의 [Forms 중심 작업 과정을 참조하십시오.

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

workflow

직접 보기

https://<hostname>:<PublishPort>/content/we-finance/global/en.html에서 we.finance 사이트에 대한 AEM 받은 편지함에 액세스할 수 있습니다. 페이지에서 로그인​을 탭하고 대리 로그인 확인란을 선택하고 grios/password을(를) 사용하여 AEM 받은 편지함에 로그인하고 Gloria Rios의 사용자 이름/암호로 신용 카드 응용 프로그램을 승인합니다. 양식 중심의 워크플로우 작업에 AEM 받은 편지함을 사용하는 방법에 대한 자세한 내용은 AEM 받은 편지함에서 Forms 응용 프로그램 및 작업 관리를 참조하십시오.

inbox-1

애플리케이션을 승인하면 Sarah는 환영 키트가 포함된 이메일을 수신하게 됩니다.

Sarah는 시작 키트를 받고 추가 카드신청

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

welcome-kit-for-sara

환영 키트는 새라를 위해 개인화되었고 그녀와 관련된 정보를 보여줍니다. PDF 버전의 환영 키트를 다운로드할 수 있는 옵션을 제공합니다.

플래티넘 카드 혜택

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

apply-addon-card

작동 방식

시작 키트는 cq-we-finance-content-pkg.zip 패키지에 포함된 대화형 통신입니다. 시작 키트에서 신용 카드의 이점을 보여주는 데스크톱 버전의 대화형 카드는 문서 조각의 기본 카드 레이아웃을 사용하여 만든 사용자 정의 레이아웃입니다.

Add-on 카드 응용 프로그램은 환영 키트의 대화형 통신에 포함된 응용 양식입니다.

직접 보기

이전 단계에서 받은 이메일에서 다시 시작 단추를 클릭합니다. 초안 응용 프로그램을 엽니다. 자세한 내용을 모두 기입하고 신청서를 제출해 주십시오. 그러면 환영 키트를 받게 됩니다 환영 키트를 검토합니다.

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

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

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

Sarah는신용카드 명세서를 받았습니다.

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

statement-email

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

  • 명세서 요약
  • 자세한 비용 보고서
  • 그래픽 비용 분석
  • 명세서 내에서 만기 금액을 지불하는 옵션
  • 결제 영수증 다운로드

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

사라는 오프라인 보관을 위해 PDF 버전의 신용카드 명세서를 검색하거나 포털에 가서 그녀의 이메일을 검색할 필요가 없다. Download Statement를 클릭하기만 하면 PDF 버전의 명령문을 다운로드할 수 있습니다.

자세한 내용은 응답형 테이블에 표시됩니다. 또한 명세서 내에서 일부 또는 전체 기한을 지불하는 옵션을 제공합니다.

자세한 설명

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

작동 방식

신용카드 명세서는 상호 작용 방식의 커뮤니케이션이다. 명세서의 자세한 비용 표는 응답형 표입니다. 비용 분석용 그래픽은 차트 구성 요소이며 비용 테이블을 읽고 파이 차트를 생성합니다.

직접 보기

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

https://<hostname:<포트>/content/aemforms-refsite/doclink.html?document=/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는 때때로 신용 카드 신청의 성과를 검토하여 고객이 직면하고 있는 모든 문제를 확인합니다. 이들은 이 분석을 사용하여 사용자 경험을 향상시키고, 양식 포기 비율을 줄이며, 전환율을 개선하기 위해 신용카드 애플리케이션에서 필요한 변경 사항에 대해 현명한 결정을 내릴 수 있습니다. 또한 AEM Forms과 Adobe Analytics의 통합을 활용하여 분석할 수 있습니다. 다음 이미지는 분석 대시보드를 나타냅니다.

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

cc-analytics

작동 방식

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

직접 보기

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

  1. https://<hostname>AuthorPort >/aem/forms.html/content/dam/formsanddocuments의​Forms & Documents​UI로 이동합니다.

  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. analytics데이터 필드에서 속성 아래에 시드 데이터 파일의 복사한 내용을 붙여 넣습니다.

  7. 신용 카드 신청 적응형 양식을 선택하고 도구 모음에서 분석 보고서​를 클릭하여 시드 데이터로 보고서를 생성합니다.

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

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

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

We.Finance 신용 카드 신청서 작성 시 A/B 테스트를 경험하려면 다음 단계를 수행합니다.

  1. https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments의 Forms & Documents​로 이동합니다.

  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을 사용하여 크롬 브라우저에서 양식을 여러 번 엽니다.

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

    노트

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

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

홈 모기지 애플리케이션 연습

We.Finance 주택 담보 대출 시나리오는 다음과 같은 성격을 포함한다:

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

다음 인포그래픽은 주택 담보 대출 애플리케이션의 단계별 작업 과정을 보여줍니다.

home_naudition_application_연습

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

Sarah는 We.Finance 웹 사이트를 방문하여 주택 담보대출신청

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

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

대출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는 주택 담보 대출 신청을 선택한 후 주택 담보 대출 계산기 결과를 보고 지금 적용​을 클릭합니다. 그것은 주택 담보 대출 신청을 엽니다.

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 테마 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 입력 유형을 지원하는 이메일과 같은 구성 요소를 사용합니다.

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

  • AEM Workflow 호출 제출 작업을 사용하여 We Finance Home Mortgage 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으로 이동하여 홈 저당 응용 프로그램의 지금 적용 단추를 클릭합니다. 시작하기 탭의 세부 사항을 채우고 다른 옵션을 시도해 본 다음 애플리케이션을 제출합니다.

받은 편지함에서 확인 메일을 받을 응용 프로그램에서 유효한 이메일 ID를 지정해야 합니다.

We.Finance는 응용 프로그램을 받습니다.

We.Finance는 Sarah가 제출한 모기지 신청서를 받는다. 지원서를 승인하거나 거부하는 작업은 Gloria Rios에게 지정됩니다. 그녀는 신청서를 검토하고 사라의 정부 신분증이 없다는 것을 알았다.

격자 받은 편지함

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

need-more-info

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

재평가

그 일은 글로리아에게 다시 맡겨졌다. 그녀는 첨부된 신분증을 검토하고 그 신청서를 승인했다.

작동 방식

사라가 주택 담보 대출 신청서를 채워서 제출하면, Forms Workflow 트리거과 작업이 글로리아의 AEM 받은 편지함에 생성됩니다. Gloria가 신청서를 검토하고 더 많은 정보를 요청함에 따라, 그 임무는 John Doe에게 지정됩니다. John Doe가 ID를 첨부하고 신청서를 다시 제출하면 Gloria에게 지정됩니다. 이것은 모기지 응용 프로그램과 연관된 AEM Workflow에서 정의됩니다.

OSGi 기반의 AEM Forms은 적응형 양식 기반의 워크플로우를 구축할 수 있는 양식 중심의 워크플로우를 제공합니다. 이러한 워크플로우는 검토 및 승인, 비즈니스 프로세스 흐름, 문서 서비스 시작, Adobe Sign 서명 워크플로우와 통합 등에 사용할 수 있습니다. 자세한 내용은 OSGi](/docs/experience-manager-64/forms/workflows/aem-forms-workflow.html?lang=ko)의 [Forms 중심 작업 과정을 참조하십시오.

다음 이미지는 모기지 응용 프로그램과 연관된 AEM 작업 과정을 나타냅니다.

모기지 워크플로우 모델

직접 보기

https://<hostname:<AuthorPort>/content/we-finance/global/en/login.html?resource=/aem/inbox.html에서 AEM 받은 편지함에 액세스할 수 있습니다. Gloria Rios의 사용자 이름/암호로 grios/password 및 John Doe의 jdoe/jdoe을(를) 사용하여 AEM 받은 편지함에 로그인하고 홈 모기지 애플리케이션 워크플로우를 살펴봅니다.

양식 중심의 워크플로우 작업에 AEM 받은 편지함을 사용하는 방법에 대한 자세한 내용은 AEM 받은 편지함에서 Forms 응용 프로그램 및 작업 관리](/docs/experience-manager-64/forms/publish-process-aem-forms/manage-applications-inbox.html?lang=ko)를 참조하십시오.[

Sarah가 시작 키트를 받았습니다.

새라의 담보 대출 신청이 승인되면, 그녀는 시작 키트에 대한 링크가 포함된 이메일을 받는다. 그녀는 새라를 위한 개인화된 프로모션을 보여주는 회전판이 포함된 환영 키트를 엽니다.

모기지 환영 키트

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

작동 방식

시작 키트는 cq-we-finance-content-pkg.zip 패키지에 포함된 대화형 통신입니다. 환영 키트에 있는 프로모션 행사는 Adobe Target 서버에서 제공됩니다. 오퍼는 사용자 지정되고 특정 고객 세그먼트에 대해 타깃팅됩니다. 환영 키트는 여성 고객의 대상 세그먼트를 위해 미리 구성된 Adobe Target 서버에서 제공됩니다.

시작 키트의 데스크톱 버전의 대화형 카드는 문서 조각의 기본 카드 레이아웃을 사용하여 만든 사용자 정의 레이아웃을 사용합니다.

직접 보기

담보 대출 신청서를 채울 때 이메일 ID를 제공한 경우 시작 키트에 대한 링크가 포함된 이메일을 수신해야 합니다. 받은 편지함을 확인하고 시작 키트를 검토합니다.

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

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

Sarah가 계정 명령문수신

사라는 대출을 받고 할부로 받기 시작함에 따라, 월 계좌 명세서를 포함한 We.Finance로부터 또 다른 이메일을 받는다.

모기지 명세서 이메일

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

  • 명세서 요약
  • 문 세부 사항

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

대출 계좌 명세서

자세한 내용은 응답형 표에 나열되며 명세서 내에서 부품 또는 전체 기한을 지불하는 옵션을 제공합니다.

작동 방식

모기지 진술은 상호적인 의사소통이다. JSON 일괄 처리 프로세스를 사용하여 생성됩니다. 명세서의 자세한 비용 표는 응답형 표입니다.

직접 보기

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

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

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

We.Finance는 담보 대출 응용 프로그램의 성능을 분석합니다.

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

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

모기지 분석

작동 방식

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

직접 보기

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

  1. https://<hostname>AuthorPort >/aem/forms.html/content/dam/formsanddocuments의​Forms & Documents​UI로 이동합니다.

  2. we-finance 폴더를 열려면 을 클릭합니다.

  3. Application for Home Audition 적응형 양식을 선택한 다음 도구 모음에서 Analytics 활성화​를 클릭합니다.

  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. 속성 아래의 분석 데이터 필드에서 시드 데이터 파일의 복사한 내용을 붙여 넣습니다.
  7. 이제 홈 모기지 애플리케이션 양식에 대한 분석 보고서를 다시 생성합니다. 시드 데이터가 있는 보고서가 표시됩니다.

대출 신청 A/B 테스트

We.Finance는 모기지 애플리케이션의 성능을 분석하고 지속적으로 향상시키는 것 외에도 AEM Forms과 Target의 통합을 활용하여 A/B 테스트를 만듭니다. 양식 작성 및 제출 측면에서 서로 다른 애플리케이션 양식 경험을 제공하고 전환율을 향상시킬 수 있는 경험을 식별할 수 있습니다.

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

작성 인스턴스에서 다음 단계를 수행하여 We.Finance 모기지 신청 양식에 대한 A/B 테스트 생성을 경험하십시오.

  1. https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments의 Forms & Documents​로 이동합니다.

  2. 을 클릭하여 We.Finance 폴더를 엽니다.

  3. Application for Home Audition 응용 양식을 선택합니다.

  4. 도구 모음에서 자세히​를 클릭하고 A/B 테스트 구성​을 선택합니다. A/B 테스트 구성 페이지가 열립니다.

  5. 활동 이름​을 지정합니다.

  6. 대상자 드롭다운 목록에서 양식의 다른 경험을 제공할 대상자를 선택합니다. 예: Chrome을 사용하는 방문자.

  7. 경험 A 및 B에 대한 경험 배포 필드에서 총 대상자 사이의 경험 배포를 결정하기 위해 백분율로 배포를 지정합니다. 예를 들어 경험 A와 경험 B에 각각 40, 60을 지정하는 경우 경험 A는 40%의 잠재고객에게 제공되며 나머지 60%는 경험 B를 보게 됩니다.

  8. 구성​을 클릭합니다. A/B 테스트 만들기를 확인하는 대화 상자가 나타납니다.

  9. 완료​를 클릭합니다.

  10. Application for Home Audition 적응형 양식을 선택하고 편집​을 클릭합니다. 경험 중 하나를 열 수 있는 옵션이 제공됩니다. 경험 B​을 클릭합니다. 양식이 편집 모드로 열립니다.

  11. 기본 경험 A와 다른 경험을 만들려면 원하는 대로 양식을 수정합니다.

  12. Forms 및 문서 UI로 이동하여 양식을 선택하고 자세히​를 클릭한 다음 A/B 테스트 시작​을 선택합니다.

  13. 이제 다음 url을 사용하여 크롬 브라우저에서 양식을 여러 번 엽니다.

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

    노트

    다음에 양식을 열기 전에 브라우저의 쿠키 지속성에서 이름이 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-4

A/B 테스트를 종료하려면 보고 대시보드에서 End A/B test 단추를 클릭합니다. 현재 경험을 선언하라는 대화 상자가 표시됩니다. 우승자를 선택하고 A/B 테스트를 종료하려면 확인합니다.

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

Microsoft Dynamics의 홈 모기지 애플리케이션 연습

Microsoft Dynamics 시나리오의 We.Finance 홈 모기지에 대한 내용은 다음과 같습니다.

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

Microsoft Dynamics의 Home Mortgage 애플리케이션 연습에서는 We.Finance 고객이 참조 사이트에서 데이터 통합을 위해 Microsoft Dynamics를 사용할 때 주택 융자를 적용하는 방법을 보여 줍니다. 이 연습은 Microsoft Dynamics에서 받는 사용자가 입력한 데이터로 끝납니다. 이 시나리오를 진행하기 전에 We.Finance 참조 사이트](/docs/experience-manager-64/forms/using/ms-dynamics-configuration-home-mortgage.html?lang=ko)의 홈 모기지 워크플로에 대한 [Microsoft Dynamics 365 구성을 완료해야 합니다.

Sarah는 We.Finance 웹 사이트를 방문하여 주택 담보대출신청

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

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

대출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는 주택 담보 대출 신청을 선택한 후 주택 담보 대출 계산기 결과를 보고 지금 적용​을 클릭합니다. 그것은 주택 담보 대출 신청을 엽니다.

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 테마 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 인스턴스에서 제출된 데이터를 봅니다.

We.Finance는 Microsoft Dynamics 인스턴스에서 Sarah가 제출한 모기지 신청서를 받습니다. 관리자는 리드 열의 항목을 눌러 Sarah Rose용으로 만든 리드 레코드로 이동합니다.

msdynamicsrecord

홈 보험 신청 연습

We.Finance 주택 보험 시나리오는 다음과 같은 사람을 포함한다.

  • We.Finance 고객인 Sarah Rose
  • 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는 기존의 We.Finance 고객이다. 그녀는 We.Finance 계정 자격 증명으로 로그인하고 그녀의 개인 세부 사항은 양식에 자동으로 채워집니다. 그녀는 계속해서 신청서를 작성하고 제출한다.

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

보험 양식-모바일

작동 방식

뉴스레터의 지금 적용 단추를 누르면 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가 제출한 주택보험 신청서를 받는다. 일은 글로리아 리오스에 맡긴다. 그녀는 자신의 AEM 받은 편지함에서 그 지원서를 검토하고 그것을 승인한다.

insurance-inbox-grios

글로리아가 사라의 집 보험 신청을 승인함에 따라, 한 작업이 프랭크 드 코스타스의 AEM 받은 편지함에 만들어진다. Frank가 그 일을 검토한다. 그는 사라를 위한 주택보험 계약을 준비하고, 그 계약서를 그녀의 신청서에 첨부하고, 그것을 사라에게 계약서의 서명을 위해 보냈다. 에이전트 UI에 아래에 표시된 계약은 인터랙티브 커뮤니케이션의 인쇄 버전입니다.

보험 연락처

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

보험 계약 이메일

작동 방식

사라가 가정보험 신청서를 제출하면, Forms Workflow이 트리거되고 글로리아의 AEM 받은 편지함에 작업이 만들어진다. Gloria가 신청서를 검토하고 승인하면서, 그 작업은 Frank De Costa에게 지정됩니다. 한 개인에서 다른 사람으로 이어지는 작업 흐름은 보험 응용 프로그램과 연관된 AEM 작업 과정에서 정의됩니다. 워크플로우에 대한 자세한 내용은 OSGi](/docs/experience-manager-64/forms/workflows/aem-forms-workflow.html?lang=ko)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으로 이동하여 Gloria의 사용자 이름 암호로 grios/grios에 로그인합니다. 사라의 집 보험 신청을 승인하라.

  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로부터 그녀의 보험 정책에 대한 환영 키트와 함께 다른 이메일을 받는다. 환영 키트에서 사라는 정책 문서에 액세스하고 설명을 볼 수 있다.

보험 환영 키트

직접 보기

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

insurance-welcome-kit-email

자산 관리 설명서 연습

We.Finance Bu Management 시나리오는 다음 모습을 포함합니다.

  • We.Finance 고객인 Sarah Rose

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

다음 이미지는 자산 관리 연습의 작업 과정을 표시합니다.

자산 관리 설명서 연습

Sarah는 We.Finance 웹 사이트를 방문하여 블루칩 성장 기금 설명서열기

사라 로즈는 뮤추얼 펀드에 투자할 계획이다. 그녀는 기존 We.Finance 고객이므로 We.Finance 포털을 방문하여 사용 가능한 뮤추얼 펀드를 탐색한다. 그녀는 자산 관리 부서에 가서 We.Finance Blue Chip Growth Fund 페이지를 엽니다. 이 페이지에는 현재 및 역사적 가격, 월별 실적, 섹터별 다양화, 비용, 수수료, 세금 및 자금에 대한 자세한 정보가 포함된 설명서 링크가 포함되어 있습니다.

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/bu-management에서 검토할 수 있습니다.

직접 보기

We.Finance 포털의 https://[publishHost]:[publishPort]/finance, 자산 관리를 탭하고, 자산 분류별로 기금을 확장한 다음 We.Finance 블루칩 성장 기금을 탭합니다. We.Finance Blue Chip Growth Fund 기금 설명서 시작.

Sarah는자금에 대해 알아보기 위해 블루 칩 성장 기금 설명서를 탐색한다.

사라가 현재 및 역사적 가격, 역사적 성장, S&P 500 지수와 비교하기, 섹터별 분산, 기금 관리 사람, 펀드 관련 비용을 알기 위해 안내서의 개요, 가격 및 성과, Portfolio 관리, 수수료 및 최소화와 세금 및 지불 탭을 탐색한다. 관련 정보는 다른 탭으로 구분됩니다. 그 안내서는 상호 작용 방식의 의사소통이다. 인터랙티브한 커뮤니케이션은 반응형 디자인을 제공합니다. 모든 화면 크기의 디바이스에서 인터랙티브한 커뮤니케이션을 열 수 있으며 인터랙티브한 커뮤니케이션은 기본 디바이스에 맞게 디자인을 리플로우합니다.

slide1-1

작동 방식

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

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

직접 보기

Blue Chip Growmode Fund 대화형 통신(https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html?wcmmode=disabled)으로 이동합니다. 모든 탭을 살펴보십시오.

Sarah가 Blue Chip Growth Fund 페이지의 PDF 버전을 보고 이메일로 전송합니다.

사라는 주말에 시골로 여행한다. 박 후보는 형인 형과 함께 블루 칩 성장 펀드에 대해 논의할 예정이다. 오빠는 은행에서 일을 하고 있어 금융과 관련된 결정을 돕는다고 한다. 사라는 오프라인에서 읽을 수 있도록 자신의 노트북에 있는 블루 칩 성장 펀드 페이지의 PDF 버전 사본을 다운로드합니다. 또한 동생에게 PDF 버전 사본을 이메일로 보냅니다.

blue-chip-pdf

작동 방식

블루칩 성장 기금 설명서를 보면 의사소통이 가능하다. 웹 및 PDF 채널을 통해 인터랙티브한 커뮤니케이션은 AEM Workflows와 통합되어 이메일로 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 자동 보험 적용 시나리오는 다음과 같은 모습을 포함합니다.

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

Sarah Rose는 기존의 We.Finance 고객이며 자동차 보험 정책을 구입했다. 지금은 그녀의 보험 증권 갱신의 한 해이다. We.Finance 보험사 Conrad Simms가 Sarah에게 그녀의 정책 갱신에 대해 상기시켜준다. 미리 알림 이메일에는 정책 갱신 세부 사항과 대화형 커뮤니케이션의 웹 버전 링크가 포함된 PDF가 포함되어 있습니다. 인터랙티브한 커뮤니케이션은 모바일에 최적화된 반응형 디자인을 제공합니다. 모든 디바이스에서 인터랙티브한 커뮤니케이션을 열 수 있으며 인터랙티브한 커뮤니케이션은 기본 디바이스의 화면 크기에 맞게 리플로우됩니다. 이메일에 첨부된 인터랙티브 커뮤니케이션의 PDF 버전은 오프라인 읽기에 유용합니다.

Sarah는 이메일에 설명된 지침을 따르고 절차를 성공적으로 갱신했습니다. 다음 이미지는 자동 보험 응용 프로그램 연습의 작업 과정을 표시합니다. 자동 보험-응용 프로그램 연습

Conrad가 We.Finance로부터 보험 증권 갱신 통신을 보냅니다.

Conrad는 AEM 인스턴스에 로그인하고, 자동 보험 대시보드에서 Sarah의 고객 ID​를 지정하고 정책 갱신​을 클릭합니다. 에이전트 UI​가 이미 채워진 Sarah Rose의 정책 세부 정보와 함께 열립니다. Conrad가 Sarah의 전자 메일 주소를 지정하고 제출​을 클릭합니다. Sarah는 Your Auto Insurance Renewal 제목으로 이메일을 수신합니다.

cc-dashboard

작동 방식

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

자동 보험 워크플로우

직접 보기

We.Finance Auto Insurance Dashboard​에 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도 포함되어 있습니다. 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]:[포트]/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를 데이터 소스로 사용하는 대화형 통신을 사용하도록 구성되어 있습니다.

이제 We.Finance Auto Insurance Dashboard​에 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에서 정책 문서가 첨부된 이메일을 보낼 유효한 이메일 주소를 입력하고 제출​을 클릭합니다. 제출 시작이라는 메시지가 화면에 표시되고 몇 초 후 "제출됨" 메시지가 표시됩니다. 자동 보험 갱신​이(가) 지정된 이메일 주소로 전송되는 이메일이 발송됩니다.

노트

Microsoft Dynamics를 데이터 소스로 사용하는 대화형 통신을 사용할 경우 Sarah로 보낸 이메일의 링크가 Microsoft Dynamics를 사용하지 않는 대화형 통신을 가리킵니다. 문제를 해결하려면 이메일 템플릿의 링크를 수동으로 변경하십시오.

agent_ui_email-1

Sarah는 We.Finance로부터 보험 증권 갱신 통신을 받고갱신을 결정하다.

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

Sarah는 지금 갱신하기​를 클릭하고 자신의 자동 보험 서신의 웹 버전을 보냅니다. 이 편지 위에, 사라는 그녀의 정책이 만료될 때까지 몇 일이 남았다는 것을 알았다. 이 페이지에서는 Sarah에게 정책 번호, 지불 금액, 그리고 할인 혜택 및 로열티 보상 같은 기타 정보와 같은 보험 정책 세부 사항에 대한 개요를 제공합니다. Sarah는 정책 아래쪽에 있는 지금 갱신​을 다시 클릭합니다.

자동 보험 갱신 이메일

작동 방식

자동 보험 서신의 웹 및 인쇄 출력은 인터랙티브 커뮤니케이션의 멀티채널 기능을 사용하여 만들어집니다. 이메일의 지금 갱신 단추는 게시 인스턴스의 대화형 통신인 자동 보험 갱신 응용 프로그램에 연결되어 있습니다.

ic-web-version

직접 보기

PDF가 첨부된 이메일을 수신한 것이 틀림없습니다. PDF는 자동차 보험 서신의 인쇄 버전입니다. 정책의 웹 버전에 도달하려면 지금 갱신​을 클릭합니다. 개인 정보 및 정책 세부 사항을 확인하고 지금 갱신​을 클릭합니다. 결제 시 적응형 양식으로 이동합니다.

이메일의 지금 갱신 단추를 누르면 Sarah가 정책의 웹 버전으로 연결됩니다. 다음 URL을 방문할 수 있습니다.

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

자동 보험 갱신에 대한 자세한 요약을 확인하고 페이지 하단에 있는 지금 갱신​을 클릭합니다.

Sarah가 결제 페이지를 열고 지불을 완료하고프로세스를 완료합니다.

Sarah가 대화형 통신의 웹 버전에서 지금 갱신​을 클릭하면 결제 페이지가 열립니다. 사라는 자신의 기록대로 정책 번호와 만료 날짜를 다시 확인한다. 페이지 오른쪽에서 총 금액에 대해 10% 할인과 함께 갱신 금액 요약을 확인합니다. Sarah는 자신의 신용 카드 세부 사항을 채우고 결제​를 클릭합니다.

결제 적응형 양식

작동 방식

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

직접 보기

지불 페이지로 이동하려면 지금 갱신​을 클릭합니다. 신용 카드 정보를 입력하고 결제 만들기를 클릭합니다. 작성 인스턴스에서 결제 페이지에 액세스할 수 있는 위치:

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

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

이 페이지에서는