Procedura dettagliata sul sito di riferimento We.Finance

Prerequisiti

Configurare i siti di riferimento come descritto in Configurare e configurare siti di riferimento AEM Forms.

Scenari del sito di riferimento We.Finance

We.Finance è un'organizzazione leader nel settore dei servizi finanziari che offre soluzioni finanziarie complete e personalizzate in base alle esigenze dei diversi profili cliente. Offrono carte di credito, mutui per la casa e servizi di assicurazione per la casa.

Il loro obiettivo è quello di raggiungere i clienti esistenti e potenziali sul loro dispositivo preferito, spiegare i vantaggi dei loro servizi e aiutarli ad iscriversi ai loro servizi. Inoltre, stanno cercando di promuovere più prodotti finanziari come schede aggiuntive che i clienti potrebbero trovare interessanti.

Continua a leggere informazioni dettagliate sui casi di utilizzo di We.Finance e scopri in che modo AEM Forms aiuta le organizzazioni finanziarie a raggiungere i loro obiettivi. Vengono fornite le seguenti procedure dettagliate:

Procedura dettagliata sull'applicazione con carta di credito

Lo scenario dell'applicazione della carta di credito We.Finance coinvolge le seguenti persone:

  • Sarah Rose, un cliente di We.Finance
  • Gloria Rios, responsabile della carta di credito e ipoteca, We.Finance

Nella seguente infografica viene illustrato il flusso di lavoro dettagliato dell'applicazione della carta di credito.

workflow_aem

Esaminiamo in dettaglio lo scenario relativo al sito di riferimento per comprendere in che modo AEM Forms aiuta We.Finance a raggiungere i loro obiettivi.

Sarah riceve una newsletter da We.Finance e richiede una carta di credito

Sarah Rose è un cliente esistente di We.Finance. Riceve una newsletter da We.Finance sulle nuove carte di credito in offerta. Trova le offerte eccitanti e decide di fare domanda per una carta di credito. Fa clic sul pulsante Applica ora nella newsletter, che la porta all'applicazione della carta di credito sul portale We.Finance.

marketing-email

Come funziona

La newsletter inviata a Sarah è un’implementazione personalizzata che attiva un messaggio e-mail per l’ID e-mail specificato. Il pulsante Applica ora nell’e-mail è collegato all’applicazione della carta di credito, un modulo adattivo in un’istanza pubblicata.

Vedere da soli

Aprite il seguente URL nell’istanza di pubblicazione per attivare un messaggio e-mail per la newsletter. Per ricevere la newsletter, sostituite [emailID] con un account e-mail valido. Aprite la newsletter e fate clic su Applica ora per passare all'applicazione della carta di credito.

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

Sarah trova l'offerta interessante e sceglie di applicare

Sarah decide di richiedere la carta di credito e tocca il tasto Applica ora nell'e-mail. Porta Sarah all'applicazione della carta di credito sul portale We.Finance. Il modulo dell'applicazione è organizzato in sezioni utilizzando un layout scheda.

Sarah seleziona una carta di credito dalle opzioni disponibili e fa clic su Continue.

cc-application-form-desktop

Nella pagina Informazioni personali, mentre Sarah fornisce il suo numero di previdenza sociale, riceve una richiesta per accedere con le sue credenziali.

login-ssn

Sarah è un cliente esistente di We.Finance. Effettua l'accesso con le credenziali del suo account We.Finance e i suoi dati personali vengono compilati automaticamente nel modulo. Sarah continua a compilare il modulo di richiesta, e questo quando viene visualizzato un promemoria per una riunione a cui deve partecipare. Fare clic su Salva i miei progressi nel modulo dell'applicazione. Salva tutte le informazioni che Sarah ha compilato fino ad ora e viene visualizzata una finestra di dialogo per confermare se desidera ricevere una e-mail con un collegamento alla sua bozza di applicazione per completare in seguito.

Sarah fa clic su Invia posta. Riceve un'e-mail con un link per riprendere la richiesta della carta di credito.

curriculum

Sarah accede all'applicazione della carta di credito dal suo dispositivo mobile

Se Sarah accede all'applicazione della carta di credito dal suo dispositivo mobile, l'applicazione reattiva si apre in una visualizzazione ottimizzata per i dispositivi mobili. In questa visualizzazione, il modulo dell'applicazione viene rappresentato come una sezione alla volta. Consente a Sarah di visualizzare e fornire informazioni in modo progressivo mentre naviga nell'applicazione.

form-on-mobile

Come funziona

Il tasto Applica ora indirizza Sarah all'applicazione della carta di credito. L’applicazione è un modulo adattivo, che può essere esaminato nelle istanze di creazione all’indirizzo https://[host]:[Port]/editor.html/content/forms/af/we-finance/cc-app.html.

Alcune delle funzioni chiave che è possibile esaminare nel modulo adattivo sono:

  • Si basa su uno schema XSD.
  • È costruito utilizzando il tema A di finanziamento We per lo stile e il modello We.Finance per il layout. Inoltre, utilizza Layout senza titoli del pannello nel layout dell'intestazione del modulo per la navigazione mobile. Viene visualizzato un layout mobile progressivo quando viene aperto da un dispositivo mobile. Potete esaminare il modello in https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance e il tema in https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/we-finance-theme-a/jcr:content.
  • Include regole del modulo adattivo per richiamare i servizi del modello dati modulo per precompilare i dettagli utente dell'utente connesso. Richiama inoltre i servizi per precompilare le informazioni in base al numero di previdenza sociale o all'indirizzo e-mail fornito nel modulo. È possibile esaminare i modelli di dati dei moduli e i relativi servizi all'indirizzo https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.
  • Utilizza vari componenti per moduli adattivi per acquisire gli input e adattarsi alle risposte degli utenti. Utilizza anche componenti come E-mail che supportano i tipi di input HTML5.
  • Utilizza il componente Fase firma per visualizzare il modulo compilato e consente la firma elettronica sul modulo.
  • Il pulsante Save my progress genera un ID univoco per l’utente e salva l’applicazione parzialmente compilata come bozza in un nodo AEM repository. Inoltre, visualizza una finestra di dialogo che richiede l'autorizzazione per inviare un'e-mail con un collegamento al nodo che contiene la bozza dell'applicazione. Il pulsante Invia e-mail nella finestra di dialogo di conferma attiva un messaggio e-mail contenente un collegamento al nodo che contiene la bozza.
  • Utilizza l'azione di invio Richiama AEM flusso di lavoro per attivare il flusso di lavoro di approvazione della carta di credito. È possibile esaminare il flusso di lavoro utilizzato in questo modulo all'indirizzo https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-credit-card-workflow.html

È consigliabile esaminare il modulo per comprendere lo schema, i componenti, le regole, i modelli dati modulo, il flusso di lavoro moduli e l'azione di invio utilizzata per creare il modulo.

Per ulteriori informazioni sulle funzioni utilizzate nel modulo adattivo per l'applicazione con carta di credito, consulta anche la seguente documentazione:

Vedere da soli

Quando hai effettuato l'accesso come Sarah Rose, fai clic sul pulsante Applica ora nell'applicazione della carta di credito. Compilate alcuni dettagli, esplorate vari componenti per moduli adattivi e fate clic su Salva i progressi per ricevere un'e-mail con un pulsante Riprendi che collega alla bozza dell'applicazione. Accertatevi di specificare l'ID e-mail nel modulo dell'applicazione per ricevere l'e-mail.

Leggi il tema We.Finance disponibile all'indirizzo:

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

Puoi consultare il modello We.Finance all'indirizzo:

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

Sarah riprende e invia l'applicazione

Sarah ritorna più tardi e trova un'e-mail da We.Finance. Fa clic sul pulsante Riprendi nell'e-mail che la porta alla bozza della sua applicazione con carta di credito. Le informazioni che ha compilato in precedenza vengono precompilate. Compila il modulo di richiesta rimanente, firma l'applicazione e lo invia.

curriculum-1

In alternativa, può accedere alla sua bozza di applicazione in My Forms nella home page di We.Finance.

portali-bozze

Come funziona

Il pulsante Riprendi nell'e-mail reindirizzerà Sarah al nodo contenente la bozza dell'applicazione.

Vedere da soli

È necessario aver ricevuto un'e-mail con un collegamento alla bozza dell'applicazione sull'ID e-mail specificato durante la compilazione del modulo dell'applicazione. Procedere, compilare le sezioni rimanenti dell'applicazione e inviarla.

We.Finance riceve e approva l'applicazione

We.Finance riceve la richiesta di carta di credito inviata da Sarah. Un compito è assegnato a Gloria Rios. Rileva l'attività nella propria casella AEM Posta in arrivo e la approva.

