Show Menu
ARGOMENTI×

Procedura dettagliata sul sito di riferimento We.Finance

Prerequisiti

Configurate i siti di riferimento come descritto in Impostazione e configurazione siti di riferimento AEM Forms.

Scenari del sito di riferimento di 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 sulle applicazioni 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.
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 fa domanda per 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.

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.

Vedi te stesso

Aprite il seguente URL nell’istanza di pubblicazione per attivare un messaggio e-mail per la newsletter. Per ricevere la newsletter, accertatevi di sostituirla [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 pulsante 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 Continua .
Nella pagina Informazioni personali, mentre Sarah fornisce il suo numero di previdenza sociale, riceve una richiesta per accedere con le sue credenziali.
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 l'avanzamento del modulo di richiesta. 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.
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.
Come funziona
Il pulsante Applica ora indirizza Sarah all'applicazione della carta di credito. L’applicazione è un modulo adattivo, che può essere esaminato nelle istanze di creazione presenti in 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 in 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 in 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:
Vedi te stesso
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 avanzamento per ricevere un messaggio 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 sua applicazione di carte di credito bozza. Le informazioni che ha compilato in precedenza vengono precompilate. Compila il modulo di richiesta rimanente, firma l'applicazione e lo invia.
In alternativa, può accedere alla sua bozza di applicazione in My Forms sulla home page di We.Finance.

Come funziona

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

Vedi te stesso

È 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.

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 incentrato su Forms in 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.

Vedi te stesso

Potete accedere AEM inbox per il sito we.finance all'indirizzo https://< hostname >:< PublishPort >/content/we-finance/global/en.html. Sulla pagina, toccate Accedi , selezionate la casella di controllo Accesso come rappresentante , accedete alla casella in entrata AEM utilizzando grios/password come nome utente/password per Gloria Rios e approvate 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 delle applicazioni e delle attività Forms in AEM Posta in arrivo .
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.
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 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.

Come funziona

Il kit di benvenuto è una comunicazione interattiva inclusa nel cq-we-finance-content-pkg.zip pacchetto. 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.

Vedi te stesso

Fate clic sul pulsante Riprendi nel messaggio e-mail 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 >: < porta >/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.
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
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.
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.

Vedi te stesso

È 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-Istruzione&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 per utilizzare Adobe Target per offerte personalizzate e mirate, consultate Creare esperienze mirate.

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 dashboard di analisi.
Per ulteriori informazioni su come interpretare il dashboard di analisi, vedi Visualizzazione e comprensione report di analisi AEM Forms.

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 rapporti, vedere Configurazione dell'analisi per moduli e documenti .

Vedi te stesso

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, consulta Configurare Analytics . Per visualizzare il rapporto con i dati iniziali, effettuate i seguenti passaggi nell’istanza di creazione:
  1. Passate all'interfaccia utente di Forms e documenti all'indirizzo https://< hostname >:< AuthorPort >/aem/forms.html/content/dam/formsanddocuments.
  2. Fate clic per aprire la cartella We.Finance .
  3. Selezionate Applicazione per modulo adattivo carta di credito, quindi fate clic su Abilita analisi nella barra degli strumenti.
  4. Selezionate di nuovo il modulo adattivo e fate clic su Report di Analytics 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 Proprietà , incollare il contenuto copiato del file di dati seed.
  7. Selezionate Modulo adattivo per carta di credito e fate clic su Rapporto ​analisi 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 su Forms e documenti all'indirizzo https://< hostname >:< AuthorPort >/aem/forms.html/content/dam/formsanddocuments.
  2. Fate clic per aprire la cartella We.Finance .
  3. Selezionare Domanda per modulo adattivo carta di credito.
  4. Fate clic su Altro nella barra degli strumenti e selezionate Configura test A/B. Viene visualizzata la pagina Configura test A/B.
  5. Specificate 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. Fate clic su Configura . Viene visualizzata una finestra di dialogo per confermare la creazione del test A/B.
  9. Fate clic su Fine .
  10. Selezionare il modulo Applicazione carta di credito e fare clic su Modifica . Consente di aprire una delle esperienze. Fate 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 e selezionare Avvia test A/B.
  13. Ora apri il modulo in browser Chrome diverse volte utilizzando il seguente URL:
    https://[hostname]:[port]/content/dam/formsanddocuments/we-finance/cc-app/jcr:content?wcmmode=disabled
    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. Selezionate il modulo, fate clic su Altro e fate clic su Rapporto ​test A/B. 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
    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.
Per terminare il test A/B, fate 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 sull'applicazione di ipoteca

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.
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 ipotecario.
Calcolatore ipotecario
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 in https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/hm-calc.html .

Vedi te stesso

Andate al portale We.Finance all'indirizzo https://<publishHost>:<publishPort>/content/we-finance/global/en.html e fate clic su Prestiti . 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 clicca Applica ora sui risultati della calcolatrice ipotecaria 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.
Se Sarah fa clic su Applica ora dal suo desktop, si apre il modulo di richiesta ipotecaria come indicato di seguito. Le informazioni fornite da Sarah nel calcolatore ipotecario sono precompilate nel modulo di richiesta. Sarah compila i dettagli rimanenti e fa clic su Continua .
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.

Come funziona

Il pulsante Applica ora indirizza Sarah all'applicazione di ipoteca della casa. L’applicazione è un modulo adattivo, che può essere esaminato nelle istanze di creazione presenti in 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 in 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:

Vedi te stesso

Vai a https://'[server]:[port]'/content/we-finance/global/en/all-forms.html e fai clic sul pulsante Applica ora sull'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.
Gloria apre il compito e seleziona Necessità di maggiori informazioni e commenta l'ID governativo mancante.
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.
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 incentrato su Forms in OSGi .
Nell'immagine seguente viene illustrato il flusso di lavoro AEM associato all'applicazione mutuo.

Vedi te stesso

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, ed esplorate il flusso di lavoro dell'applicazione di mutuo per la casa.
Per informazioni sull'utilizzo di AEM Inbox per le attività relative ai flussi di lavoro incentrate sui moduli, vedere Gestione delle applicazioni e delle attività Forms in AEM Posta in arrivo .

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.
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 cq-we-finance-content-pkg.zip pacchetto. 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.

Vedi te stesso

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

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.
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.
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.

Vedi te stesso

È possibile esaminare l'estratto conto ipoteca interattivo al seguente URL:
https://< hostname >:< port >/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 ipoteca

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 dashboard di analisi.
Per ulteriori informazioni su come interpretare il dashboard di analisi, vedi Visualizzazione e comprensione report di analisi AEM Forms.

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 rapporti, vedere Configurazione dell'analisi per moduli e documenti .

Vedi te stesso

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, consulta Configurare Analytics . Per visualizzare il rapporto con i dati iniziali, effettuate i seguenti passaggi nell’istanza di creazione:
  1. Passate all'interfaccia utente di Forms e documenti all'indirizzo https://< hostname >:< AuthorPort >/aem/forms.html/content/dam/formsanddocuments.
  2. Fate clic per aprire la cartella di finanziamento .
  3. Selezionate Applicazione per modulo adattivo ipotecario principale, quindi, nella barra degli strumenti, fate clic su Abilita analisi .
  4. Seleziona di nuovo il modulo e fai clic su Report di Analytics 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 .
Per verificare la creazione di un test A/B per il modulo di richiesta di mutuo We.Finance, eseguire i seguenti passaggi nell'istanza di creazione:
  1. Andate su Forms e documenti all'indirizzo https://< hostname >:< AuthorPort >/aem/forms.html/content/dam/formsanddocuments.
  2. Fate clic per aprire la cartella We.Finance .
  3. Selezionare Applicazione per modulo adattivo ipotecario principale.
  4. Fate clic su Altro nella barra degli strumenti e selezionate Configura test A/B. Viene visualizzata la pagina Configura test A/B.
  5. Specificate 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. Fate clic su Configura . Viene visualizzata una finestra di dialogo per confermare la creazione del test A/B.
  9. Fate clic su Fine .
  10. Selezionare il modulo adattivo Applicazione per ipoteche iniziali e fare clic su Modifica . Consente di aprire una delle esperienze. Fate 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 e selezionare Avvia test A/B.
  13. Ora apri il modulo in browser Chrome diverse volte utilizzando il seguente URL: https://[hostname]:[port]/content/dam/formsanddocuments/we-finance/hm-app/jcr:content?wcmmode=disabled
    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. Selezionate il modulo, fate clic su Altro e fate clic su Rapporto ​test A/B. 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 onReportLoadSuccess funzione nel file di cui sopra con la definizione della funzione nel file seguente: /apps/we-finance/demo-artifacts/targetreport.js
    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.
Per terminare il test A/B, fate 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 ipotecario.
Calcolatore ipotecario
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 in https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/ms-dynamics/home-mortgage-calculator.html .

Vedi te stesso

Andate al portale We.Finance all'indirizzo https://<publishHost>:<publishPort>/content/we-finance/global/en.html e fate clic su Prestiti . 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 clicca Applica ora sui risultati della calcolatrice ipotecaria 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.
Se Sarah fa clic su Applica ora dal suo desktop, si apre il modulo di richiesta ipotecaria come indicato di seguito. Le informazioni fornite da Sarah nel calcolatore ipotecario sono precompilate nel modulo di richiesta. Sarah compila i dettagli rimanenti e fa clic su Continua .
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.

Come funziona

Il pulsante Applica ora indirizza Sarah all'applicazione di ipoteca della casa. L’applicazione è un modulo adattivo, che può essere esaminato nelle istanze di creazione presenti in 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.

Procedura dettagliata per l'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.
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 per l'assicurazione sulla 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.

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.

Vedi te stesso

Aprite il seguente URL per attivare un messaggio e-mail per la newsletter. Per ricevere la newsletter, accertatevi di sostituirla [emailID] con un account e-mail valido. Aprite la newsletter e fate clic su Applica ora per passare all’applicazione di assicurazione per la casa.
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.
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.

Come funziona

Il pulsante Applica ora sulla newsletter indirizza Sarah all'applicazione di assicurazione della 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 in 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 in 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:

Vedi te stesso

Fate clic sul pulsante Applica ora nella newsletter che avreste ricevuto tramite e-mail. In alternativa, andare a https://[publishHost]:[publishPort]/content/we-finance/global/en/all-forms.html e fare clic su Applica sulla richiesta 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 in 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.
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.
Sarah riceve un'e-mail con un collegamento al contratto di assicurazione sulla casa per la firma. Sarah rivede e firma il contratto.

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 incentrato su Forms in OSGi .
Nell'immagine seguente viene illustrato il flusso di lavoro AEM associato all'applicazione di assicurazione.
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.

Vedi te stesso

Effettua le seguenti operazioni:
  1. Vai a AEM Posta in arrivo https://[publishHost]:[publishPort]/content/we-finance/global/en/login.html?resource=/aem/inbox.html e accedi con grios/grios nome utente password per il personaggio di Gloria. Approva il compito per l'applicazione di assicurazione di casa di Sarah.
  2. Accedete quindi a AEM Posta in arrivo con fdcosta/password nome utente per la persona di Frank. Visualizza l'attività.
  3. A questo punto, andate a https://[authorHost]:[authorPort]/aem/forms.html/content/dam/formsanddocuments/we-finance/insurance visualizzare in anteprima il 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.
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.

Vedi te stesso

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

Procedura dettagliata sul 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:

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.

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 in 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 dati del modulo in https://[authorHost]:[authorPort]/aem/fdm/editor.html/content/dam/formsanddocuments-fdm/we-finance/wealth-management

Vedi te stesso

Andate al portale We.Finance all'indirizzo https://[publishHost]:[publishPort]/wefinance , toccate Gestione patrimoniale, espandete i fondi per classe di 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.

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. È possibile esaminare i pannelli della comunicazione interattiva in modalità di modifica in https://[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html .

Vedi te stesso

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 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.

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 in https://[authorHost]:[ authorPort]/editor.html/conf/global/settings/workflow/models/wealthmanagement.html .

Vedi te stesso

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 e toccate Scarica PDF.
Per inviare PDF tramite e-mail, accedete alla comunicazione interattiva Blue Chip Growth Fund https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html , toccate EMAIL PDF. Specificate Nome completo e Indirizzo ​e-mail. Fate 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:

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 . L'interfaccia utente ​agente si apre 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 Il rinnovo dell'assicurazione automatica.

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. Potete visualizzare il flusso di lavoro in https://[authorHost]:[ authorPort]/editor.html/conf/global/settings/workflow/models/we-finance-auto-insurance-renewal.html

Vedi te stesso

Accedete al dashboard di assicurazione automatica We.Finance come Conrad Simms (csimms/password). L'URL è https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html . Specificate l'ID ​cliente. L'ID cliente di Sarah Rose è 900001. Fate clic su Rinnova criterio . La comunicazione interattiva si apre nell’interfaccia utente dell’agente. Nell’interfaccia utente dell’agente, immettete un indirizzo e-mail valido per inviare l’e-mail con allegato il documento del criterio e fate clic su Invia . Sullo schermo viene visualizzato un messaggio, Inviato, e in pochi secondi viene visualizzato un altro messaggio, Inviato correttamente. Un messaggio e-mail con oggetto Rinnovo ​assicurazione automatica e viene inviato 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. Puoi accedere e rivedere la comunicazione interattiva per il rinnovo dell'assicurazione auto 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 as an administrator .
  2. Open the /apps/we-finance/components/ccrui/ccrui.jsp file.
  3. Impostate il valore FormFieldRequestParameter su /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.
Ora, accedete al dashboard di assicurazione automatica We.Finance come Conrad Simms (csimms/password). L'URL è https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html . Specificate l'ID ​cliente. L'ID cliente di Sarah Rose è 900001. Fate clic su Rinnova criterio . La comunicazione interattiva si apre nell’interfaccia utente dell’agente. Nell’interfaccia utente dell’agente, immettete un indirizzo e-mail valido per inviare l’e-mail con allegato il documento del criterio e fate 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.
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.

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 alla politica.

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.

Vedi te stesso

Devi aver ricevuto un'e-mail con un PDF allegato. Il PDF è una versione cartacea della lettera di assicurazione auto. Fate clic su Rinnova ora per accedere alla versione Web del criterio. Controlla i tuoi dati personali e le informazioni legali 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 sulla 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 riempie i dettagli della sua carta di credito e fa clic su Effettua pagamento .

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.

Vedi te stesso

Fare clic su Rinnova ora per accedere alla pagina Pagamento. Compila le informazioni sulla carta di credito e fai clic su Effettua 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.