Genomgång av referenswebbplatser för ekonomi we-finance-reference-site-walkthrough

CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

Krav pre-requisites

Konfigurera referenswebbplatser enligt beskrivningen i Konfigurera AEM Forms referenswebbplatser.

Scenarier om webbplatsen för Vi.Finance Reference we-finance-reference-site-scenarios

Vi.Finance är en ledande organisation inom finanssektorn som erbjuder omfattande och personaliserade finansiella lösningar som passar behoven i olika kundprofiler. De erbjuder kreditkort, bostadslån och hemförsäkring.

Deras mål är att nå ut till befintliga och potentiella kunder på den enhet de föredrar, förklara fördelarna med deras tjänster och hjälpa dem att registrera sig för sina tjänster. Dessutom letar de efter fler finansiella produkter som tilläggskort som kunderna tycker är intressanta.

Läs vidare för att få en mer detaljerad genomgång av våra användningsområden.AEM Forms hjälper finanssektorn att uppnå sina mål. Följande genomgångar omfattas:

Genomgång av kreditkortsansökningar credit-card-application-walkthrough

Scenariot med kreditkortsansökningar för We.Finance omfattar följande:

  • Sarah Rose, en We.Finance-kund
  • Gloria Rios, Head of Credit Card and Mortgage, We.Finance

Följande infografik visar ett steg-för-steg-arbetsflöde för kreditkortsprogrammet.

workflow_aem

Låt oss titta närmare på scenariot med referenssajter för att förstå hur AEM Forms hjälper oss att uppnå målen.

Sarah får ett nyhetsbrev från We.Finance och ansöker om kreditkort sarah-receives-a-newsletter-from-we-finance-and-applies-for-a-credit-card

Sarah Rose är en befintlig We.Finance-kund. Hon får ett nyhetsbrev från We.Finance om nya kreditkort. Hon tycker att erbjudandena är spännande och bestämmer sig för att ansöka om kreditkort. Hon klickar på knappen Apply Now (Tillämpa nu) i nyhetsbrevet, som tar henne till kreditkortsprogrammet på webbportalen.

marknadsföring-e-post

Så här fungerar det how-it-works

Nyhetsbrevet som skickas till Sarah är en anpassad implementering som utlöser ett e-postmeddelande till det angivna e-post-ID:t. Knappen Använd nu i e-postmeddelandet är länkad till kreditkortsprogrammet, som är ett anpassat formulär i en publiceringsinstans.

Se det själv see-it-yourself

Öppna följande URL på publiceringsinstansen för att utlösa ett nyhetsbrevets e-postmeddelande. Se till att du ersätter [emailID] med ett giltigt e-postkonto för att ta emot nyhetsbrevet. Öppna nyhetsbrevet och klicka på Apply Now för att gå till kreditkortsprogrammet.

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

Sarah tycker att erbjudandet är intressant och väljer att tillämpa sarah-finds-the-offer-interesting-and-chooses-to-apply

Sarah bestämmer sig för att ansöka om kreditkort och kreditkort Apply Now i e-postmeddelandet. Det tar Sarah till kreditkortsapplikationen på We.Finance-portalen. Ansökningsformuläret är organiserat i avsnitt med hjälp av en kortlayout.

Sarah väljer ett kreditkort bland de tillgängliga alternativen och klickar Continue.

cc-application-form-desktop

På sidan Personlig information får hon ett meddelande om att hon måste logga in med sina inloggningsuppgifter, eftersom Sarah ger sitt socialförsäkringsnummer.

login-ssn

Sarah är en befintlig We.Finance-kund. Hon loggar in med sina inloggningsuppgifter för kontot We.Finance och hennes personliga information fylls i automatiskt i formuläret. Sarah fortsätter att fylla i ansökningsformuläret och det är när en påminnelse visas för ett möte som hon måste närvara vid. Hon klickar Save my progress i ansökningsformuläret. Den sparar all information som Sarah har fyllt i hittills och en dialogruta öppnas som bekräftar om hon vill få ett e-postmeddelande med en länk till hennes utkast till ansökan som ska fyllas i senare.

Sarah klickade Send mail. Hon får ett mejl med en länk för att återuppta sin kreditkortsansökan.

meritförteckning

Sarah har åtkomst till kreditkortsprogrammet från sin mobila enhet a-sarah-access

Om Sarah använder kreditkortsprogrammet från sin mobila enhet öppnas det responsiva programmet i en vy som är optimerad för mobila enheter. I den här vyn återges programformuläret som ett avsnitt i taget. Det gör att Sarah kan visa och tillhandahålla information progressivt när hon navigerar i programmet.

form-on-mobile

Så här fungerar det a-how-it-works

The Apply Now skickar Sarah till kreditkortsprogrammet. Programmet är ett anpassat formulär som du kan granska i redigeringsinstanserna på https://[host]:[Port]/editor.html/content/forms/af/we-finance/cc-app.html.

Några av de funktioner du kan granska i den anpassade formen är:

  • Det baseras på ett XSD-schema.
  • Den har skapats med tema A för Web Finance för formatering och We.Finance för layout. Dessutom används Layout utan panelrubriker i formulärrubrikslayouten för mobil navigering. Den visar en progressiv mobil layout när den öppnas från en mobil enhet. Du kan granska mallen på https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance och temat på https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/we-finance-theme-a/jcr:content.
  • Den innehåller anpassningsbara formulärregler som anropar Form Data Model-tjänster för att förifylla användarinformation för inloggad användare. Den anropar också tjänster för att förifylla information med personnummer eller e-postadress som anges i formuläret. Du kan läsa formulärdatamodeller och deras tjänster på https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.
  • Här används olika adaptiva formulärkomponenter för att hämta in indata och anpassa dem efter användarens svar. Den använder också komponenter som e-post som stöder indatatyperna HTML5.
  • Den använder komponenten Signature Step för att visa det ifyllda formuläret och tillåter elektronisk signatur i formuläret.
  • Knappen Spara mitt förlopp genererar ett unikt ID för användaren och sparar det delvis ifyllda programmet som ett utkast i en nod i AEM. Dessutom visas en dialogruta där du söker behörighet att skicka ett e-postmeddelande med en länk till noden som innehåller utkastet till program. Knappen Skicka e-post i bekräftelsedialogrutan utlöser ett e-postmeddelande med en länk till noden som innehåller utkastet.
  • Den använder åtgärden Anropa AEM arbetsflöde för att utlösa arbetsflödet för godkännande av kreditkort. Du kan granska arbetsflödet som används i det här formuläret på https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-credit-card-workflow.html

Vi rekommenderar att du granskar formuläret för att förstå vilket schema, vilka komponenter, regler, formulärdatamodeller, arbetsflöde för formulär och vilken skicka-åtgärd som används för att skapa formuläret.

Se även följande dokumentation för mer information om funktioner som används i formulär för kreditkortsprogram:

Se det själv a-see-it-yourself

När du är inloggad som Sarah Rose klickar du på Apply now på kreditkortsprogrammet. Fyll i detaljer, utforska olika adaptiva formulärkomponenter och klicka Save my progress för att få ett e-postmeddelande med Resume som länkar till utkastet. Se till att du anger ditt e-post-ID i programformuläret som ska ta emot e-postmeddelandet.

Läs mer om Web.Finance-temat:

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

Du kan läsa Web.Finance-mallen på:

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

Sarah återupptar och skickar ansökan sarah-resumes-and-submits-the-application

Sarah kommer tillbaka senare och hittar ett e-postmeddelande från We.Finance. Hon klickar på Resume i e-postmeddelandet som tar henne till sin kreditkortsansökan. Informationen som hon fyllde tidigare är förifylld. Hon fyller i det återstående ansökningsformuläret, signerar ansökan och skickar in den.

resume-1

Alternativt kan hon få åtkomst till sitt utkast under My Forms på startsidan för We.Finance.

portalutkast

Så här fungerar det how-it-works-1

Knappen Återuppta i e-postmeddelandet dirigerar om Sarah till noden som innehåller hennes utkast.

Se det själv see-it-yourself-1

Du måste ha fått ett e-postmeddelande med en länk till utkastet till program på ditt e-post-ID som du angav när du fyllde i ansökningsformuläret. Fyll i de återstående avsnitten i programmet och skicka in det.

We.Finance tar emot och godkänner ansökan approving-the-application

We.Finance får den kreditkortsansökan som Sarah har lämnat in. Gloria Rios har tilldelats en uppgift. Hon granskar uppgiften i sin AEM Inbox och godkänner den.