inbox

Come funziona

Quando Sarah riempie e invia l'applicazione della carta di credito, un Forms Workflow si attiva e un'attività viene creata nella inbox AEM di Gloria.

AEM Forms su OSGi offre flussi di lavoro incentrati sui moduli che consentono di creare flussi di lavoro basati su moduli adattivi. Questi flussi di lavoro possono essere utilizzati per revisioni e approvazioni, flussi di processi aziendali, per avviare Document Services, per l'integrazione con flusso di lavoro di firma Adobe Sign e così via. Per ulteriori informazioni, consultate Flusso di lavoro Forms-centric su OSGi.

Nell'immagine seguente viene illustrato il flusso di lavoro AEM che elabora l'applicazione con carta di credito e genera un output PDF dell'applicazione.

workflow

Vedere da soli

Potete accedere AEM inbox per il sito Web we.finance all'indirizzo https://<hostname>:<PublishPort>/content/we-finance/global/en.html. Sulla pagina, toccare Accedi, selezionare la casella di controllo Accedi come rappresentante, accedere alla casella in entrata AEM utilizzando grios/password come nome utente/password per Gloria Rios e approvare l'applicazione della carta di credito. Per informazioni sull'utilizzo di AEM Inbox per le attività relative ai flussi di lavoro incentrate sui moduli, vedere Gestione di applicazioni e attività Forms in AEM Inbox.

inbox-1

Quando si approva l'applicazione, Sarah riceve un'e-mail con il kit di benvenuto.

Sarah riceve il kit di benvenuto e richiede una scheda aggiuntiva

Quando l'applicazione della carta di credito di Sarah viene approvata, riceve un'e-mail con un collegamento al kit di benvenuto. Apre il kit di benvenuto, che include i dettagli del conto della sua carta di credito. Il kit di benvenuto mostra anche offerte promozionali personalizzate per Sarah. Mentre scorre verso il basso, il kit di benvenuto contiene un modulo incorporato da richiedere per una scheda aggiuntiva. Sarah ha rapidamente inserito i dettagli richiesti dall'interno del kit di benvenuto e si applica alla scheda aggiuntiva. Viene visualizzata una finestra di dialogo di conferma per l'applicazione della scheda aggiuntiva.

welcome-kit-for-sara

Il kit di benvenuto è personalizzato per Sarah e mostra informazioni rilevanti per lei. Offre la possibilità di scaricare una versione PDF del kit di benvenuto.

vantaggi della carta di platino

Il kit di benvenuto include un altro modulo di richiesta che Sarah può compilare e inviare per richiedere una scheda aggiuntiva dall'interno del kit di benvenuto senza visitare il portale We.Finance.

apply-addon-card

Come funziona

Il kit di benvenuto è una comunicazione interattiva inclusa nel pacchetto cq-we-finance-content-pkg.zip. Le schede interattive nella versione desktop per mostrare i vantaggi della carta di credito nel kit di benvenuto sono un layout personalizzato creato utilizzando il layout scheda predefinito di un frammento di documento.

L'applicazione scheda aggiuntiva è un modulo adattivo incorporato nel kit di benvenuto per la comunicazione interattiva.

Vedere da soli

Fate clic sul pulsante Riprendi nell'e-mail che avete ricevuto nel passaggio precedente. Apre la bozza di applicazione. Compila tutti i dettagli e invia la domanda. Riceverete quindi un kit di benvenuto. Esaminate il kit di benvenuto.

Potete anche visualizzare il kit di benvenuto al seguente URL:

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

Potete accedervi nelle istanze di creazione e pubblicazione.

Sarah riceve il rendiconto della carta di credito

Mentre Sarah inizia a utilizzare la carta di credito, riceve un'altra e-mail da We.Finance che include il suo estratto conto della carta di credito. Le immagini seguenti mostrano l'e-mail con un collegamento all'estratto conto della carta di credito su dispositivo mobile.

resoconto-email

Sarah fa clic su Visualizza rendiconto nell'e-mail per visualizzare il rendiconto della carta di credito. L'istruzione è una comunicazione interattiva. Sono disponibili versioni Web e Stampa (PDF). L'istruzione si integra con Forms Data Model per recuperare dal database i dati specifici del cliente. La dichiarazione interattiva costituisce vari elementi:

  • Riepilogo istruzioni
  • Report spese dettagliato
  • Analisi delle spese grafiche
  • Opzione per effettuare un pagamento per l'importo dovuto dall'interno del rendiconto
  • Scarica la ricevuta di pagamento

Diverse parti del rendiconto della carta di credito

Sarah non deve andare al portale o cercare nelle e-mail la versione PDF dell'estratto conto della carta di credito per l'archiviazione offline. Fa clic su Download Statement (Dichiarazione di download) per scaricare una versione PDF dell'istruzione.

L'istruzione dettagliata viene illustrata in una tabella reattiva. L'istruzione fornisce inoltre la possibilità di pagare una parte o l'intero importo dovuto dall'interno dell'istruzione.

Dettaglio

Sarah pianifica il pagamento dall'interno del rendiconto. Sarah può anche utilizzare l'opzione Flexi Pay per dividere il pagamento in parti uguali.

Come funziona

Il rendiconto della carta di credito è una comunicazione interattiva. La tabella spese dettagliata nell'istruzione è una tabella reattiva. L'elemento grafico per l'analisi delle spese è un componente grafico che legge la tabella delle spese e genera il grafico a torta.

Vedere da soli

È possibile esaminare il rendiconto della carta di credito interattiva al seguente URL:

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

Potete accedervi nelle istanze di creazione e pubblicazione.

Il rendiconto della carta di credito visualizza le offerte promozionali verso la fine del rendiconto. Potete integrare Adobe Target con AEM Forms Interactive Communication per distribuire offerte promozionali mirate basate su segmenti di clienti specifici. Per configurare la comunicazione interattiva da utilizzare Adobe Target per offerte personalizzate e mirate, consultate Creare esperienze con targeting.

We.Finance analizza le prestazioni dell'applicazione della carta di credito

We.Finance, di tanto in tanto, esamina le prestazioni della loro applicazione con carta di credito per verificare la presenza di eventuali problemi che i clienti potrebbero dover affrontare. Utilizzano questa analisi per prendere decisioni informate sulle modifiche richieste nell'applicazione della carta di credito per migliorare l'esperienza dell'utente, ridurre il tasso di abbandono dei moduli e migliorare così la conversione. Utilizzano l'integrazione di AEM Forms con Adobe Analytics per la loro analisi. L'immagine seguente mostra il loro dashboard di analisi.

Per ulteriori informazioni su come interpretare il dashboard di analisi, consultate Visualizzazione e comprensione report di analisi AEM Forms.

cc-analytics

Come funziona

Le metriche delle prestazioni per il modulo dell'applicazione con carta di credito vengono tracciate utilizzando Adobe Analytics. Per ulteriori informazioni sulla configurazione Adobe Analytics e la visualizzazione dei report, vedere Configuring analytics for forms and documents (Configurazione dell'analisi per moduli e documenti).

Vedere da soli

Per visualizzare ed esaminare il rapporto di analisi, forniamo i dati iniziali per l'applicazione della carta di credito nel sito di riferimento. Prima di utilizzare i dati iniziali, vedete Configurare Analytics. Per visualizzare il rapporto con i dati iniziali, effettuate i seguenti passaggi nell’istanza di creazione:

  1. Andate all'interfaccia di Forms & Documents all'indirizzo https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. Fare clic per aprire la cartella We.Finance.

  3. Selezionare il modulo adattivo Application for Credit Card, quindi fare clic su Enable Analytics nella barra degli strumenti.

  4. Selezionate di nuovo il modulo adattivo e fate clic su Rapporto analisi nella barra degli strumenti per generare il rapporto. Inizialmente verrà visualizzato un rapporto vuoto.

Per generare report di analisi con dati iniziali:

  1. Nel browser dell'indirizzo di CRXDE lite, digitare: /apps/we-finance/demo-artifacts/analyticsTestData/Credit card Analytics Test Data

  2. I dati del test sono selezionati nella struttura di directory a sinistra.

  3. Fate doppio clic sul file selezionato per aprirne il contenuto nel pannello a destra.

  4. Copiate tutto il contenuto nel file di dati seed.

  5. In CRXDE, passa a: /content/dam/formsanddocuments/we-finance/cc-app/jcr:content/analyticsdatanode/lastsevendays

  6. Nel campo analyticsdata in Properties, incollare il contenuto copiato del file di dati seed.

  7. Selezionare il modulo adattivo Application for Credit Card e fare clic su Analytics Report nella barra degli strumenti per generare il rapporto con i dati iniziali.

Test A/B dell'applicazione della carta di credito

Oltre ad analizzare le prestazioni dell'applicazione della carta di credito e a migliorarla costantemente, We.Finance sfrutta l'integrazione di AEM Forms con Target per creare test A/B. Consente di distribuire esperienze diverse del modulo di richiesta della carta di credito e identificare l'esperienza che causa un migliore tasso di conversione in termini di compilazione e invio del modulo.

Per configurare Target in server AEM Forms, vedi Configurare e integrare Target in AEM Forms.

Effettuare le seguenti operazioni per verificare la creazione di test A/B per il modulo di richiesta di carta di credito We.Finance:

  1. Andate a Forms & Documents all'indirizzo https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. Fare clic per aprire la cartella We.Finance.

  3. Selezionare il modulo adattivo Application for Credit Card.

  4. Fare clic su Altro nella barra degli strumenti e selezionare Configura test A/B. Viene visualizzata la pagina Configura test A/B.

  5. Specificare un Nome attività.

  6. Dall'elenco a discesa Pubblico, selezionare un'audience a cui distribuire diverse esperienze del modulo. Ad esempio, Visitatori che utilizzano Chrome.

  7. Nei campi Distribuzione esperienza per le esperienze A e B, specificate la distribuzione, in termini percentuali, per determinare la distribuzione delle esperienze tra il pubblico totale. Ad esempio, se specificate 40, 60 rispettivamente per le esperienze A e B, l'esperienza A verrà servita al 40% del pubblico e il restante 60% visualizzerà l'esperienza B.

  8. Fare clic su Configura. Viene visualizzata una finestra di dialogo per confermare la creazione del test A/B.

  9. Fare clic su Fine.

  10. Selezionare il modulo Application for Credit Card e fare clic su Edit. Consente di aprire una delle esperienze. Fare clic su Esperienza B. Il modulo si apre in modalità di modifica.

  11. Modificate il modulo nel modo desiderato per creare un'esperienza diversa dall'esperienza predefinita A.

  12. Passare all'interfaccia utente Forms e Documenti, selezionare il modulo, fare clic su Altro, quindi selezionare Avvia test A/B.

  13. Ora aprire il modulo nel browser Chrome diverse volte utilizzando il seguente URL:

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

    NOTA

    Rimuovere il cookie con il nome mbox dalla persistenza del cookie del browser prima di aprire il modulo la prossima volta. Verranno visualizzate le esperienze A e B del modulo a caso.

  14. Selezionare il modulo, fare clic su Altro, quindi fare clic su A/B Testing Report. Non troverai molti dati nel rapporto come hai appena iniziato il test. Forniamo ora alcuni dati iniziali per vedere come si presenterà il rapporto Test A/B.

  15. Aprite il CRXDE Lite ed effettuate il backup del seguente file: /libs/fd/fmaddon/gui/components/admin/targetreport/clientlibs/targetreport/js/targetreport.js

  16. Sostituire la definizione di funzione onReportLoadSuccess nel file di cui sopra con la definizione di funzione nel file seguente: /apps/we-finance/demo-artifacts/targetreport.js

    Nota: queste modifiche sono solo a scopo dimostrativo. Dopo aver completato questa procedura, accertatevi di ripristinare il contenuto del file.

  17. Aggiorna il rapporto generato e vedrai qualcosa di simile al seguente. Esaminate il dashboard di reporting.

ab-test-report-3

Per terminare il test A/B, fare clic sul pulsante Termina test A/B nel dashboard di reporting. Al momento, una finestra di dialogo richiede di dichiarare un'esperienza. Scegliete un vincitore e confermate la fine del test A/B.

Se scegliete l'esperienza A come vincitore, il test A/B verrà messo a termine, e andando avanti, solo l'Esperienza A verrà servita a tutti i tipi di pubblico, inclusi quelli su Chrome.

Procedura dettagliata relativa all'applicazione di ipoteca domestica

Lo scenario di mutuo per la casa We.Finance include le seguenti persone:

  • Sarah Rose, un cliente di We.Finance
  • Gloria Rios, responsabile della carta di credito e ipoteca, We.Finance
  • John Doe, rappresentante dell'assistenza clienti, We.Finance

La seguente infografica illustra il flusso di lavoro dettagliato di un'applicazione mutuo per la casa.

home_mutuo_application_walkthrough

Esaminiamo ora in dettaglio i passaggi nello scenario relativo al sito di riferimento per vedere in che modo AEM Forms aiuta We.Finance a raggiungere i loro obiettivi.

Sarah visita il sito Web We.Finance e si applica per la casa ipoteca

Sarah Rose sta progettando di comprare una casa e alla ricerca di un mutuo per la casa. È un cliente We.Finance e quindi visita il portale We.Finance per esplorare le offerte di mutui per la casa. Va alla sezione Prestiti e trova una calcolatrice ipotecaria sul portale. Riempie i dettagli e fa clic su Calcola il mio mutuo, che restituisce un piano di mutuo.

prestiti1 prestiti2
Figura:Calcolatore ipotecario

prestiti3
Figura:risultato del calcolo ipotecario

Come funziona

Il calcolatore del mutuo per la casa nella pagina Prestiti è un modulo adattivo incorporato pagina AEM Sites. È possibile esaminare la pagina Prestiti in modalità di modifica in https://[authorHost]:[authorPort]/editor.html/content/we-finance/global/en/loan-landing-page.html.

Il calcolatore ipotecario incorporato, che è un modulo adattivo, utilizza regole per calcolare l'importo dell'IME in base ai dettagli del prestito forniti nei campi del calcolatore. È possibile esaminare il modulo adattivo all'indirizzo https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/hm-calc.html.

Vedere da soli

Andate al portale We.Finance all'indirizzo https://<publishHost>:<publishPort>/content/we-finance/global/en.html e fate clic su Loans. Fornire i dettagli nella calcolatrice ipotecaria e vedere i risultati.

Sarah trova l'offerta interessante e sceglie di applicare

Sarah sceglie di fare domanda per ipoteca di casa e fa clic su Applica ora sui risultati del calcolatore ipotecario di casa. Apre l'applicazione per il mutuo per la casa.

Se Sarah accede all'applicazione mutuo per la casa dal suo dispositivo mobile, il modulo dell'applicazione si apre in una visualizzazione ottimizzata per la visualizzazione su un dispositivo mobile. In questa visualizzazione, il modulo dell'applicazione esegue il rendering di una sezione alla volta. Consente a Sarah di visualizzare e fornire le informazioni in modo progressivo mentre naviga nel modulo dell'applicazione.

Le immagini seguenti mostrano il flusso di lavoro man mano che Sarah naviga attraverso l'applicazione di mutuo per la casa sul suo dispositivo mobile.

Compilazione dell’applicazione del mutuo su dispositivo mobile

Se Sarah fa clic su Applica ora dal desktop, il modulo di richiesta del mutuo si apre come segue. Le informazioni fornite da Sarah nel calcolatore ipotecario sono precompilate nel modulo di richiesta. Sarah compila i dettagli rimanenti e fa clic su Continue.

richiesta ipotecaria

Sulla base delle informazioni che Sarah ha compilato nella calcolatrice ipotecaria, le vengono presentati alcuni piani ipotecari. Sceglie il piano che soddisfa le sue esigenze e continua a riempire l'applicazione. Infine firma e invia la domanda.

La domanda inviata va a We.Finance per l'approvazione.

Salvataggio di un'applicazione bozza

Come funziona

Il tasto Applica ora indirizza Sarah all'applicazione del mutuo per la casa. L’applicazione è un modulo adattivo, che può essere esaminato nelle istanze di creazione all’indirizzo https://[host]:[Port]/editor.html/content/forms/af/we-finance/hm-app.html.