inkorg

Så här fungerar det how-it-works-2

När Sarah fyller i och skickar kreditkortsprogrammet aktiveras en Forms Workflow och en uppgift skapas i Glorias AEM inkorg.

AEM Forms on OSGi innehåller formulärbaserade arbetsflöden som gör att du kan skapa anpassningsbara formulärbaserade arbetsflöden. Dessa arbetsflöden kan användas för granskning och godkännande, affärsprocessflöden, för att starta dokumenttjänster, integrera med Acrobat Sign signaturarbetsflöde och så vidare. Mer information finns i Forms-centrerat arbetsflöde i OSGi.

I följande bild visas det AEM arbetsflödet som behandlar kreditkortsprogrammet och genererar utdata från PDF i programmet.

arbetsflöde

Se det själv see-it-yourself-2

Du kan öppna AEM inkorg för webbplatsen we.Finance på https://<värdnamn>:<PublishPort>/content/we-finance/global/en.html. Tryck på Sign In väljer du Login as representative kryssruta, logga in i AEM inkorg med grios/password som användarnamn/lösenord för Gloria Rios och godkänna kreditkortsansökan. Information om hur du använder AEM Inkorg för formulärbaserade arbetsflödesuppgifter finns i Hantera Forms-program och -uppgifter i AEM Inkorg.

inbox-1

När du godkänner programmet får Sarah ett e-postmeddelande med välkomstpaketet.

Sarah får välkomstpaketet och ansöker om ett tilläggskort sarah-receives-the-welcome-kit-and-applies-for-an-add-on-card

När Sarah kreditkortsansökan godkänns får hon ett e-postmeddelande med en länk till välkomstpaketet. Hon öppnar välkomstpaketet, som innehåller information om hennes kreditkortskonto. Välkomstpaketet innehåller även erbjudanden som är anpassade för Sarah. När hon rullar ned innehåller välkomstpaketet ett inbäddat formulär som du kan använda för att ansöka om ett tilläggskort. Sarah fyllde snabbt i de obligatoriska uppgifterna inifrån välkomstpaketet och ansöker om tilläggskortet. En bekräftelsedialogruta för tilläggskortsprogrammet visas.

welcome-kit-for-sara

Välkomstpaketet är personaliserat för Sarah och visar information som är relevant för henne. Det ger henne möjlighet att ladda ned en PDF-version av välkomstpaketet.

fördelar med platinakort

Välkomstpaketet innehåller ett annat ansökningsformulär som Sarah kan fylla i och skicka in för att ansöka om ett tilläggskort inifrån välkomstpaketet utan att besöka webbportalen för Web.Finance.

apply-addon-kort

Så här fungerar det how-it-works-3

Välkomstpaketet är en interaktiv kommunikation som ingår i cq-we-finance-content-pkg.zip paket. De interaktiva korten i persondatorversionen för att visa fördelarna med kreditkortet i välkomstpaketet är en anpassad layout som skapats med standardkortlayouten för ett dokumentfragment.

Tilläggsprogrammet är en inbäddad adaptiv form i interaktiv kommunikation med välkomstpaketet.

Se det själv see-it-yourself-3

Klicka på Resume i e-postmeddelandet som du fick i föregående steg. Utkastprogrammet öppnas. Fyll i alla uppgifter och skicka in ansökan. Du får då ett välkomstpaket. Läs välkomstpaketet.

Du kan även visa välkomstpaketet på följande URL:

https://<värd>:<port>/content/aemforms-refsite/doclink.html?document=/content/forms/af/we-Finance/credit-card/creditcomekit&customerId=197&channel=web

Du kan komma åt den på författare och publiceringsinstanser.

Sarah får ett kreditkortsutdrag sarah-receives-a-credit-card-statement

När Sarah börjar använda kreditkortet får hon ett mejl från We.Finance som innehåller en kreditkortsbeställning. I följande bilder visas e-postmeddelandet med en länk till kontoutdraget på mobilen.

statement-email

Sarah klickar på Visa kontoutdrag i e-postmeddelandet för att visa kontoutdraget för kreditkort. Programsatsen är en interaktiv kommunikation. Den har både webb- och utskriftsversion (PDF). Programsatsen integreras med Forms datamodell för att hämta data som är specifika för kunden från databasen. Den interaktiva programsatsen består av olika element:

  • Sammanfattning av utdrag
  • Detaljerad utgiftsrapport
  • Grafisk utgiftsanalys
  • Möjlighet att göra en betalning för förfallobeloppet inifrån utdraget
  • Hämta kvittot

Olika delar av kreditkortsutdraget

Sarah behöver inte gå till portalen eller söka igenom sina mejl efter PDF-version av kontoutdraget för offlinearkivering. Hon klickar bara på nedladdningsinstruktionen för att ladda ned en PDF-version av kontoutdraget.

Den detaljerade programsatsen läggs ut i en responsiv tabell. Programsatsen ger även möjlighet att betala en del eller hela förfallna beloppet inifrån utdraget.

Detaljerad beskrivning

Sarah schemalägger betalning inifrån kontoutdraget. Sarah kan också använda alternativet Flexi Pay för att dela upp betalningen i lika stora delar.

Så här fungerar det how-it-works-4

Kreditkortsutdraget är en interaktiv kommunikation. Den detaljerade utgiftstabellen i utdraget är en responsiv tabell. Grafiken för utgiftsanalys är en diagramkomponent och läser utgiftstabellen och genererar cirkeldiagrammet.

Se det själv see-it-yourself-4

Du kan läsa kontoutdraget för det interaktiva kreditkortet på följande URL:

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

Du kan komma åt den på författare och publiceringsinstanser.

Kreditkortsutdraget visar kampanjerbjudanden mot slutet av utdraget. Ni kan integrera Adobe Target med AEM Forms Interactive Communication för att leverera riktade kampanjer baserade på specifika kundsegment. Information om hur du konfigurerar din interaktiva kommunikation för att använda Adobe Target för anpassade och riktade erbjudanden finns i skapa riktade upplevelser.

Vi.Finance analyserar kreditkortsprogrammets prestanda we-finance-analyzes-the-performance-of-the-credit-card-application

Vi.Finance granskar då och då hur deras kreditkortsprogram fungerar för att hitta eventuella problem som kunderna kan ställas inför. De använder den här analysen för att fatta välgrundade beslut om de ändringar som krävs i kreditkortsansökan för att förbättra användarupplevelsen, minska avhoppsfrekvensen för formulär och därigenom förbättra konverteringsgraden. De utnyttjar integreringen av AEM Forms med Adobe Analytics för sin analys. Följande bild visar deras kontrollpanel för analys.

Mer information om hur du tolkar kontrollpanelen för analyser finns i Visa och förstå AEM Forms analysrapporter.

cc-analytics

Så här fungerar det how-it-works-5

Prestandamätningarna för kreditkortsansökningsformuläret spåras med Adobe Analytics. Mer information om hur du konfigurerar Adobe Analytics och visar rapporter finns i Konfigurera analyser för formulär och dokument.

Se det själv see-it-yourself-br

För att du ska kunna se och utforska analysrapporten tillhandahåller vi startdata för kreditkortstillämpningen på referenswebbplatsen. Innan du använder startvärdesdata ska du läsa Konfigurera analys. Utför följande steg i författarinstansen för att visa rapporten med startdata:

  1. Gå till Forms & Documents Gränssnitt på https://<värdnamn>:<AuthorPort>/aem/forms.html/content/dam/formSanddocuments.

  2. Klicka för att öppna We.Finance Mapp.

  3. Välj Application for Credit Card anpassat formulär och klicka sedan på Enable Analytics.

  4. Markera det anpassningsbara formuläret igen och klicka på Analytics Report i verktygsfältet för att generera rapporten. Du kommer att se en tom rapport från början.

Så här genererar du en analysrapport med dirigerade data:

  1. I adressläsaren för CRXDE lite skriver du: /apps/we-finance/demo-artifacts/analyticsTestData/Credit card Analytics Test Data

  2. Testdata väljs i den vänstra sidans katalogstruktur.

  3. Dubbelklicka på den markerade filen för att öppna dess innehåll på den högra panelen.

  4. Kopiera allt innehåll i startdatafilen.

  5. I CRXDE navigerar du till: /content/dam/formsanddocuments/we-finance/cc-app/jcr:content/analyticsdatanode/lastsevendays

  6. I analyticsdata fält under Properties, klistra in det kopierade innehållet i startdatafilen.

  7. Välj Ansökan om kreditkort anpassat formulär och klicka Analytics Report i verktygsfältet för att generera rapporten med startdata.