Alcune delle funzioni chiave che è possibile esaminare nel modulo adattivo sono:

  • Si basa su uno schema XSD, homeMortgageApplication.xsd.

  • È costruito utilizzando il tema B di finanza We per lo stile e il modello We.Finance per il layout. Inoltre, utilizza Layout senza titoli del pannello nel layout dell'intestazione del modulo per la navigazione mobile. Viene visualizzato un layout mobile progressivo quando viene aperto da un dispositivo mobile. Potete esaminare il modello e il tema utilizzati nel modulo adattivo nelle seguenti posizioni nell’istanza di AEM autore:

    • 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
  • La prima scheda, Guida introduttiva, nell'applicazione è un calcolatore mutui dinamico che visualizza le opzioni in base alla selezione dell'utente. Ad esempio, i campi e i valori sono diversi per le opzioni Acquisto e Rifinanziamento. Questa funzionalità viene ottenuta utilizzando le regole di visualizzazione. Inoltre, quando si fa clic su Continua e si inizializza la scheda Piani, viene richiamato un servizio Web configurato in un modello dati modulo per recuperare e visualizzare i piani ipotecari. È possibile esaminare i modelli di dati dei moduli e i servizi configurati all'indirizzo https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.

  • Utilizza vari componenti per moduli adattivi per acquisire gli input e adattarsi alle risposte degli utenti. Utilizza anche componenti come E-mail che supportano i tipi di input HTML5.

  • Utilizza il componente Fase firma per visualizzare il modulo compilato e consente la firma elettronica sul modulo.

  • Utilizza l'azione di invio Richiama AEM flusso di lavoro per attivare il flusso di lavoro AEM Contabilità iniziale transazioni finanziarie. È possibile esaminare il flusso di lavoro utilizzato in questo modulo all'indirizzo https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-home-mortgage-workflow.html

È consigliabile esaminare il modulo per comprendere lo schema, i componenti, le regole, i modelli dati modulo, il flusso di lavoro moduli e l'azione di invio utilizzata per creare il modulo.

Per ulteriori informazioni sulle funzioni utilizzate nel modulo adattivo per l'applicazione per ipoteche per la casa, consultate anche la seguente documentazione:

Vedere da soli

Vai a https://[server]:[port]/content/we-finance/global/en/all-forms.html e fai clic sul pulsante Applica ora nell'applicazione ipoteca principale. Compila i dettagli nella scheda Guida introduttiva, prova con opzioni diverse e invia l’applicazione.

Accertatevi di specificare un ID e-mail valido nell’applicazione per ricevere un messaggio di conferma nella inbox.

We.Finance riceve l'applicazione

We.Finance riceve la richiesta di mutuo presentata da Sarah. Il compito di approvare o respingere la domanda è assegnato a Gloria Rios. Rileva la domanda e rileva che manca l'ID governativo di Sarah.

grios-inbox

Gloria apre il compito e seleziona Necessità di maggiori informazioni e commenta l'ID governativo mancante.

need-more-info

Il compito è ora assegnato a John Doe, un rappresentante di assistenza clienti con We.Finance. Apre il compito e riassume il commento di Gloria. Contatta Sarah e le chiede di mandarle una copia del suo documento di identità. Dopo aver ricevuto una copia dell'ID di Sarah, l'allega al compito e invia la domanda di rivalutazione.

rivalutazione

Il compito viene riassegnato a Gloria. Controlla l'ID allegato e approva l'applicazione.

Come funziona

Quando Sarah riempie e invia l'applicazione del mutuo per la casa, un Forms Workflow si attiva e un'attività viene creata nella casella in AEM di Gloria. Mentre Gloria esamina la domanda e chiede maggiori informazioni, il compito è assegnato a John Doe. Quando John Doe allega l'ID e invia nuovamente l'applicazione, viene assegnato a Gloria. Questo è definito nel flusso di lavoro AEM associato all'applicazione del mutuo.

AEM Forms su OSGi offre flussi di lavoro incentrati sui moduli che consentono di creare flussi di lavoro basati su moduli adattivi. Questi flussi di lavoro possono essere utilizzati per revisioni e approvazioni, flussi di processi aziendali, per avviare Document Services, per l'integrazione con flusso di lavoro di firma Adobe Sign e così via. Per ulteriori informazioni, consultate Flusso di lavoro Forms-centric su OSGi.

Nell'immagine seguente viene illustrato il flusso di lavoro AEM associato all'applicazione mutuo.

modello di flusso di lavoro ipotecario

Vedere da soli

Potete accedere alla AEM inbox all'indirizzo https://<hostname>:<AuthorPort>/content/we-finance/global/en/login.html?resource=/aem/inbox.html. Accedete alla casella in entrata AEM utilizzando grios/password come nome utente/password per Gloria Rios e jdoe/jdoe per John Doe, quindi esplorate il flusso di lavoro dell'applicazione di ipoteca domestica.

Per informazioni sull'utilizzo di AEM Inbox per le attività relative ai flussi di lavoro incentrate sui moduli, vedere Gestione di applicazioni e attività Forms in AEM Inbox.

Sarah riceve il kit di benvenuto

Con l'approvazione dell'applicazione dell'ipoteca di Sarah, riceve un'e-mail con un collegamento al kit di benvenuto. Apre il kit di benvenuto, che include un carosello che mostra offerte promozionali personalizzate per Sarah.

kit di benvenuto

Il kit di benvenuto è personalizzato per Sarah e mostra informazioni rilevanti per lei. Offre la possibilità di scaricare una versione PDF del kit di benvenuto. Il pulsante freccia in basso consente a Sarah di scorrere verso il basso e navigare attraverso altre sezioni del kit di benvenuto.

Come funziona

Il kit di benvenuto è una comunicazione interattiva inclusa nel pacchetto cq-we-finance-content-pkg.zip. Le offerte promozionali nel kit di benvenuto sono servite server Adobe Target. Le offerte sono personalizzate e mirate per segmenti di clienti specifici. Il kit di benvenuto raccoglie offerte da un server Adobe Target preconfigurato per un segmento di pubblico femminile.

Le schede interattive nella versione desktop del kit di benvenuto utilizzano un layout personalizzato creato utilizzando il layout scheda predefinito di un frammento di documento.

Vedere da soli

Se avete fornito il vostro ID e-mail durante la compilazione dell'applicazione ipotecaria, dovreste aver ricevuto un messaggio e-mail contenente il collegamento al kit di benvenuto. Controllate la vostra inbox e controllate il kit di benvenuto.

Potete visualizzarlo AEM’istanza di pubblicazione al seguente URL:

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

Sarah riceve un rendiconto di conto

Quando Sarah si avvale del prestito e inizia a pagare le rate, riceve un'altra e-mail da We.Finance che include il rendiconto mensile.

mutuo-istruzione-email

Sarah fa clic su Visualizza rendiconto nell'e-mail per visualizzare l'estratto conto ipotecario. La dichiarazione interattiva costituisce vari elementi:

  • Riepilogo istruzioni
  • Dettagli dichiarazione

L'immagine seguente mostra una parte diversa dell'istruzione account su Desktop.

Conto ipotecario

L'istruzione dettagliata viene illustrata in una tabella reattiva e fornisce l'opzione per pagare una parte o l'intero importo dovuto dall'interno dell'istruzione.

Come funziona

La dichiarazione ipotecaria è una comunicazione interattiva. Viene generato utilizzando il processo di batch JSON. La tabella spese dettagliata nell'istruzione è una tabella reattiva.

Vedere da soli

È possibile esaminare l'estratto conto ipoteca interattivo al seguente URL:

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

Potete accedervi nelle istanze di creazione e pubblicazione.

We.Finance analizza le prestazioni dell'applicazione del mutuo

We.Finance, di tanto in tanto, esamina le prestazioni della loro applicazione di ipoteca per controllare eventuali problemi che i clienti potrebbero dover affrontare. Essi utilizzano questa analisi per prendere decisioni informate sulle modifiche richieste nell'applicazione del mutuo per migliorare l'esperienza dell'utente, ridurre il tasso di abbandono dei moduli, e quindi migliorare la conversione. Utilizzano l'integrazione di AEM Forms con Adobe Analytics per la loro analisi. L'immagine seguente mostra il loro dashboard di analisi.

Per ulteriori informazioni su come interpretare il dashboard di analisi, consultate Visualizzazione e comprensione report di analisi AEM Forms.

analisi ipotecaria

Come funziona

Le metriche delle prestazioni per il modulo dell'applicazione ipoteca vengono tracciate utilizzando Adobe Analytics. Per ulteriori informazioni sulla configurazione Adobe Analytics e la visualizzazione dei report, vedere Configuring analytics for forms and documents (Configurazione dell'analisi per moduli e documenti).

Vedere da soli

Per visualizzare ed esaminare il rapporto di analisi, forniamo i dati iniziali per l'applicazione del mutuo nel sito di riferimento. Prima di utilizzare i dati iniziali, vedete Configurare Analytics. Per visualizzare il rapporto con i dati iniziali, effettuate i seguenti passaggi nell’istanza di creazione:

  1. Andate all'interfaccia di Forms & Documents all'indirizzo https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. Fare clic per aprire la cartella we-finance.

  3. Selezionare Application for Home Mortgage adaptive form, quindi nella barra degli strumenti fare clic su Enable Analytics (Abilita Analytics).

  4. Selezionate di nuovo il modulo e fate clic su Rapporto analisi nella barra degli strumenti per generare il rapporto. Inizialmente verrà visualizzato un rapporto vuoto.

Per generare report di analisi con dati iniziali:

  1. Nel browser dell'indirizzo di CRXDE lite, digitare quanto segue: /apps/we-finance/demo-artifacts/analyticsTestData/HomeMortgageAnalyticsTestData
  2. I dati del test sono selezionati nella struttura di directory a sinistra.
  3. Fate doppio clic sul file selezionato per aprirne il contenuto nel pannello a destra.
  4. Copiate tutto il contenuto nel file di dati seed.
  5. In CRXDE, passa a: /content/dam/formsanddocuments/we-finance/hm-app/jcr:content/analyticsdatanode/lastsevendays
  6. Nel campo dei dati di analisi in Proprietà, incollate il contenuto copiato del file di dati di seed.
  7. Ora generate di nuovo il report di analisi per il modulo di richiesta ipoteca principale. Il rapporto verrà visualizzato con i dati iniziali.

Test A/B della domanda di ipoteca

Oltre ad analizzare le prestazioni dell'applicazione ipoteca e a migliorarla costantemente, We.Finance sfrutta l'integrazione di AEM Forms con Target per creare test A/B. Consente di distribuire esperienze diverse del modulo di applicazione e identificare l'esperienza che causa un tasso di conversione migliore in termini di compilazione e invio del modulo.

Per configurare Target in server AEM Forms, vedi Configurare e integrare Target in AEM Forms.

Effettuare le seguenti operazioni nell’istanza di creazione per verificare la creazione di test A/B per il modulo di richiesta di mutuo We.Finance:

  1. Andate a Forms & Documents all'indirizzo https://<hostname>:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. Fare clic per aprire la cartella We.Finance.

  3. Selezionare il modulo adattivo Application for Home Mortgage.

  4. Fare clic su Altro nella barra degli strumenti e selezionare Configura test A/B. Viene visualizzata la pagina Configura test A/B.

  5. Specificare un Nome attività.

  6. Dall'elenco a discesa Pubblico, selezionare un'audience a cui distribuire diverse esperienze del modulo. Ad esempio, Visitatori che utilizzano Chrome.

  7. Nei campi Distribuzione esperienza per le esperienze A e B, specificate la distribuzione, in termini percentuali, per determinare la distribuzione delle esperienze tra il pubblico totale. Ad esempio, se specificate 40, 60 rispettivamente per le esperienze A e B, l'esperienza A verrà servita al 40% del pubblico e il restante 60% visualizzerà l'esperienza B.

  8. Fare clic su Configura. Viene visualizzata una finestra di dialogo per confermare la creazione del test A/B.

  9. Fare clic su Fine.

  10. Selezionare il modulo adattivo Application for Home Mortgage e fare clic su Edit. Consente di aprire una delle esperienze. Fare clic su Esperienza B. Il modulo si apre in modalità di modifica.

  11. Modificate il modulo nel modo desiderato per creare un'esperienza diversa dall'esperienza predefinita A.

  12. Passare all'interfaccia utente Forms e Documenti, selezionare il modulo, fare clic su Altro, quindi selezionare Avvia test A/B.

  13. Ora aprire il modulo nel browser Chrome diverse volte utilizzando il seguente URL:

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

    NOTA

    Rimuovere il cookie con il nome mbox dalla persistenza del cookie del browser prima di aprire il modulo la prossima volta. Verranno visualizzate le esperienze A e B del modulo a caso.

  14. Selezionare il modulo, fare clic su Altro, quindi fare clic su A/B Testing Report. Non troverai molti dati nel rapporto come hai appena iniziato il test. Forniamo ora alcuni dati iniziali per vedere come si presenterà il rapporto Test A/B.

  15. Aprite il CRXDE Lite ed effettuate il backup del seguente file: /libs/fd/fmaddon/gui/components/admin/targetreport/clientlibs/targetreport/js/targetreport.js

  16. Sostituire la definizione della funzione onReportLoadSuccess nel file sopra indicato con la definizione della funzione nel file seguente: /apps/we-finance/demo-artifacts/targetreport.js

    NOTA

    Queste modifiche sono solo a scopo dimostrativo. Dopo aver completato questa procedura, accertatevi di ripristinare il contenuto del file.

  17. Aggiorna il rapporto generato e vedrai qualcosa di simile al seguente. Esaminate il dashboard di reporting.

ab-test-report-4

Per terminare il test A/B, fare clic sul pulsante Termina test A/B nel dashboard di reporting. Al momento, una finestra di dialogo richiede di dichiarare un'esperienza. Scegliete un vincitore e confermate la fine del test A/B.

Se scegliete l'esperienza A come vincitore, il test A/B verrà messo a termine, e andando avanti, solo l'Esperienza A verrà servita a tutti i tipi di pubblico, inclusi quelli su Chrome.

Home Informazioni dettagliate sull'applicazione ipotecaria con Microsoft Dynamics

Lo scenario di mutuo per la casa We.Finance con Microsoft Dynamics include le seguenti personalità:

  • Sarah Rose, un cliente di We.Finance
  • Amministratore dell'istanza Microsoft Dynamics We.Finance

La procedura dettagliata dell'applicazione Home Mutuo con Microsoft Dynamics illustra come un cliente We.Finance può utilizzare il sito per richiedere un mutuo per la casa quando il sito di riferimento utilizza Microsoft Dynamics per l'integrazione dei dati. La procedura dettagliata termina con i dati compilati dall'utente ricevuto da Microsoft Dynamics. Prima di procedere con questo scenario, è necessario completare la configurazione di Microsoft Dynamics 365 per il flusso di lavoro mutuo di casa del sito di riferimento We.Finance.

Sarah visita il sito Web We.Finance e si applica per la casa ipoteca

Sarah Rose sta progettando di comprare una casa e alla ricerca di un mutuo per la casa. È un cliente We.Finance e quindi visita il portale We.Finance per esplorare le offerte di mutui per la casa. Va alla sezione Prestiti e trova una calcolatrice ipotecaria sul portale. Riempie i dettagli e fa clic su Calcola il mio mutuo, che restituisce un piano di mutuo.

prestiti1 prestiti2
Figura:Calcolatore ipotecario

prestiti3
Figura:risultato del calcolo ipotecario

Come funziona

Il calcolatore del mutuo per la casa nella pagina Prestiti è un modulo adattivo incorporato pagina AEM Sites. È possibile esaminare la pagina Prestiti in modalità di modifica in https://[authorHost]:[authorPort]/editor.html/content/we-finance/global/en/loan-landing-page.html.

Il calcolatore ipotecario incorporato, che è un modulo adattivo, utilizza regole per calcolare l'importo dell'IME in base ai dettagli del prestito forniti nei campi del calcolatore. È possibile esaminare il modulo adattivo all'indirizzo https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/ms-dynamics/home-mortgage-calculator.html.

Vedere da soli

Andate al portale We.Finance all'indirizzo https://<publishHost>:<publishPort>/content/we-finance/global/en.html e fate clic su Loans. Fornire i dettagli nella calcolatrice ipotecaria e vedere i risultati.

Sarah trova l'offerta interessante e sceglie di applicare

Sarah sceglie di fare domanda per ipoteca di casa e fa clic su Applica ora sui risultati del calcolatore ipotecario di casa. Apre l'applicazione per il mutuo per la casa.

Se Sarah accede all'applicazione mutuo per la casa dal suo dispositivo mobile, il modulo dell'applicazione si apre in una visualizzazione ottimizzata per la visualizzazione su un dispositivo mobile. In questa visualizzazione, il modulo dell'applicazione esegue il rendering di una sezione alla volta. Consente a Sarah di visualizzare e fornire le informazioni in modo progressivo mentre naviga nel modulo dell'applicazione.

Le immagini seguenti mostrano il flusso di lavoro man mano che Sarah naviga attraverso l'applicazione di mutuo per la casa sul suo dispositivo mobile.

Compilazione dell’applicazione del mutuo su dispositivo mobile

Se Sarah fa clic su Applica ora dal desktop, il modulo di richiesta del mutuo si apre come segue. Le informazioni fornite da Sarah nel calcolatore ipotecario sono precompilate nel modulo di richiesta. Sarah compila i dettagli rimanenti e fa clic su Continue.

richiesta ipotecaria

Sulla base delle informazioni che Sarah ha compilato nella calcolatrice ipotecaria, le vengono presentati alcuni piani ipotecari. Sceglie il piano che soddisfa le sue esigenze e continua a riempire l'applicazione. Infine firma e invia la domanda.

La domanda inviata va a We.Finance per l'approvazione.

Salvataggio di un'applicazione bozza

Come funziona