A/B-testning av kreditkortsansökan

Förutom att analysera kreditkortsprogrammets prestanda och ständigt förbättra den, utnyttjar Web.Finance integreringen av AEM Forms med Target för att skapa A/B-tester. De kan leverera olika upplevelser av kreditkortsansökningsformuläret och identifiera den upplevelse som ger bättre konverteringsgrad när det gäller ifyllande och inlämning av formulär.

Information om hur du konfigurerar mål på AEM Forms-servern finns i Konfigurera och integrera Target i AEM Forms.

Utför följande steg för att skapa ett A/B-test för ansökningsformuläret We.Finance:

  1. Gå till Forms & Documents på https://<värdnamn>:<AuthorPort>/aem/forms.html/content/dam/formSanddocuments.

  2. Klicka för att öppna We.Finance mapp.

  3. Välj Application for Credit Card adaptiv form.

  4. Klicka More i verktygsfältet och välj Configure A/B Testing. Sidan Konfigurera A/B-testning öppnas.

  5. Ange en Activity Name.

  6. I listrutan Målgrupp väljer du en målgrupp till vilken du vill leverera olika upplevelser av formuläret. Till exempel: Besökare som använder Chrome.

  7. I Experience Distribution fält för upplevelserna A och B, ange fördelningen, uttryckt i procent, för att avgöra hur upplevelserna ska fördelas mellan den totala publiken. Om du till exempel anger 40, 60 för upplevelserna A respektive B kommer upplevelsen A att visas för 40 % av publiken och de återstående 60 % kommer att se upplevelsen B.

  8. Klicka Konfigurera. En dialogruta visas som bekräftar att A/B-testet har skapats.

  9. Klicka Klar.

  10. Välj Ansökan om kreditkort formulär och klicka Redigera. Det ger möjlighet att öppna en av upplevelserna. Klicka Upplevelse B. Formuläret öppnas i redigeringsläge.

  11. Ändra formuläret efter behov för att skapa en annan upplevelse än standardupplevelsen A.

  12. Gå till användargränssnittet för Forms och dokument, markera formuläret, klicka på Mer och markera Starta A/B-testning.

  13. Öppna formuläret i webbläsaren flera gånger med följande URL:

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

    note note
    NOTE
    Ta bort cookien med namnet mbox från webbläsarens cookie-beständighet innan formuläret öppnas nästa gång. Du kommer att se upplevelsen A och B av formuläret på måfå.
  14. Markera formuläret och klicka på Mer och klicka A/B-testrapport. Du hittar inte så mycket data i rapporten som du just har påbörjat testningen. Nu ska vi tillhandahålla vissa startdata för att se hur A/B-testrapporten ser ut.

  15. Öppna CRXDE Lite och gör en säkerhetskopia av följande fil: /libs/fd/fmaddon/gui/components/admin/targetreport/clientlibs/targetreport/js/targetreport.js

  16. Ersätt definitionen av funktion onReportLoadSuccess i den ovannämnda filen med funktionsdefinitionen i följande fil: /apps/we-finance/demo-artifacts/targetreport.js

    Obs! Dessa ändringar är endast avsedda för demonstrationssyften. Se till att du återställer filinnehållet när du har slutfört den här proceduren.

  17. Uppdatera rapporten som du skapade så ser du något liknande. Granska rapportkontrollpanelen.

ab-test-report-3

Avsluta A/B-testet genom att klicka Avsluta A/B-test på rapportkontrollpanelen. Nu visas en dialogruta där du uppmanas att deklarera en upplevelse. Välj en vinnare och bekräfta att du vill avsluta A/B-testet.

Om ni väljer upplevelse A som vinnare kommer A/B-testet att avslutas och om ni fortsätter kommer endast upplevelse A att användas för alla målgrupper, inklusive de i Chrome.

Genomgång av låneansökningar för hemmabruk home-mortgage-application-walkthrough

Scenariot för bostadslån hos We.Finance omfattar följande:

  • Sarah Rose, en We.Finance-kund
  • Gloria Rios, Head of Credit Card and Mortgage, We.Finance
  • John Doe, kundtjänstrepresentant, We.Finance

Följande bild visar ett steg-för-steg-arbetsflöde för en bostadslån.

home_boln_application_walkthrough

Nu ska vi i detalj titta på stegen i scenariot med referenswebbplatser för att se hur AEM Forms hjälper oss att uppnå sina mål.

Sarah besöker webbplatsen We.Finance och ansöker om bostadslån sarah-visits-we-finance-website-and-applies-for-home-mortgage

Sarah Rose planerar att köpa ett hus och leta efter en bostadsplan. Hon är kund hos We.Finance och besöker därför Web.Finance-portalen för att utforska bostadserbjudanden. Hon går till lånedelen och hittar en låneberäkning på portalen. Hon fyller i detaljerna och klickar på Beräkna min inteckning, som returnerar en inteckningsplan.

lån1 lån2
Bild: Lånekalkylator

lån3
Bild: Resultat av ränteberäkning

Så här fungerar det how-it-works-6

Hemmalåneskalkylatorn på sidan Lån är en inbäddad anpassningsbar form på AEM Sites sida. Du kan granska sidan Lån i redigeringsläge på https://[authorHost]:[authorPort]/editor.html/content/we-finance/global/en/loan-landing-page.html.

Den inbäddade låneberäkningsenheten, som är en adaptiv form, använder regler för att beräkna EMI-beloppet baserat på låneinformationen i beräkningsfälten. Du kan granska det adaptiva formuläret på https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/hm-calc.html.

Se det själv see-it-yourself-5

Gå till webbportalen för ekonomi på https://<publishHost>:<publishPort>/content/we-finance/global/en.html och klicka Loans. Ange detaljerad information i inteckningsberäkningen och se resultatet.

Sarah tycker att erbjudandet är intressant och väljer att tillämpa sarah-finds-the-offer-interesting-and-chooses-to-apply-1

Sarah väljer att ansöka om bostadslån och klickningar Apply Now på inteckningsberäkningen. Ansökan om bostadslån öppnas.

Om Sarah öppnar bostadslåneprogrammet från sin mobila enhet öppnas ansökningsformuläret i en vy som är optimerad för visning på en mobil enhet. I den här vyn återger programformuläret ett avsnitt i taget. Det gör att Sarah kan visa och ange information progressivt när hon navigerar i ansökningsformuläret.

Följande bilder visar arbetsflödet när Sarah navigerar genom bostadslådan på sin mobila enhet.

Fylla i låneansökan på en mobil enhet

Om Sarah klickar Ansök nu från sin dator öppnas låneansökan enligt följande. Den information Sarah har lämnat i låneberäkningen är förifylld i ansökningsformuläret. Sarah fyller i återstående detaljer och klickar Fortsätt.

pantbrev

Baserat på den information Sarah fyllde i hypotekskalkylatorn presenteras hon med några hypoteksplaner. Hon väljer den plan som passar hennes behov och fortsätter att fylla i ansökan. Hon signerar och skickar ansökan till slut.

Den inskickade ansökan går till We.Finance för godkännande.

Spara ett utkast

Så här fungerar det how-it-works-7

The Ansök nu skickar Sarah till bostadslådan. Programmet är ett anpassat formulär som du kan granska i redigeringsinstanserna på https://[host]:[Port]/editor.html/content/forms/af/we-finance/hm-app.html.

Några av de funktioner du kan granska i den anpassade formen är:

  • Den baseras på ett XSD-schema, homeMortgageApplication.xsd.

  • Det har skapats med We Finance Theme B för formatering och We.Finance för layout. Dessutom används Layout utan panelrubriker i formulärrubrikslayouten för mobil navigering. Den visar en progressiv mobil layout när den öppnas från en mobil enhet. Du kan granska mallen och temat som används i det adaptiva formuläret på följande platser i din AEM författarinstans:

    • 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
  • Den första fliken, Komma igång, i programmet är en dynamisk låneberäkning som visar alternativ baserat på vad användaren väljer. Fälten och värdena är till exempel olika för alternativen Inköp och Refinansiering. Den här funktionaliteten uppnås med hjälp av regler för att visa/dölja. När du klickar på Fortsätt och fliken Planer initieras anropas dessutom en webbtjänst som konfigurerats i en formulärdatamodell för att hämta och visa hypoteksplaner. Du kan läsa formulärdatamodeller och konfigurerade tjänster på https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.

  • Här används olika adaptiva formulärkomponenter för att hämta in indata och anpassa dem efter användarens svar. Den använder också komponenter som e-post som stöder indatatyperna HTML5.

  • Den använder komponenten Signature Step för att visa det ifyllda formuläret och tillåter elektronisk signatur i formuläret.

  • Den använder åtgärden Invoke AEM Workflow submit för att starta arbetsflödet för Web Finance Home Mortgage AEM. Du kan granska arbetsflödet som används i det här formuläret på https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-home-mortgage-workflow.html