Il tasto Applica ora indirizza Sarah all'applicazione del mutuo per la casa. L’applicazione è un modulo adattivo, che può essere esaminato nelle istanze di creazione all’indirizzo https://[host]:[Port]/editor.html/content/forms/af/we-finance/ms-dynamics/application-for-home-mortgage.html.

Alcune delle funzioni chiave che è possibile esaminare nel modulo adattivo sono:

  • Si basa su uno schema XSD, homeMortgageApplication.xsd.

  • È costruito utilizzando il tema B di finanza We per lo stile e il modello We.Finance per il layout. Inoltre, utilizza Layout senza titoli del pannello nel layout dell'intestazione del modulo per la navigazione mobile. Viene visualizzato un layout mobile progressivo quando viene aperto da un dispositivo mobile. Potete esaminare il modello e il tema utilizzati nel modulo adattivo nelle seguenti posizioni nell’istanza di AEM autore:

    • 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
  • La prima scheda, Guida introduttiva, nell'applicazione è un calcolatore mutui dinamico che visualizza le opzioni in base alla selezione dell'utente. Ad esempio, i campi e i valori sono diversi per le opzioni Acquisto e Rifinanziamento. Questa funzionalità viene ottenuta utilizzando le regole di visualizzazione. Inoltre, quando si fa clic su Continua e si inizializza la scheda Piani, viene richiamato un servizio Web configurato in un modello dati modulo per recuperare e visualizzare i piani ipotecari. È possibile esaminare i modelli di dati dei moduli e i servizi configurati all'indirizzo https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.

  • Utilizza vari componenti per moduli adattivi per acquisire gli input e adattarsi alle risposte degli utenti. Utilizza anche componenti come E-mail che supportano i tipi di input HTML5.

  • Utilizza il componente Fase firma per visualizzare il modulo compilato e consente la firma elettronica sul modulo.

È consigliabile esaminare il modulo per comprendere lo schema, i componenti, le regole, i modelli dati modulo, il flusso di lavoro moduli e l'azione di invio utilizzata per creare il modulo.

L'amministratore visualizza i dati inviati nell'istanza di Microsoft Dynamics

We.Finance riceve l'applicazione ipotecaria inviata da Sarah nell'istanza di Microsoft Dynamics. L’amministratore tocca la voce nella colonna lead per passare al record lead creato per Sarah Rose.

msdynamicsrecord

Procedura dettagliata relativa all'applicazione di assicurazione sulla casa

Lo scenario di assicurazione per le famiglie We.Finance comprende le seguenti persone:

  • Sarah Rose, un cliente di We.Finance
  • Gloria Rios, responsabile della carta di credito e ipoteca, We.Finance
  • Frank De Costa, agente assicurativo, We.Finance

Nella seguente infografica viene illustrato il flusso di lavoro dettagliato di uno scenario dell’applicazione di assicurazione della casa.

workflow_Insurance

Esaminiamo ora in dettaglio i passaggi nello scenario relativo al sito di riferimento per vedere in che modo AEM Forms aiuta We.Finance a raggiungere i loro obiettivi.

Sarah riceve una newsletter da We.Finance e si applica all'assicurazione per la casa

Sarah Rose è un cliente ipotecario di casa di We.Finance e alla ricerca di un buon affare per l'assicurazione di casa. Visita il portale We.Finance ed esplora i piani di assicurazione della casa. We.Finance l'ha identificata come cliente esistente e le invia una newsletter mirata tramite e-mail. La newsletter contiene offerte di assicurazione per la casa.

bollettino assicurativo

Come funziona

La newsletter inviata a Sarah è un’implementazione personalizzata che attiva un messaggio e-mail per l’ID e-mail specificato. Il pulsante Applica ora nella newsletter è collegato all’applicazione di assicurazione home, un modulo adattivo in un’istanza di pubblicazione.

Vedere da soli

Aprite il seguente URL per attivare un messaggio e-mail per la newsletter. Per ricevere la newsletter, sostituite [emailID] con un account e-mail valido. Aprite la newsletter e fate clic su Applica ora per passare all'applicazione di assicurazione principale.

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

Sarah trova interessante l'offerta di assicurazione della casa e sceglie di applicare

A Sarah piace il piano di assicurazione della casa nella newsletter e decide di farne richiesta. Clicca su Applica ora sulla newsletter, che apre l'applicazione di assicurazione sul portale We.Finance. Il modulo dell'applicazione è organizzato in sezioni utilizzando un layout scheda.

Nella pagina Informazioni personali, mentre Sarah fornisce il suo numero di previdenza sociale, riceve una richiesta per accedere con le sue credenziali.

assicurazione-ssn

Sarah è un cliente esistente di We.Finance. Effettua l'accesso con le credenziali del suo account We.Finance e i suoi dati personali vengono compilati automaticamente nel modulo. Continua a compilare e inviare la domanda.

Se Sarah inviava l'applicazione su un dispositivo mobile, passava attraverso i seguenti schermi.

modulo assicurativo su dispositivo mobile

Come funziona

Il tasto Applica ora sulla newsletter indirizza Sarah all'applicazione di assicurazione sulla casa sul portale We.Finance. L’applicazione è un modulo adattivo, che può essere rivisto nell’istanza di creazione all’indirizzo https://[host]:[Port]/editor.html/content/forms/af/we-finance/insurance/application-for-insurance.html.

Alcune delle funzioni chiave che è possibile esaminare nel modulo adattivo sono:

  • Si basa su uno schema XSD, insurance.xsd.

  • Viene creato utilizzando il tema Assicurazione per lo stile e utilizza Layout senza titoli del pannello nel layout dell'intestazione del modulo per la navigazione mobile. Viene visualizzato un layout mobile progressivo quando viene aperto da un dispositivo mobile. Potete esaminare il modello in https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance e il tema in https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/insurance/jcr:content.

  • Include regole del modulo adattivo per richiamare i servizi del modello dati modulo per precompilare i dettagli utente dell'utente connesso. Richiama inoltre i servizi per precompilare le informazioni in base al numero di previdenza sociale o all'indirizzo e-mail fornito nel modulo. È possibile esaminare i modelli di dati dei moduli e i relativi servizi all'indirizzo https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.

  • Utilizza vari componenti per moduli adattivi per acquisire gli input e adattarsi alle risposte degli utenti. Utilizza anche componenti come E-mail che supportano i tipi di input HTML5.

  • Il pulsante Save my progress genera un ID univoco per l’utente e salva l’applicazione parzialmente compilata come bozza in un nodo AEM repository. Inoltre, visualizza una finestra di dialogo che richiede l'autorizzazione per inviare un'e-mail con un collegamento al nodo che contiene la bozza dell'applicazione. Il pulsante Invia e-mail nella finestra di dialogo di conferma attiva un messaggio e-mail contenente un collegamento al nodo che contiene la bozza.

  • Utilizza l'azione di invio Richiama AEM flusso di lavoro per attivare il flusso di lavoro di approvazione dell'assicurazione iniziale. È possibile esaminare il flusso di lavoro utilizzato in questo modulo all'indirizzo https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-insurance-workflow.html

È consigliabile esaminare il modulo per comprendere lo schema, i componenti, le regole, i modelli dati modulo, il flusso di lavoro moduli e l'azione di invio utilizzata per creare il modulo.

Per ulteriori informazioni sulle funzioni utilizzate nel modulo adattivo dell'applicazione di assicurazione per la casa, consultate anche la seguente documentazione:

Vedere da soli

Fate clic sul pulsante Applica ora sulla newsletter che avreste ricevuto tramite e-mail. In alternativa, passare a https://[publishHost]:[publishPort]/content/we-finance/global/en/all-forms.html e fare clic su Applica nell'applicazione di assicurazione. Specificate 123456789 nel campo Codice fiscale. Quando richiesto, effettuate l'accesso utilizzando srose/srose come nome utente/password.

Compila i dettagli, esplora vari componenti per moduli adattivi e invia l’applicazione. È possibile esaminare il modulo adattivo all'indirizzo https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/insurance/application-for-insurance.html.

We.Finance approva l'applicazione e viene firmato un contratto

We.Finance riceve la richiesta di assicurazione casa presentata da Sarah. Un compito è assegnato a Gloria Rios. Rileva l'applicazione nella propria casella in entrata AEM e l'approva.

assicurazione-inbox-grios

Mentre Gloria approva l'applicazione di assicurazione della casa di Sarah, viene creato un compito nella Posta in arrivo AEM Frank De Costa. Frank rivede il compito. Prepara un contratto di assicurazione sulla casa per Sarah, allega il contratto alla sua applicazione e lo invia a Sarah per la firma del contratto. Il contratto, visualizzato di seguito nell’interfaccia utente dell’agente, è la versione per la stampa della comunicazione interattiva.

lettera di contatto assicurativo

Sarah riceve un'e-mail con un collegamento al contratto di assicurazione sulla casa per la firma. Sarah rivede e firma il contratto.

assicurazione-contratto-email

Come funziona

Quando Sarah invia l'applicazione di assicurazione per la casa, un Forms Workflow si attiva e un compito viene creato nella inbox AEM Gloria. Mentre Gloria esamina la domanda e la approva, il compito è assegnato a Frank De Costa. Il flusso di attività da un soggetto all'altro è definito nel flusso di lavoro AEM associato all'applicazione di assicurazione. Per ulteriori informazioni sui flussi di lavoro, consultate Flusso di lavoro Forms su OSGi.

Nell'immagine seguente viene illustrato il flusso di lavoro AEM associato all'applicazione di assicurazione.

we-finance-Insurance-workflow-model

Frank utilizza la gestione della corrispondenza per preparare un contratto di assicurazione sulla casa. Scarica il PDF del contratto e lo allega all'applicazione di Sarah e fa clic su Invia contratto. Il flusso di lavoro attiva un messaggio e-mail a Sarah con contratto di assicurazione sulla casa per la firma.

Vedere da soli

Effettua le seguenti operazioni:

  1. Accedete a AEM Posta in arrivo, https://[publishHost]:[publishPort]/content/we-finance/global/en/login.html?resource=/aem/inbox.html ed effettuate l'accesso con grios/grios come password utente per il nome utente della persona di Gloria. Approva il compito per l'applicazione di assicurazione di casa di Sarah.

  2. Accedete quindi AEM Posta in arrivo con fdcosta/password come password utente per il nome utente di Frank. Visualizza l'attività.

  3. A questo punto, andate a https://[authorHost]:[authorPort]/aem/forms.html/content/dam/formsanddocuments/we-finance/insurance e visualizzate l'anteprima del modello di lettera per HomeInsuranceWelcomeKit.

  4. Specificate le informazioni nel pannello Dati. Fare clic su Anteprima, quindi scaricare il PDF nel file system locale. Assicurarsi che il file PDF sia salvato con il nome del file Contract.pdf.

  5. Vai alla cartella Posta in arrivo AEM Frank, apri l'attività, allega il PDF del contratto scaricato e fai clic su Invia contratto.

  6. Aprite l’e-mail con il contratto e firmate il documento.

Sarah riceve un kit di benvenuto

Mentre Sarah firma il contratto di assicurazione sulla casa, riceve una email con i dettagli della polizza.

assicurazione-polizza-dettagli

In breve, riceve un'altra email da We.Finance con un kit di benvenuto per la sua polizza assicurativa. Dal kit di benvenuto, Sarah può accedere ai suoi documenti e visualizzare le dichiarazioni.

assicurazione-welcome-kit

Vedere da soli

Se avessi specificato l'ID e-mail nell'applicazione, avresti ricevuto un'e-mail con un collegamento al kit di benvenuto. Fare clic su My Welcome Kit per aprire il kit di benvenuto.

assicurazione-welcome-kit-email

Presentazione dettagliata del prospetto di gestione patrimoniale

Lo scenario di gestione patrimoniale We.Finance include la seguente persona:

  • Sarah Rose, un cliente di We.Finance

La procedura dettagliata di gestione patrimoniale illustra come un cliente We.Finance può utilizzare il sito per conoscere un fondo comune, il Blue Chip Growth Fund. Il sito di riferimento utilizza una comunicazione interattiva per visualizzare informazioni sul fondo. Le informazioni sono disponibili sia in formato Web che in formato PDF. La procedura dettagliata termina con l'invio da parte del cliente della versione PDF delle informazioni al fratello.

L'immagine seguente mostra il flusso di lavoro della procedura dettagliata di gestione patrimoniale:

gestione patrimoniale-prospetto-through

Sarah visita il sito Web We.Finance e apre il prospetto Blue Chip Growth Fund

Sarah Rose sta pensando di investire in un fondo comune. È un cliente esistente di We.Finance e quindi visita il portale We.Finance per esplorare i fondi comuni disponibili. Va alla sezione Gestione della ricchezza e apre la pagina We.Finance Blue Chip Growth Fund. La pagina contiene collegamenti a prospetto che contengono informazioni dettagliate sui prezzi correnti e storici, le prestazioni mensili, la diversificazione settoriale, le spese, le tasse, le tasse e ulteriori informazioni sui fondi.

slide1

Come funziona

Il prospetto Blue Chip Growth Fund è una comunicazione interattiva. Utilizza testi, immagini, grafici e componenti di tabella (frammenti di documento) per visualizzare il riepilogo del prodotto, lo stile delle scorte, le prestazioni del fondo, i dettagli del fondo e altre informazioni correlate. È possibile esaminare la comunicazione interattiva in modalità di modifica all'indirizzo https://[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html

I grafici e le tabelle recuperano i dati da un modello dati del modulo. Il modello dati del modulo si connette alle origini dati configurate, un database in questa procedura dettagliata, per recuperare informazioni specifiche per il fondo. È possibile esaminare il modello di dati del modulo all'indirizzo https://[authorHost]:[authorPort]/aem/fdm/editor.html/content/dam/formsanddocuments-fdm/we-finance/wealth-management

Vedere da soli

Andate al portale We.Finance all'indirizzo https://[publishHost]:[publishPort]/wefinance, toccate Wealth Management, espandete i fondi per classe asset e toccate We.Finance Blue Chip Growth Fund. Viene aperto il prospetto del Fondo di crescita per i chip blu We.Finance.

Sarah esplora il prospetto Blue Chip Growth Fund per conoscere il fondo

Sarah esplora le schede Panoramica, Prezzi e Prestazioni, Gestione dei Portfoli, Tariffe e Minime, Imposte e Pagamenti del prospetto per conoscere i prezzi attuali e storici, la crescita storica, il confronto con l'indice S&P 500, la diversificazione settoriale, le persone che gestiscono il fondo e le spese relative al fondo. Le relative informazioni sono separate in schede diverse. Il prospetto è una comunicazione interattiva. Le comunicazioni interattive hanno un design reattivo. È possibile aprire la comunicazione interattiva su un dispositivo di qualsiasi dimensione dello schermo e la comunicazione interattiva riavvia il progetto in base al dispositivo sottostante.

slide1-1

Come funziona

La comunicazione interattiva Blue Chip Growth Fund utilizza i pannelli padre e figlio per separare le informazioni correlate in sezioni diverse. Il pannello principale organizza tutti i pannelli secondari in schede.

Il layout della scheda principale è impostato su Tabulazioni in alto per convertire tutti i pannelli secondari in schede. Per vedere i pannelli della comunicazione interattiva in modalità di modifica, visitate https://[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html.

Vedere da soli

Andate alla comunicazione interattiva Blue Chip Growth Fund all'indirizzo https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html?wcmmode=disabled. Esplora tutte le schede.

Sarah visualizza ed invia per e-mail la versione PDF della pagina Blue Chip Growth Fund

Sarah sta viaggiando in campagna durante il weekend. Ha intenzione di discutere del Fondo per la crescita dei Chip Blu con il fratello maggiore. Suo fratello maggiore lavora con una banca e la aiuta nelle decisioni relative ai finanziamenti. Sarah scarica una copia della versione PDF della pagina Blue Chip Growth Fund sul suo computer portatile per la lettura offline. Invia inoltre una copia della versione PDF al fratello.

blue-chip-pdf

Come funziona

Il prospetto Blue Chip Growth Fund è una comunicazione interattiva. Ha un canale Web e PDF. La comunicazione interattiva si integra con AEM Flussi di lavoro per inviare la versione PDF tramite e-mail. È possibile esaminare il modello di workflow all'indirizzo https://[authorHost]:[ authorPort]/editor.html/conf/global/settings/workflow/models/wealthmanagement.html.

gestione patrimoniale

Vedere da soli

Per scaricare la versione PDF, accedete alla comunicazione interattiva Blue Chip Growth Fund https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html, toccate Scarica PDF.

Per inviare PDF tramite e-mail, passare alla comunicazione interattiva Blue Chip Growth Fund https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html, toccare e-mail PDF. Specificare Nome completo e Indirizzo e-mail. Fare clic su Invia e-mail.

Procedura dettagliata sull'applicazione di assicurazione automatica

Lo scenario dell'applicazione di assicurazione auto We.Finance include la persona seguente:

  • Sarah Rose, un cliente di We.Finance
  • Conrad Simms, agente assicurativo, We.Finance