Vi rekommenderar att du granskar formuläret för att förstå vilket schema, vilka komponenter, regler, formulärdatamodeller, arbetsflöde för formulär och vilken skicka-åtgärd som används för att skapa formuläret.

Se även följande dokumentation för mer information om funktioner som används i en anpassningsbar form för bostadslån:

Se det själv see-it-yourself-6

Gå till https://[server]:[port]/content/we-finance/global/en/all-forms.html och klicka på Ansök nu på Home Mortgage Application. Fyll i informationen på fliken Komma igång, prova olika alternativ och skicka programmet.

Se till att du anger ett giltigt e-post-ID i programmet för att få ett bekräftelsemeddelande i inkorgen.

Vi.Finance tar emot ansökan approving_the_application-1

Vi.Finance får en låneansökan från Sarah. Uppgiften att godkänna eller avvisa programmet tilldelas Gloria Rios. Hon granskar ansökan och upptäcker att Sarah saknar myndighets-ID.

rutnät-inkorg

Gloria öppnar uppgiften och klickar på Behöver mer information och lägger till en kommentar om att ett myndighets-ID saknas.

need-more-info

Uppgiften är nu tilldelad John Doe, en kundtjänstrepresentant hos We.Finance. Han öppnar uppgiften och granskar Glorias kommentar. Han kontaktar Sarah och ber henne skicka en kopia av sitt ID. När han fått en kopia av Sarah ID bifogar han det till uppgiften och lämnar in ansökan om omprövning.

omvärdering

Uppgiften har tilldelats Gloria på nytt. Hon granskar det bifogade ID:t och godkänner programmet.

Så här fungerar det how-it-works-8

När Sarah fyller i och skickar in bostadslånen aktiveras en Forms Workflow och en uppgift skapas i Glorias AEM inkorg. När Gloria granskar programmet och begär mer information tilldelas uppgiften John Doe. När John Doe bifogar ID:t och skickar in programmet igen tilldelas det Gloria. Detta definieras i det AEM arbetsflöde som är kopplat till låneansökan.

AEM Forms on OSGi innehåller formulärbaserade arbetsflöden som gör att du kan skapa anpassningsbara formulärbaserade arbetsflöden. Dessa arbetsflöden kan användas för granskning och godkännande, affärsprocessflöden, för att starta dokumenttjänster, integrera med Acrobat Sign signaturarbetsflöde och så vidare. Mer information finns i Forms-centrerat arbetsflöde i OSGi.

I följande bild visas det AEM arbetsflödet som är kopplat till låneansökan.

modell för inteckningsarbetsflöde

Se det själv see-it-yourself-7

Du kommer åt AEM på https://<värdnamn>:<AuthorPort>/content/we-finance/global/en/login.html?resource=/aem/inbox.html. Logga in i AEM med grios/password som användarnamn/lösenord för Gloria Rios och jdoe/jdoe för John Doe, och utforska arbetsflödet för bostadslån.

Information om hur du använder AEM Inkorg för formulärbaserade arbetsflödesuppgifter finns i Hantera Forms-program och -uppgifter i AEM Inkorg.

Sarah får välkomstpaketet sarah-receives-the-welcome-kit

När Sarah godkänner låneansökan får hon ett mejl med en länk till välkomstpaketet. Hon öppnar välkomstpaketet, som innehåller en karusell med reklamerbjudanden som är skräddarsydda för Sarah.

pantbrev-welcome-kit

Välkomstpaketet är personaliserat för Sarah och visar information som är relevant för henne. Det ger henne möjlighet att ladda ned en PDF-version av välkomstpaketet. Pilknappen längst ned gör att Sarah kan rulla nedåt och navigera genom andra avsnitt i välkomstpaketet.

Så här fungerar det how-it-works-9

Välkomstpaketet är en interaktiv kommunikation som ingår i cq-we-finance-content-pkg.zip paket. Kampanjerbjudandena i välkomstpaketet tillhandahålls av Adobe Target server. Erbjudandena är anpassade och riktade till specifika kundsegment. Välkomstpaketet hämtar erbjudanden från en förkonfigurerad Adobe Target-server för ett målgruppssegment med kvinnliga kunder.

De interaktiva korten i skrivbordsversionen av välkomstpaketet använder en anpassad layout som skapats med standardkortlayouten för ett dokumentfragment.

Se det själv see-it-yourself-8

Om du angav ditt e-post-ID när du fyllde i låneansökan bör du ha fått ett e-postmeddelande med en länk till välkomstpaketet. Kontrollera din inkorg och läs välkomstpaketet.

Du kan visa den i AEM publiceringsinstans på följande URL:

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

Sarah får ett kontoutdrag sarah-receives-an-account-statement

När Sarah skaffar lånet och börjar betala avbetalningarna får hon ett e-postmeddelande från We.Finance som innehåller en månadsredovisning.

pantbrev-e-post

Sarah klickar på Visa kontoutdrag i e-postmeddelandet för att visa kontoutdraget för hypotekslån. Den interaktiva programsatsen består av olika element:

  • Sammanfattning av utdrag
  • Utdragsdetaljer

Följande bild visar olika delar av kontoutdraget på skrivbordet.

Instruktion för hypotekskonto

Den detaljerade programsatsen läggs ut i en responsiv tabell och ger möjlighet att betala en del av eller hela det förfallna beloppet inifrån programsatsen.

Så här fungerar det how-it-works-10

Avgiften är en interaktiv kommunikation. Den genereras med JSON-grupperingsprocessen. Den detaljerade utgiftstabellen i utdraget är en responsiv tabell.

Se det själv see-it-yourself-9

Du kan läsa den interaktiva kontoutdraget på följande URL:

https://<värdnamn>:<port>/content/forms/af/we-finance/mortgage-account-statement.html?wcmmode=disabled

Du kan komma åt den på författare och publiceringsinstanser.

Vi.Finance analyserar hur låneansökan fungerar we-finance-analyzes-the-performance-of-the-mortgage-application

Vi.Ekonomi granskar då och då hur deras låneansökan fungerar för att hitta eventuella problem som kunderna kan ställas inför. De använder denna analys för att fatta välgrundade beslut om de ändringar som krävs i låneansökan för att förbättra användarupplevelsen, minska avhoppsfrekvensen på formulär och därigenom förbättra konverteringsgraden. De utnyttjar integreringen av AEM Forms med Adobe Analytics för sin analys. Följande bild visar deras kontrollpanel för analys.

Mer information om hur du tolkar kontrollpanelen för analyser finns i Visa och förstå AEM Forms analysrapporter.

fastighetsanalys

Så här fungerar det how-it-works-11

Resultatstatistik för låneansökningsformuläret spåras med Adobe Analytics. Mer information om hur du konfigurerar Adobe Analytics och visar rapporter finns i Konfigurera analyser för formulär och dokument.

Se det själv see-it-yourself-br-1

För att du ska kunna se och utforska analysrapporten tillhandahåller vi startdata för låneansökan på referenswebbplatsen. Innan du använder startvärdesdata ska du läsa Konfigurera analys. Utför följande steg i författarinstansen för att visa rapporten med startdata:

  1. Gå till Forms och dokument Gränssnitt på https://<värdnamn>:<AuthorPort>/aem/forms.html/content/dam/formSanddocuments.

  2. Klicka för att öppna vi-finansiering Mapp.

  3. Välj Application for Home Mortgage anpassat formulär och klicka sedan på Enable Analytics.

  4. Markera formuläret igen och klicka på Analytics Report i verktygsfältet för att generera rapporten. Inledningsvis visas en tom rapport.

Så här genererar du en analysrapport med dirigerade data:

  1. I adresswebbläsaren för CRXDE lite skriver du följande: /apps/we-finance/demo-artifacts/analyticsTestData/HomeMortgageAnalyticsTestData
  2. Testdata väljs i den vänstra sidans katalogstruktur.
  3. Dubbelklicka på den markerade filen för att öppna dess innehåll på den högra panelen.
  4. Kopiera allt innehåll i startdatafilen.
  5. I CRXDE navigerar du till: /content/dam/formsanddocuments/we-finance/hm-app/jcr:content/analyticsdatanode/lastsevendays
  6. Klistra in det kopierade innehållet i startdatafilen under Egenskaper i analysdatafältet.
  7. Generera analysrapporten igen för Home Mortgage Application Form. Du kommer att se rapporten med startdata.

A/B-testning av låneansökan

Förutom att analysera hur låneansökan fungerar och ständigt förbättra den utnyttjar Web.Finance integreringen av AEM Forms med Target för att skapa A/B-tester. De kan leverera olika upplevelser av ansökningsformuläret och identifiera den upplevelse som ger bättre konverteringsgrad när det gäller ifyllande och inskickande av formulär.

Information om hur du konfigurerar mål på AEM Forms-servern finns i Konfigurera och integrera Target i AEM Forms.

Utför följande steg i författarinstansen för att skapa A/B-test för låneansökningsformuläret We.Finance:

  1. Gå till Forms och dokument på https://<värdnamn>:<AuthorPort>/aem/forms.html/content/dam/formSanddocuments.

  2. Klicka för att öppna We.Finance mapp.

  3. Välj Ansökan om bostadslån adaptiv form.

  4. Klicka Mer i verktygsfältet och välj Konfigurera A/B-testning. Sidan Konfigurera A/B-testning öppnas.

  5. Ange en Aktivitetsnamn.

  6. I listrutan Målgrupp väljer du en målgrupp till vilken du vill leverera olika upplevelser av formuläret. Till exempel: Besökare som använder Chrome.

  7. I Experience Distribution fält för upplevelserna A och B, ange fördelningen, uttryckt i procent, för att avgöra hur upplevelserna ska fördelas mellan den totala publiken. Om du till exempel anger 40, 60 för upplevelserna A respektive B kommer upplevelsen A att visas för 40 % av publiken och de återstående 60 % kommer att se upplevelsen B.

  8. Klicka Konfigurera. En dialogruta visas som bekräftar att A/B-testet har skapats.

  9. Klicka Klar.

  10. Välj Ansökan om bostadslån anpassat formulär och klicka Redigera. Det ger möjlighet att öppna en av upplevelserna. Klicka Upplevelse B. Formuläret öppnas i redigeringsläge.

  11. Ändra formuläret efter behov för att skapa en annan upplevelse än standardupplevelsen A.

  12. Gå till användargränssnittet för Forms och dokument, markera formuläret, klicka på Mer och markera Starta A/B-testning.

  13. Öppna formuläret i webbläsaren flera gånger med följande URL:

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

    note note
    NOTE
    Ta bort cookien med namnet mbox från webbläsarens cookie-beständighet innan formuläret öppnas nästa gång. Du kommer att se upplevelsen A och B av formuläret på måfå.
  14. Markera formuläret och klicka på Mer och klicka A/B-testrapport. Du hittar inte så mycket data i rapporten som du just har påbörjat testningen. Nu ska vi tillhandahålla vissa startdata för att se hur A/B-testrapporten ser ut.

  15. Öppna CRXDE Lite och gör en säkerhetskopia av följande fil: /libs/fd/fmaddon/gui/components/admin/targetreport/clientlibs/targetreport/js/targetreport.js

  16. Ersätt definitionen av onReportLoadSuccess i den ovannämnda filen med funktionsdefinitionen i följande fil: /apps/we-finance/demo-artifacts/targetreport.js

    note note
    NOTE
    Dessa ändringar är endast avsedda för demonstrationssyften. Se till att du återställer filinnehållet när du har slutfört den här proceduren.
  17. Uppdatera rapporten som du skapade så ser du något liknande. Granska rapportkontrollpanelen.

ab-test-report-4

Avsluta A/B-testet genom att klicka Avsluta A/B-test på rapportkontrollpanelen. Nu visas en dialogruta där du uppmanas att deklarera en upplevelse. Välj en vinnare och bekräfta att du vill avsluta A/B-testet.

Om ni väljer upplevelse A som vinnare kommer A/B-testet att avslutas och om ni fortsätter kommer endast upplevelse A att användas för alla målgrupper, inklusive de i Chrome.

Programgenomgång av Home Mortgage med Microsoft Dynamics home-mortgage-application-walkthrough-with-microsoft-dynamics

Scenariot"We.Finance home inteckning" med Microsoft Dynamics omfattar följande:

  • Sarah Rose, en We.Finance-kund
  • Administratören för instansen We.Finance Microsoft Dynamics

Home Mortgage-programmet som genomsöker Microsoft Dynamics visar hur en We.Finance-kund kan använda webbplatsen för att ansöka om en bostadslån när referenswebbplatsen använder Microsoft Dynamics för dataintegrering. Genomgången avslutas med data som fylls i av användaren som tas emot av Microsoft Dynamics. Innan du fortsätter med det här scenariot måste du slutföra Microsoft Dynamics 365-konfiguration för arbetsflödet för inteckning hemma på webbsidan för Vi.Finance-referenswebbplatsen.

Sarah besöker webbplatsen We.Finance och ansöker om bostadslån sarah-visits-we-finance-website-and-applies-for-home-mortgage-1

Sarah Rose planerar att köpa ett hus och leta efter en bostadsplan. Hon är kund hos We.Finance och besöker därför Web.Finance-portalen för att utforska bostadserbjudanden. Hon går till lånedelen och hittar en låneberäkning på portalen. Hon fyller i detaljerna och klickar på Beräkna min inteckning, som returnerar en inteckningsplan.

lån1 lån2
Bild: Lånekalkylator

lån3
Bild: Resultat av ränteberäkning

Så här fungerar det how-it-works-12

Hemmalåneskalkylatorn på sidan Lån är en inbäddad anpassningsbar form på AEM Sites sida. Du kan granska sidan Lån i redigeringsläge på https://[authorHost]:[authorPort]/editor.html/content/we-finance/global/en/loan-landing-page.html.

Den inbäddade låneberäkningsenheten, som är en adaptiv form, använder regler för att beräkna EMI-beloppet baserat på låneinformationen i beräkningsfälten. Du kan granska det adaptiva formuläret på https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/ms-dynamics/home-mortgage-calculator.html.

Se det själv see-it-yourself-10

Gå till webbportalen för ekonomi på https://<publishHost>:<publishPort>/content/we-finance/global/en.html och klicka Loans. Ange detaljerad information i inteckningsberäkningen och se resultatet.

Sarah tycker att erbjudandet är intressant och väljer att tillämpa sarah-finds-the-offer-interesting-and-chooses-to-apply-2

Sarah väljer att ansöka om bostadslån och klickningar Apply Now på inteckningsberäkningen. Ansökan om bostadslån öppnas.

Om Sarah öppnar bostadslåneprogrammet från sin mobila enhet öppnas ansökningsformuläret i en vy som är optimerad för visning på en mobil enhet. I den här vyn återger programformuläret ett avsnitt i taget. Det gör att Sarah kan visa och ange information progressivt när hon navigerar i ansökningsformuläret.

Följande bilder visar arbetsflödet när Sarah navigerar genom bostadslådan på sin mobila enhet.

Fylla i låneansökan på en mobil enhet

Om Sarah klickar Ansök nu från sin dator öppnas låneansökan enligt följande. Den information Sarah har lämnat i låneberäkningen är förifylld i ansökningsformuläret. Sarah fyller i återstående detaljer och klickar Fortsätt.

pantbrev

Baserat på den information Sarah fyllde i hypotekskalkylatorn presenteras hon med några hypoteksplaner. Hon väljer den plan som passar hennes behov och fortsätter att fylla i ansökan. Hon signerar och skickar ansökan till slut.

Den inskickade ansökan går till We.Finance för godkännande.

Spara ett utkast

Så här fungerar det how-it-works-13

The Ansök nu skickar Sarah till bostadslådan. Programmet är ett anpassat formulär som du kan granska i redigeringsinstanserna på https://[host]:[Port]/editor.html/content/forms/af/we-finance/ms-dynamics/application-for-home-mortgage.html.