Sarah Rose è un cliente esistente di We.Finance e ha acquistato una polizza di assicurazione auto. Ora è il momento dell’anno per il rinnovo della sua polizza assicurativa. Conrad Simms, agente assicurativo, We.Finance invia un promemoria a Sarah riguardo il rinnovo della sua polizza. Il promemoria contiene un PDF contenente i dettagli per il rinnovo del criterio e un collegamento alla versione Web della comunicazione interattiva. Le comunicazioni interattive hanno un design mobile facile e reattivo. Può aprire la comunicazione interattiva su qualsiasi dispositivo e la comunicazione interattiva si ripete in base alle dimensioni dello schermo del dispositivo sottostante. La versione PDF della comunicazione interattiva, allegata alla e-mail, è utile per la lettura offline.

Sarah segue le istruzioni fornite nell'e-mail e rinnova con successo il processo. L'immagine seguente mostra il flusso di lavoro della procedura dettagliata dell'applicazione di assicurazione automatica: assicurazione automatica-applicazione-procedura dettagliata

Conrad invia una comunicazione di rinnovo polizza assicurativa da We.Finance

Conrad accede AEM'istanza, apre il dashboard Assicurazione automatica specifica l' ID cliente di Sarah e fa clic su Rinnova criterio. Viene aperta l' Interfaccia dell'agente con i dettagli dei criteri di Sarah Rose già compilati. Selezionare l'indirizzo e-mail specificato di Sarah e fare clic su Invia. Sarah riceve un'e-mail con l'oggetto Rinnovo assicurazione automatica.

cc-dashboard

Come funziona

La comunicazione sul rinnovo della polizza assicurativa è una comunicazione interattiva. Conrad Simms utilizza l'interfaccia utente dell'agente per inviare la comunicazione sul rinnovo del polizza assicurativa a Sarah. La comunicazione include la stampa (PDF) e il collegamento al canale Web della comunicazione interattiva. La comunicazione interattiva utilizza AEM Workflow per inviare l’e-mail. È possibile visualizzare il flusso di lavoro all'indirizzo https://[authorHost]:[ authorPort]/editor.html/conf/global/settings/workflow/models/we-finance-auto-insurance-renewal.html

autoassicurazione-flusso di lavoro

Vedere da soli

Accedete a We.Finance Auto Insurance Dashboard come Conrad Simms (csimms/password). L'URL è https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html. Specificare l' ID cliente. L'ID cliente di Sarah Rose è 900001. Fare clic su Rinnova criterio. La comunicazione interattiva si apre nell’interfaccia utente dell’agente. Nell'interfaccia utente dell'agente, immettere un indirizzo e-mail valido per inviare l'e-mail contenente il documento del criterio allegato e fare clic su Invia. Sullo schermo viene visualizzato un messaggio, Inviato, e in pochi secondi viene visualizzato un altro messaggio, Inviato correttamente. Un'e-mail con oggetto Rinnovo assicurazione automatica e viene inviata all'indirizzo e-mail specificato. La politica offerta a Sarah Rose è una politica premium.

La procedura guidata di assicurazione auto contiene anche un altro cliente, Alison Jones. L'ID cliente di Alison Jones è 900002. Quando inviate la comunicazione interattiva ad Alison Jones, viene inviata una policy standard. La differenza tra la polizza standard e quella premium è:

  • Il criterio Premium ha un'immagine banner e il criterio standard ha solo testo al di sotto del blocco indirizzo.
  • La politica standard costa meno della politica dei premi.
  • La politica premium ha una ricompensa anti-furto e la politica standard ha una ricompensa intelligente

Entrambi i criteri utilizzano la stessa comunicazione interattiva. Le sezioni del criterio vengono modificate o nascoste in base alla condizione del tipo di criterio. È possibile accedere e rivedere la comunicazione interattiva di rinnovo automatico assicurativo direttamente da https://[authorHost]: [authorPort]/aem/formdetails.html/content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal

Utilizzo di Microsoft Dynamics come origine dati

Il sito di riferimento fornisce inoltre una comunicazione interattiva che utilizza Microsoft Dynamics come origine dati per il modello dati del modulo. Effettuate le seguenti operazioni per configurare la comunicazione interattiva per la procedura dettagliata di assicurazione automatica:

  1. Accedete a https://[author]:[port]/crx/de come amministratore.
  2. Aprite il file /apps/we-finance/components/ccrui/ccrui.jsp.
  3. Impostare il valore di FormFieldRequestParametersu /content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal-dynamics
  4. Toccate Salva tutto. Il sito di riferimento è configurato per utilizzare la comunicazione interattiva che utilizza MS Dynamics come origine dati.

A questo punto, accedete a We.Finance Auto Insurance Dashboard come Conrad Simms (csimms/password). L'URL è https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html. Specificare l' ID cliente. L'ID cliente di Sarah Rose è 900001. Fare clic su Rinnova criterio. La comunicazione interattiva si apre nell’interfaccia utente dell’agente. Nell'interfaccia utente dell'agente, immettere un indirizzo e-mail valido per inviare l'e-mail contenente il documento del criterio allegato e fare clic su Invia. Sullo schermo viene visualizzato un messaggio, Inviato, e in pochi secondi viene visualizzato un altro messaggio, Inviato correttamente. All'indirizzo e-mail specificato viene inviato un messaggio e-mail con l'oggetto Rinnovo assicurazione automatica.

NOTA

Quando si utilizza la comunicazione interattiva che utilizza Microsoft Dynamics come origine dati, i collegamenti nelle e-mail inviate a Sarah puntano alla comunicazione interattiva che non utilizza Microsoft Dynamics. Per risolvere il problema, modificate manualmente i collegamenti nei modelli delle e-mail.

agent_ui_email-1

Sarah riceve una comunicazione di rinnovo polizza assicurativa da We.Finance e decide di rinnovare

Sarah riceve una email con un allegato da We.Finance che le ricorda che la sua assicurazione auto sta per scadere. L'allegato è la versione cartacea dei dettagli di rinnovo della polizza di assicurazione auto.

Sarah fa clic su Rinnova ora ed è diretta alla versione web della sua lettera di assicurazione auto. In cima a questa lettera, Sarah trova qualche giorno rimasto per la scadenza della sua politica. La pagina fornisce a Sarah una panoramica dei suoi dettagli sulla polizza assicurativa come Numero polizza, Importo dovuto e altre informazioni come offerte di sconto e premi fedeltà. Sarah fa di nuovo clic su Rinnova ora in fondo al criterio.

auto-assicurazione-rinnovo-email

Come funziona

Le uscite web e di stampa della lettera di assicurazione auto vengono create utilizzando le funzionalità multicanale delle comunicazioni interattive. Il pulsante Rinnova ora nell'e-mail è collegato all'applicazione di rinnovo dell'assicurazione automatica, che è una comunicazione interattiva su un'istanza di pubblicazione.

versione i-web

Vedere da soli

Devi aver ricevuto un'e-mail con un PDF allegato. Il PDF è una versione cartacea della lettera di assicurazione auto. Fare clic su Rinnova ora per accedere alla versione Web del criterio. Controlla i tuoi dati personali e i dati personali e fai clic su Rinnova ora. Viene utilizzato un modulo adattivo per il pagamento.

Il pulsante Rinnova ora nell'e-mail indirizza Sarah alla versione Web del criterio. Potete visitare il seguente URL:

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

È possibile controllare il riepilogo dettagliato del rinnovo dell'assicurazione auto e fare clic su Rinnova ora nella parte inferiore della pagina.

Sarah apre la pagina di pagamento ed effettua il pagamento e completa il processo

Quando Sarah fa clic su Rinnova ora nella versione Web della comunicazione interattiva, si apre la pagina dei pagamenti. Sarah ricontrolla il suo numero e la data di scadenza con i suoi record. Sul lato destro della pagina, controlla il Riepilogo pagamenti del rinnovo con sconto del 10% sull'importo totale. Sarah compila i dettagli della sua carta di credito e fa clic su Make Payment.

pagamento-adattivo-modulo

Come funziona

Il pulsante Rinnova ora indirizza Sarah alla pagina di pagamento. La pagina di pagamento è un modulo adattivo. Sarah compila i dettagli della carta di credito e fa clic su Invia. Il pagamento con carta di credito viene elaborato e sullo schermo viene visualizzato un messaggio di ringraziamento configurato nel modulo adattivo.

Vedere da soli

Fare clic su Rinnova ora per accedere alla pagina Pagamento. Compila le informazioni sulla carta di credito e fai clic su Esegui pagamento. Puoi accedere alla pagina del pagamento nell’istanza di creazione all’indirizzo:

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

Il messaggio di ringraziamento viene visualizzato dopo aver fatto clic sul pulsante Imposta pagamento.

In questa pagina