Några av de funktioner du kan granska i den anpassade formen är:

  • Den baseras på ett XSD-schema, homeMortgageApplication.xsd.

  • Det har skapats med We Finance Theme B för formatering och We.Finance för layout. Dessutom används Layout utan panelrubriker i formulärrubrikslayouten för mobil navigering. Den visar en progressiv mobil layout när den öppnas från en mobil enhet. Du kan granska mallen och temat som används i det adaptiva formuläret på följande platser i din AEM författarinstans:

    • 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
  • Den första fliken, Komma igång, i programmet är en dynamisk låneberäkning som visar alternativ baserat på vad användaren väljer. Fälten och värdena är till exempel olika för alternativen Inköp och Refinansiering. Den här funktionaliteten uppnås med hjälp av regler för att visa/dölja. När du klickar på Fortsätt och fliken Planer initieras anropas dessutom en webbtjänst som konfigurerats i en formulärdatamodell för att hämta och visa hypoteksplaner. Du kan läsa formulärdatamodeller och konfigurerade tjänster på https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.

  • Här används olika adaptiva formulärkomponenter för att hämta in indata och anpassa dem efter användarens svar. Den använder också komponenter som e-post som stöder indatatyperna HTML5.

  • Den använder komponenten Signature Step för att visa det ifyllda formuläret och tillåter elektronisk signatur i formuläret.

Vi rekommenderar att du granskar formuläret för att förstå vilket schema, vilka komponenter, regler, formulärdatamodeller, arbetsflöde för formulär och vilken skicka-åtgärd som används för att skapa formuläret.

Administratören visar skickade data i Microsoft Dynamics-instansen the-administrator-views-the-submitted-data-in-the-microsoft-dynamics-instance

We.Finance tar emot den låneansökan som Sarah lämnat in i Microsoft Dynamics-instansen. Administratören trycker på posten i lead-kolumnen för att gå till den lead-post som skapats för Sarah Rose.

msdynamicsrecord

Genomgång av försäkringsprogram för hemmabruk home-insurance-application-walkthrough

Scenariot för hemförsäkring inom We.Finance omfattar följande:

  • Sarah Rose, en We.Finance-kund
  • Gloria Rios, Head of Credit Card and Mortgage, We.Finance
  • Frank De Costa, försäkringsagent, We.Finance

I följande bild visas ett steg-för-steg-arbetsflöde för ett ansökningsscenario för hemförsäkring.

arbetsflöde_försäkring

Nu ska vi i detalj titta på stegen i scenariot med referenswebbplatser för att se hur AEM Forms hjälper oss att uppnå sina mål.

Sarah får ett nyhetsbrev från We.Finance och ansöker om hemförsäkring sarah-receives-a-newsletter-from-we-finance-and-applies-for-home-insurance

Sarah Rose är bostadskund hos We.Finance och söker en bra överenskommelse om hemförsäkring. Hon besöker We.Finance-portalen och utforskar bostadsplaner. Vi.Finance identifierade henne som en befintlig kund och skickar ett målinriktat nyhetsbrev till henne via sin e-post. Nyhetsbrevet innehåller erbjudanden om hemförsäkring.

försäkringsbrev

Så här fungerar det how-it-works-14

Nyhetsbrevet som skickas till Sarah är en anpassad implementering som utlöser ett e-postmeddelande till det angivna e-post-ID:t. Knappen Tillämpa nu i nyhetsbrevet är länkad till hemförsäkringsprogrammet, som är ett adaptivt formulär i en publiceringsinstans.

Se det själv see-it-yourself-11

Öppna följande URL för att utlösa ett nyhetsbrev via e-post. Se till att du ersätter [emailID] med ett giltigt e-postkonto för att ta emot nyhetsbrevet. Öppna nyhetsbrevet och klicka på Apply Now för att gå till hemförsäkringsansökan.

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

Sarah tycker att erbjudandet om hemförsäkring är intressant och väljer att tillämpa sarah-finds-the-home-insurance-offer-interesting-and-chooses-to-apply

Sarah gillar hemförsäkringsplanen i nyhetsbrevet och bestämmer sig för att ansöka om den. Hon klickar på Apply Now i nyhetsbrevet, som öppnar försäkringsansökan på webbportalen We.Finance. Ansökningsformuläret är organiserat i avsnitt med hjälp av en kortlayout.

På sidan Personlig information får hon ett meddelande om att hon måste logga in med sina inloggningsuppgifter, eftersom Sarah ger sitt socialförsäkringsnummer.

försäkring-ssn

Sarah är en befintlig We.Finance-kund. Hon loggar in med sina inloggningsuppgifter för kontot We.Finance och hennes personliga information fylls i automatiskt i formuläret. Hon fortsätter att fylla i och lämna in ansökan.

Om Sarah skickade in programmet på en mobil enhet skulle hon gå igenom följande skärmar.

försäkring-form-on-mobile

Så här fungerar det how-it-works-15

The Använd nu på nyhetsbrevet dirigerar Sarah till hemförsäkringsprogrammet på We.Finance-portalen. Programmet är ett adaptivt formulär som du kan granska i utvecklingsinstansen på https://[host]:[Port]/editor.html/content/forms/af/we-finance/insurance/application-for-insurance.html.

Några av de funktioner du kan granska i den anpassade formen är:

  • Den baseras på ett XSD-schema, insurance.xsd.

  • Det har skapats med försäkringstemat för formatering och använder Layout utan panelrubriker i formulärrubrikslayouten för mobil navigering. Den visar en progressiv mobil layout när den öppnas från en mobil enhet. Du kan granska mallen på https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance och temat på https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/insurance/jcr:content.

  • Den innehåller anpassningsbara formulärregler som anropar Form Data Model-tjänster för att förifylla användarinformation för inloggad användare. Den anropar också tjänster för att förifylla information med personnummer eller e-postadress som anges i formuläret. Du kan läsa formulärdatamodeller och deras tjänster på https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm.

  • Här används olika adaptiva formulärkomponenter för att hämta in indata och anpassa dem efter användarens svar. Den använder också komponenter som e-post som stöder indatatyperna HTML5.

  • Knappen Spara mitt förlopp genererar ett unikt ID för användaren och sparar det delvis ifyllda programmet som ett utkast i en nod i AEM. Dessutom visas en dialogruta där du söker behörighet att skicka ett e-postmeddelande med en länk till noden som innehåller utkastet till program. Knappen Skicka e-post i bekräftelsedialogrutan utlöser ett e-postmeddelande med en länk till noden som innehåller utkastet.

  • Den använder åtgärden Invoke AEM Workflow submit för att starta arbetsflödet för godkännande av försäkring. Du kan granska arbetsflödet som används i det här formuläret på https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-insurance-workflow.html

Vi rekommenderar att du granskar formuläret för att förstå vilket schema, vilka komponenter, regler, formulärdatamodeller, arbetsflöde för formulär och vilken skicka-åtgärd som används för att skapa formuläret.

Se även följande dokumentation för mer information om funktioner som används i ansökningsformuläret för hemförsäkring:

Se det själv see-it-yourself-12

Klicka Ansök nu på det nyhetsbrev som du skulle ha fått via ditt e-postmeddelande. Du kan också gå till https://[publishHost]:[publishPort]/content/we-finance/global/en/all-forms.html och klicka Apply på försäkringsansökan. Ange 123456789 i fältet socialförsäkringsnummer. Logga in med srose/srose som användarnamn/lösenord.

Fyll i detaljer, utforska olika adaptiva formulärkomponenter och skicka in programmet. Du kan granska det adaptiva formuläret på https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/insurance/application-for-insurance.html.

Vi.Ekonomi godkänner ansökan och ett kontrakt signeras we-finance-approves-the-application-and-a-contract-is-signed

Vi.Finance får en hemförsäkring från Sarah. Gloria Rios har tilldelats en uppgift. Hon granskar ansökan i sin AEM Inbox och godkänner den.

försäkring-inbox-grios

När Gloria godkänner Sarah hemförsäkring skapas en uppgift i Frank De Costa's AEM Inbox. Frank granskar uppgiften. Han förbereder ett avtal om försäkring för hemmabruk för Sarah, bifogar avtalet till hennes ansökan och skickar det till Sarah för signering av avtalet. Kontraktet, som visas nedan i agentens användargränssnitt, är en utskriftsversion av den interaktiva kommunikationen.

försäkring-contact-letter

Sarah får ett mejl med en länk till försäkringsavtalet för hemmabruk för undertecknande. Sarah granskar och skriver under kontraktet.

försäkringsavtal-e-post

Så här fungerar det how-it-works-16

När Sarah skickar in hemförsäkringsansökan aktiveras en Forms Workflow och en uppgift skapas i Glorias AEM inkorg. När Gloria granskar ansökan och godkänner den tilldelas uppgiften Frank De Costa. Arbetsflödet från en person till en annan definieras i det AEM arbetsflöde som är kopplat till försäkringsansökan. Mer information om arbetsflöden finns i Forms-centrerat arbetsflöde i OSGi.

Följande bild visar det AEM arbetsflödet som är kopplat till försäkringsprogrammet.

we-Finance-Insurance-workflow-model

Frank använder korrespondenshantering för att förbereda ett försäkringsavtal. Han laddar ned kontraktet PDF och kopplar det till Sarah och klickar på Skicka kontrakt. Arbetsflödet utlöser en post till Sarah med ett försäkringsavtal för hemförsäkring för signering.

Se det själv see-it-yourself-13

Gör följande:

  1. Gå till AEM Inkorg, https://[publishHost]:[publishPort]/content/we-finance/global/en/login.html?resource=/aem/inbox.htmloch logga in med grios/grios som användarnamn för Glorias persona. Godkänn uppgiften för Saras försäkringsansökan.

  2. Logga sedan in AEM Inbox med fdcosta/password som användarnamn för Frank. Visa uppgiften.

  3. Gå till https://[authorHost]:[authorPort]/aem/forms.html/content/dam/formsanddocuments/we-finance/insurance och förhandsgranska brevmallen för HomeInsuranceWelcomeKit.

  4. Ange information i datapanelen. Klicka Preview och hämta sedan PDF till det lokala filsystemet. Se till att filen PDF sparas med filnamnet contract.pdf.

  5. Gå till Frank's AEM Inbox, öppna uppgiften, bifoga det nedladdade kontraktet PDF och klicka på Send Contract.

  6. Öppna e-postmeddelandet med kontrakt och signera dokumentet.

Sarah får ett välkomstpaket sarah-receives-a-welcome-kit

När Sarah skriver under hemförsäkringsavtalet får hon ett mejl med information om försäkringsvillkoren.

försäkringsbrev-information

Kort och gott får hon ett mejl från We.Finance med ett välkomstpaket för sin försäkring. I välkomstpaketet kan Sarah få tillgång till sina policydokument och visa kontoutdrag.

försäkring-welcome-kit

Se det själv see-it-yourself-14

Om du angav ditt e-post-ID i programmet skulle du ha fått ett e-postmeddelande med en länk till välkomstpaketet. Klicka My Welcome Kit för att öppna välkomstpaketet.

försäkring-welcome-kit-email

Genomgång av prospekt för förmögenhetsförvaltning wealth-management-prospectus-walkthrough

Scenariot Web.Finance WeHealth Management omfattar följande:

  • Sarah Rose, en We.Finance-kund

Genomgången av förmögenhetsförvaltning visar hur en We.Finance-kund kan använda webbplatsen för att lära sig mer om en gemensam fond, Blue Chip Growth Fund. Referenswebbplatsen använder en interaktiv kommunikation för att visa information om fonden. Informationen finns både på webben och i PDF. Genomgången avslutas med att kunden mejlar PDF-versionen av informationen till sin bror.

Följande bild visar arbetsflödet för genomgången av förmögenhetsförvaltning:

förmögenhetsförvaltning-prospekt-genomgång

Sarah besöker webbplatsen We.Finance och öppnar prospektet om fonden för tillväxt av unga sarah-visits-we-finance-website-and-opens-the-blue-chip-growth-fund-prospectus

Sarah Rose planerar att investera i en gemensam fond. Hon är en befintlig We.Finance-kund och besöker därför Web.Finance-portalen för att utforska tillgängliga gemensamma medel. Hon går till avdelningen för förmögenhetsförvaltning och öppnar sidan"We.Finance Blue Chip Growth Fund". Sidan innehåller länkar till prospekt som innehåller detaljer om aktuella och historiska priser, månadsvisa resultat, sektorsvis diversifiering, utgifter, avgifter, skatt och mer information om fonderna.

slide1

Så här fungerar det how-it-works-17

The Blue Chip Growth Fund protus is an interactive communication. Det använder texter, bilder, diagram och tabellkomponenter (dokumentfragment) för att visa produktsammanfattning, aktieformat, fondprestanda, fondinformation och annan relaterad information. Du kan granska den interaktiva kommunikationen i redigeringsläget på https://[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html

Diagrammen och tabellerna hämtar data från en formulärdatamodell. Formulärdatamodellen ansluter till konfigurerade datakällor, en databas i den här genomgången, för att hämta information som är specifik för fonden. Du kan granska formulärdatamodellen på https://[authorHost]:[authorPort]/aem/fdm/editor.html/content/dam/formsanddocuments-fdm/we-Finance/wealth-management

Se det själv see-it-yourself-15

Gå till webbportalen We.Finance på https://[publishHost]:[publishPort]/weFinance, tap WeHealth Management, expand Funds by Asset Class och tap We.Finance Blue Growth Fund. Prospektet om fonden för tillväxt av den blå chipen, Web.Finance, öppnas.

Sarah utforskar The Blue Chip Growth Fund-prospektet för att lära sig mer om fonden sarah-explores-the-blue-chip-growth-fund-prospectus-to-learn-about-the-fund

Sarah utforskar flikarna Översikt, Pris och prestanda, Portfolio Management, Avgifter och minimibelopp samt Skatter och Betalningar i prospektet för att lära sig om nuvarande och historiska priser, historisk tillväxt, jämförelse med index S&P 500, sektorsvis diversifiering, personer som förvaltar fonden och utgifter i samband med fonden. Relaterad information är indelad i olika flikar. Prospektet är en interaktiv kommunikation. Den interaktiva kommunikationen har en responsiv design. Hon kan öppna den interaktiva kommunikationen på en enhet av valfri skärmstorlek och den interaktiva kommunikationen flödar om designen så att den passar den underliggande enheten.

bild1-1

Så här fungerar det how-it-works-18

I den interaktiva kommunikationen från Blue Chip Growth Fund används överordnade och underordnade paneler för att dela upp relaterad information i olika avsnitt. Den överordnade panelen ordnar alla underordnade paneler i flikar.

Layouten för den överordnade fliken är inställd på Tabbar överst för att konvertera alla underordnade paneler till tabbar. Du kan granska panelerna i den interaktiva kommunikationen i redigeringsläget på https://[authorHost]:[ authorPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html.

Se det själv see-it-yourself-16

Gå till interaktiv kommunikation för Blue Chip Growth Fund på https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html?wcmmode=disabled. Utforska alla flikar.

Sarah tittar på och mejlar PDF-versionen av sidan Blue Chip Growth Fund sarah-views-and-emails-the-pdf-version-of-the-blue-chip-growth-fund-page

Sarah reser till landet i helgen. Hon planerar att diskutera Blue Chip Growth Fund med sin storebror. Hennes storebror arbetar med en bank och hjälper henne i beslut som rör ekonomi. Sarah laddar ned en PDF-version av Blue Chip Growth Fund-sidan på sin bärbara dator för läsning offline. Hon mejlar också en kopia av PDF version till sin bror.

blue-chip-pdf

Så här fungerar det how-it-works-19

The Blue Chip Growth Fund protus is an interactive communication. Den har en webb- och PDF-kanal. Den interaktiva kommunikationen integreras med AEM arbetsflöden för att skicka PDF-versionen via e-post. Du kan granska arbetsflödesmodellen på https://[authorHost]:[ authorPort]/editor.html/conf/global/settings/workflow/models/wealthmanagement.html.

förmögenhetsförvaltning

Se det själv see-it-yourself-17

Om du vill hämta PDF går du till det interaktiva meddelandet Blue Chip Growth Fund https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html, tryck på Hämta PDF.

Om du vill skicka e-post till PDF går du till den interaktiva kommunikationen om Blue Chip Growth Fund https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html, tryck på EMAIL PDF. Ange Fullständigt namn och E-postadress. Klicka Skicka e-post.

Genomgång av autoförsäkringsprogram auto-insurance-application-walkthrough

Scenariot för autoförsäkring för Web.Finance omfattar följande:

  • Sarah Rose, en We.Finance-kund
  • Conrad Simms, Insurance Agent, We.Finance

Sarah Rose är en befintlig We.Finance-kund och har köpt en bilförsäkring. Nu är det dags att förnya sin försäkring. Conrad Simms, Insurance Agent, We.Finance skickar en påminnelse till Sarah om förnyandet av sin policy. Påminnelsemeddelandet innehåller en PDF med information om förnyelse av princip och en länk till webbversionen av den interaktiva kommunikationen. Den interaktiva kommunikationen har en mobilvänlig och responsiv design. Hon kan öppna den interaktiva kommunikationen på vilken enhet som helst och den interaktiva kommunikationen flödar om för att passa skärmstorleken på den underliggande enheten. PDF-versionen av den interaktiva kommunikationen, som bifogas till e-post, är användbar för läsning offline.

Sarah följer instruktionerna i e-postmeddelandet och förnyar processen. Följande bild visar arbetsflödet för genomgången av autoförsäkringsprogram: autoförsäkring-tillämpning-genomgång

Conrad skickar ett meddelande om förnyelse av försäkringsavtal från We.Finance conrad-sends-an-insurance-policy-renewal-communication-from-we-finance

Conrad loggar in AEM instansen, öppnar kontrollpanelen för automatisk försäkring anger Sarah's Kund-ID och klicka Förnya princip. The Agentgränssnitt öppnas med principinformation om Sarah Rose redan är ifylld. Conrad angav en e-postadress för Sarah och klickningar Skicka. Sarah får ett mejl med ämnet Förnyelse av autoförsäkring.

cc-dashboard

Så här fungerar det how-it-works-20

Förnyelsekommunikation om försäkringsbrev är en interaktiv kommunikation. Conrad Simms använder Agent UI för att skicka informationen om förnyelse av försäkringsavtal till Sarah. Kommunikationen innehåller Print (PDF) och link to the Web channel of the interactive communication. Den interaktiva kommunikationen använder AEM arbetsflöde för att skicka e-postmeddelandet. Du kan se arbetsflödet på https://[authorHost]:[ authorPort]/editor.html/conf/global/settings/workflow/models/we-finance-auto-insurance-renewal.html

bilförsäkring-arbetsflöde

Se det själv see-it-yourself-18

Logga in på Instrumentpanel för automatisk försäkring för webbfinansiering som Conrad Simms (csimms/password). URL:en är https://[utgivare]:[publicport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html. Ange Kund-ID. Sarah Rose kund-ID är 900001. Klicka Förnya princip. Den interaktiva kommunikationen öppnas i agentgränssnittet. Ange en giltig e-postadress för att skicka e-postmeddelandet med policydokumentet bifogat i agentgränssnittet och klicka på Skicka. Ett meddelande, Inskickning initierad, visas på skärmen och sedan visas ett meddelande, Skickat utan fel, om några sekunder. Ett e-postmeddelande med ämnet Förnyelse av autoförsäkring och skickas till den angivna e-postadressen. Den policy som Sarah Rose erbjuds är en premiepolicy.

Genomgången av bilförsäkringen innehåller även en annan kund, Alison Jones. Alison Jones kund-ID är 900002. När du skickar den interaktiva kommunikationen till Alison Jones skickas en standardpolicy. Skillnaden mellan standardpolicy och premiepolicy är:

  • Premium-principen har en banderollbild och standardprincipen har bara text under adressblocket.
  • Standardpolicyn kostar mindre än premiepolicyn.
  • Premiumpolicyn har antistölderbelöning och standardpolicyn har smart rightbelöning

Båda profilerna använder samma interaktiva kommunikation. Avsnitten i profilen ändras eller döljs baserat på villkoret av principtyp. Du kan öppna och granska den interaktiva kommunikationen om förnyelse av autoförsäkring direkt från https://[authorHost]: [authorPort]/aem/formdetails.html/content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal

Använda Microsoft Dynamics som datakälla

Referenswebbplatsen innehåller också en interaktiv kommunikation som använder Microsoft Dynamics som datakälla för formulärdatamodellen. Utför följande steg för att konfigurera den interaktiva kommunikationen för genomgången av autoförsäkring:

  1. Logga in på https://[författare]:[port]/crx/de som administratör.
  2. Öppna /apps/we-finance/components/ccrui/ccrui.jsp-fil.
  3. Ange värdet för FormFieldRequestParametertill /content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal-dynamics
  4. Tryck Spara alla. Referenswebbplatsen är konfigurerad att använda interaktiv kommunikation som använder MS Dynamics som datakälla.

Logga in på Instrumentpanel för automatisk försäkring för webbfinansiering som Conrad Simms (csimms/password). URL:en är https://[utgivare]:[publicport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html. Ange Kund-ID. Sarah Rose kund-ID är 900001. Klicka Förnya princip. Den interaktiva kommunikationen öppnas i agentgränssnittet. Ange en giltig e-postadress för att skicka e-postmeddelandet med policydokumentet bifogat i agentgränssnittet och klicka på Skicka. Ett meddelande, Inskickning initierad, visas på skärmen och sedan visas ett meddelande, Skickat utan fel, om några sekunder. Ett e-postmeddelande med ämnet Förnyelse av autoförsäkring skickas till den angivna e-postadressen.

NOTE
När du använder den interaktiva kommunikationen som använder Microsoft Dynamics som datakälla pekar länkarna i de e-postmeddelanden som skickas till Sarah på interaktiv kommunikation som inte använder Microsoft Dynamics. Åtgärda problemet genom att manuellt ändra länkarna i e-postmallarna.

agent_ui_email-1

Sarah får ett meddelande om förnyelse av försäkringsavtal från We.Finance och bestämmer sig för att förnya sarah-receives-an-insurance-policy-renewal-communication-from-we-finance-and-decides-to-renew

Sarah får ett mejl med en bilaga från We.Finance som påminner henne om att hennes bilförsäkring håller på att gå ut. Den bifogade filen är den utskrivna versionen av hennes förnyelseinformation för bilförsäkring.

Sarah klickade Förnya nu och hänvisas till webbversionen av hennes bilförsäkringsbrev. Utöver det här brevet hittar Sarah ett antal dagar kvar innan hennes policy upphör att gälla. Sidan ger Sarah en översikt över sin försäkringsinformation, t.ex. försäkringsnummer, förfallobelopp och annan information som rabatterbjudanden och förmånsersättningar. Sarah klickar igen Förnya nu längst ned i policyn.

bilförsäkring-förnyelse-e-post

Så här fungerar det how-it-works-21

Utdata för webb och utskrift av ditt automatiska försäkringsbrev skapas med hjälp av flerkanalsfunktionerna i Interactive Communications. The Förnya nu knappen i e-postmeddelandet är länkad till programmet för förnyelse av autoförsäkring, som är en interaktiv kommunikation i en publiceringsinstans.

ic-web-version

Se det själv see-it-yourself-19

Du måste ha fått ett e-postmeddelande med en bifogad PDF. PDF är en tryckt version av ditt automatiska försäkringsbrev. Klicka Förnya nu för att nå webbversionen av policyn. Kontrollera din personliga information och policyinformation och klicka på Förnya nu. Du kommer till ett anpassat betalningsformulär.

The Förnya nu i e-postmeddelandet dirigerar Sarah till webbversionen av policyn. Du kan gå till följande URL:

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

Du kan kontrollera den detaljerade sammanfattningen av förnyelsen av din automatiska försäkring och klicka på Förnya nu längst ned på sidan.

Sarah öppnar betalningssidan och gör betalningen och slutför processen sarah-opens-the-payment-page-and-makes-the-payment-and-completes-the-process

När Sarah klickar Förnya nu på webbversionen av den interaktiva kommunikationen öppnas betalningssidan. Sarah omkontrollerar sitt principnummer och utgångsdatum med sina register. Till höger på sidan kontrollerar hon betalningsöversikten för förnyelsen med 10 % premiumrabatt på det totala beloppet. Sarah fyller i sin kreditkortsinformation och klickar Gör betalning.

blankett för betalning

Så här fungerar det how-it-works-22

Knappen Förnya nu dirigerar Sarah till betalningssidan. Betalningssidan är ett anpassningsbart formulär. Sarah fyller i kreditkortsinformationen och klickar Skicka. Hennes kreditkortsbetalning behandlas och ett tackmeddelande som är konfigurerat i anpassningsformuläret visas på skärmen.

Se det själv see-it-yourself-20

Klicka Förnya nu för att nå betalningssidan. Fyll i kreditkortsinformationen och klicka på Gör betalning. Du kan nå betalningssidan i utvecklingsinstansen på:

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

Tacka-meddelandet visas när du har klickat på knappen Gör betalning.

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