We.Finance referentiesite doorloopt

Voorwaarden

Stel de referentiesites in zoals beschreven in AEM Forms-referentiesites instellen en configureren.

We.Finance Reference site-scenario's

We.Finance is een toonaangevende organisatie op het gebied van financiële diensten die uitgebreide en gepersonaliseerde financiële oplossingen aanbiedt die voldoen aan de vereisten van diverse klantprofielen. Ze bieden kredietkaarten, woninghypotheken en thuisverzekeringen aan.

Hun doel is om aan bestaande en potentiële klanten op hun aangewezen apparaat te bereiken, de voordelen van hun diensten te verklaren, en hen te helpen zich in hun diensten inschrijven. Bovendien zoeken ze naar meer financiële producten zoals add-on kaarten die klanten interessant kunnen vinden.

Lees verder voor uitgebreide analyses van We.Finance gebruikt cases en begrijp hoe AEM Forms financiële organisaties helpt hun doelstellingen te bereiken. De volgende analyses zijn behandeld:

Doorlopen van creditcardtoepassing

Het scenario van de de creditcardtoepassing van Web.Finance impliceert de volgende personen:

  • Sarah Rose, een klant van We.Finance
  • Gloria Rios, hoofd van creditcard en hypotheek, We.Finance

De volgende infografische afbeelding toont de stapsgewijze workflow van de creditcardtoepassing.

workflow_name

Laten we het referentiescenario in detail bekijken om te begrijpen hoe de AEM Forms ons.Finance helpt hun doelstellingen te bereiken.

Sarah ontvangt een nieuwsbrief van We.Finance en vraagt om een creditcard

Sarah Rose is een bestaande We.Finance-klant. Ze ontvangt een nieuwsbrief van We.Finance over nieuwe creditcards die aangeboden worden. Ze vindt de aanbiedingen spannend en besluit om een creditcard aan te vragen. Ze klikt op de knop Nu toepassen in de nieuwsbrief, die haar naar de creditcardtoepassing op We.Finance-portal stuurt.

marketing-e-mail

Hoe werkt

De nieuwsbrief die naar Sarah wordt verzonden is een aangepaste implementatie die een e-mail naar de opgegeven e-mailid activeert. De knop Nu toepassen in de e-mail is gekoppeld aan de creditcardtoepassing. Dit is een adaptief formulier op een publicatie-exemplaar.

Zie het zelf

Open de volgende URL op de publicatie-instantie om een e-mailbericht voor nieuwsbrieven te activeren. Zorg ervoor dat u [emailID] vervangt door een geldig e-mailaccount om de nieuwsbrief te ontvangen. Open de nieuwsbrief en klik Apply Now om naar de creditcardtoepassing te gaan.

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

Sarah vindt het aanbod interessant en kiest ervoor toe te passen

Sarah besluit om de creditcard aan te vragen en op Apply Now te tikken op de e-mail. Sarah gaat naar de creditcardapplicatie op We.Finance portal. Het toepassingsformulier wordt ingedeeld in secties met een kaartindeling.

Sarah selecteert een creditcard van de beschikbare opties en klikt Continue.

cc-application-form-desktop

Op de pagina Persoonlijke Informatie, aangezien Sarah haar Aantal van de Sociale Veiligheid verstrekt, krijgt zij een herinnering om met haar geloofsbrieven aan te melden.

login-ssn

Sarah is een bestaande klant van Wij.Financiën. Ze meldt zich aan bij haar accountgegevens van We.Finance en haar persoonlijke gegevens worden automatisch ingevuld in het formulier. Sarah gaat door met het invullen van het aanvraagformulier en dat is wanneer een herinnering verschijnt voor een vergadering die ze moet bijwonen. Ze klikt op Save my progress op het toepassingsformulier. Het slaat alle informatie op die Sarah tot nu toe heeft ingevuld en er verschijnt een dialoogvenster waarin wordt bevestigd of ze een e-mail wil ontvangen met een koppeling naar haar ontwerptoepassing die later moet worden ingevuld.

Sarah klikt Send mail. Ze ontvangt een e-mail met een link om haar creditcardtoepassing te hervatten.

resume

Sarah benadert de creditcardtoepassing van haar mobiele apparaat

Als Sarah de creditcardtoepassing opent vanaf haar mobiele apparaat, wordt de responsieve toepassing geopend in een weergave die is geoptimaliseerd voor mobiele apparaten. In deze weergave wordt het toepassingsformulier weergegeven als één sectie tegelijk. Sarah kan de informatie progressief bekijken en leveren terwijl ze door de toepassing navigeert.

form-on-mobile

Hoe werkt

Met de knop Apply Now wordt Sarah naar de creditcardtoepassing geleid. De toepassing is een adaptief formulier dat u kunt bekijken in de ontwerpinstanties op https://[host]:[Port]/editor.html/content/forms/af/we-finance/cc-app.html.

Enkele belangrijke functies die u in het aangepaste formulier kunt bekijken, zijn:

  • Het is gebaseerd op een XSD-schema.
  • Het wordt gebouwd gebruikend Thema A van de Financiën van Wij voor het stileren en wij.Finance malplaatje voor lay-out. Bovendien wordt voor mobiele navigatie de indeling Indeling zonder deelvenstertitels in de indeling van de koptekst van het formulier gebruikt. Er wordt een progressieve mobiele lay-out weergegeven wanneer deze wordt geopend vanaf een mobiel apparaat. U kunt de sjabloon bekijken op https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance en het thema op https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/we-finance-theme-a/jcr:content.
  • Het bevat adaptieve formulierregels om services van het formuliergegevensmodel aan te roepen om gebruikersgegevens van aangemelde gebruikers vooraf in te vullen. Er wordt ook een beroep gedaan op services om vooraf informatie te verstrekken aan de hand van het socialezekerheidsnummer of het e-mailadres dat in het formulier is opgegeven. U kunt de modellen van de Gegevens van de Vorm en hun diensten bij https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm herzien.
  • Er worden verschillende adaptieve formuliercomponenten gebruikt om invoer vast te leggen en zich aan te passen aan de reacties van de gebruiker. Er worden ook componenten gebruikt, zoals E-mail, die HTML5-invoertypen ondersteunen.
  • De component Signature Step gebruikt om het ingevulde formulier weer te geven en maakt elektronische ondertekening op het formulier mogelijk.
  • Met de knop Mijn voortgang opslaan wordt een unieke id voor de gebruiker gegenereerd en wordt de gedeeltelijk ingevulde toepassing als concept opgeslagen in een knooppunt in AEM opslagplaats. Ook wordt er een dialoogvenster weergegeven waarin u toestemming wordt gevraagd om een e-mail te verzenden met een koppeling naar het knooppunt dat de concepttoepassing bevat. Met de knop E-mail verzenden in het bevestigingsvenster wordt een e-mail geactiveerd met een koppeling naar het knooppunt dat het concept bevat.
  • De handeling Invoke AEM Workflow submit wordt gebruikt om de workflow voor creditcardgoedkeuring te activeren. U kunt de workflow die in dit formulier wordt gebruikt, bekijken op https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-credit-card-workflow.html

U wordt aangeraden het formulier te bekijken om inzicht te krijgen in het schema, de componenten, de regels, de modellen met formuliergegevens, de werkstroom van formulieren en de verzendactie die wordt gebruikt om het formulier samen te stellen.

Zie ook de volgende documentatie voor meer informatie over functies die worden gebruikt in het adaptieve formulier voor creditcardtoepassingen:

Zie het zelf

Als u bent aangemeld als Sarah Rose, klikt u op de knop Apply now op de creditcardtoepassing. Vul sommige details in, verken diverse adaptieve vormcomponenten, en klik Save my progress om een e-mail met een Resume knoop te ontvangen die met de ontwerptoepassing verbindt. Zorg ervoor dat u uw e-mailadres opgeeft in het toepassingsformulier om de e-mail te ontvangen.

Bekijk het thema Web.Finance dat beschikbaar is op:

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

U kunt het malplaatje bekijken Web.Finance bij:

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

Sarah hervat en dient de aanvraag in

Sarah komt later terug en zoekt een e-mail van We.Finance. Ze klikt op de knop Resume in de e-mail die haar naar haar conceptcreditcardtoepassing stuurt. De informatie die ze eerder heeft ingevuld, wordt vooraf ingevuld. Ze vult het resterende aanvraagformulier, ondertekent de toepassing en verzendt het.

resume-1

Alternatief, kan zij tot haar ontwerptoepassing onder My Forms op Wij.Finance homepage toegang hebben.

portalconcepten

Hoe werkt

Met de knop Hervatten in de e-mail wordt Sarah omgeleid naar het knooppunt dat haar concepttoepassing bevat.

Zie het zelf

U moet een e-mail met een koppeling naar de ontwerptoepassing op uw e-mailadres hebben ontvangen die u hebt opgegeven tijdens het invullen van het aanvraagformulier. Vul de overige secties in de toepassing in en verzend deze.

We.Finance ontvangt en keurt de aanvraag goed

We.Finance ontvangt de creditcardaanvraag die Sarah heeft ingediend. Gloria Rios wordt belast met een taak. Ze evalueert de taak in haar AEM Inbox en keurt deze goed.

inbox

Hoe werkt

Als Sarah de creditcardaanvraag invult en indient, wordt een Forms Workflow getriggerd en wordt een taak gecreëerd in het AEM van Gloria.

AEM Forms on OSGi biedt op formulieren gebaseerde workflows waarmee u adaptieve op formulieren gebaseerde workflows kunt maken. Deze workflows kunnen worden gebruikt voor revisie en goedkeuringen, bedrijfsprocesstromen, het starten van documentservices, het integreren met de Adobe Sign-handtekeningworkflow, enzovoort. Zie Forms-centric workflow op OSGi voor meer informatie.

In de volgende afbeelding ziet u de AEM die de creditcardtoepassing verwerkt en een PDF-uitvoer van de toepassing genereert.

werkstroom

Zie het zelf

U hebt toegang tot AEM inbox voor de website Web.finance op https://<hostnaam:<PublishPort>/content/we-finance/global/en.html. Tik op de pagina op Sign In, schakel het selectievakje Login as representative in, meld u aan bij de AEM in het vak met grios/password als gebruikersnaam/wachtwoord voor Gloria Rios en keur de creditcardtoepassing goed. Zie Forms-toepassingen en -taken beheren in AEM Inbox voor informatie over het gebruik van AEM Inbox voor op formulieren gerichte workflowtaken.

inbox-1

Als u de toepassing goedkeurt, ontvangt Sarah een e-mail met de welkomstkit.

Sarah ontvangt de welkomstkit en vraagt een add-on kaart aan

Aangezien Sarah's creditcardtoepassing wordt goedgekeurd, ontvangt zij een e-mail met een verbinding aan het Welkome Kit. Ze opent de welkomstkit, die haar creditcardgegevens bevat. In de welkomstkit worden ook promotieaanbiedingen weergegeven die op Sarah zijn afgestemd. Terwijl ze omlaag schuift, bevat de welkomstkit een ingesloten formulier om een add-on kaart aan te vragen. Sarah vulde de vereiste details snel in vanuit de welkomstkit en past de add-on kaart toe. Er verschijnt een bevestigingsvenster voor de toepassing van de add-on kaart.

welcome-kit-for-sara

De welkomstkit is gepersonaliseerd voor Sarah en toont informatie die relevant is voor haar. Hier kunt u een PDF-versie van de welkomstkit downloaden.

voordelen-van-platina-kaart

De welkomstkit bevat een ander toepassingsformulier dat Sarah kan invullen en verzenden om een add-on kaart aan te vragen vanuit de welkomstkit zonder het Web.Finance-portaal te bezoeken.

addon-card

Hoe werkt

De welkomstkit is een interactieve communicatie die is opgenomen in het cq-we-finance-content-pkg.zip-pakket. De interactieve kaarten in de desktopversie om de voordelen van de creditcard in de welkomstkit te laten zien, zijn een aangepaste lay-out die is gemaakt met de standaardkaartlay-out van een documentfragment.

De add-on kaarttoepassing is een ingesloten adaptief formulier in de welkomstkit-interactieve communicatie.

Zie het zelf

Klik op de knop Resume in het e-mailbericht dat u in de vorige stap hebt ontvangen. De concepttoepassing wordt geopend. Vul alle gegevens in en verzend de aanvraag. U ontvangt dan een welkomstkit. Controleer de welkomstkit.

U kunt de welkomstkit ook weergeven op de volgende URL:

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

U kunt deze openen op auteur- en publicatieinstanties.

Sarah ontvangt een creditcardafschrift

Aangezien Sarah de creditcard begint te gebruiken, ontvangt ze nog een e-mail van We.Finance met haar creditcardafrekening. In de volgende afbeeldingen ziet u het e-mailbericht met een koppeling naar het creditcardafschrift op mobiele apparaten.

statement-email

Sarah klikt op Instructie weergeven in de e-mail om de creditcardafrekening te bekijken. De instructie is een interactieve communicatie. Het heeft zowel Web als Druk (PDF) versies. De verklaring integreert met het Model van Gegevens van Forms om gegevens, specifiek voor de klant, van het gegevensbestand terug te winnen. De interactieve verklaring bestaat uit verschillende elementen:

  • Overzicht van statement
  • Gedetailleerd kostenrapport
  • Grafische kostenanalyse
  • Optie om een betaling voor het verschuldigde bedrag uit te voeren vanuit het overzicht
  • Het betaalontvangstbewijs downloaden

Verschillende delen van het creditcardoverzicht

Sarah hoeft niet naar de portal te gaan of door haar e-mails te zoeken naar PDF-versie van de creditcardinstructie voor offline archivering. Ze klikt gewoon op de downloadinstructie om een PDF-versie van de instructie te downloaden.

De gedetailleerde verklaring wordt uiteengezet in een ontvankelijke lijst. Het overzicht biedt ook de mogelijkheid om een deel of het volledige verschuldigde bedrag uit het overzicht te betalen.

Gedetailleerde instructie

Sarah plant betaling van binnen de afrekening. Sarah kan ook de optie Flexi Pay gebruiken om betaling in gelijke delen te verdelen.

Hoe werkt

De creditcardafrekening is een interactieve communicatie. De gedetailleerde uitgavenlijst in het overzicht is een ontvankelijke lijst. Grafisch voor uitgavenanalyse is een grafiekcomponent en leest de uitgavenlijst en produceert het cirkeldiagram.

Zie het zelf

U kunt de interactieve creditcardverklaring bekijken bij volgende URL:

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

U kunt deze openen op auteur- en publicatieinstanties.

Op de creditcardafrekening worden promotieaanbiedingen tegen het einde van de afrekening weergegeven. U kunt Adobe Target integreren met AEM Forms Interactive Communication om speciale aanbiedingen te bieden op basis van specifieke klantsegmenten. Zie Gerichte ervaringen creëren om uw interactieve communicatie te configureren voor het gebruik van Adobe Target voor aangepaste en gerichte aanbiedingen.

We.Finance analyseert de prestaties van de creditcardtoepassing

Wij.Financiën, van tijd tot tijd, herziet de prestaties van hun creditcardtoepassing om op om het even welke kwesties te controleren die klanten zouden kunnen worden geconfronteerd. Zij gebruiken deze analyse om geïnformeerde beslissingen te nemen over de wijzigingen die vereist zijn in de creditcardtoepassing om de gebruikerservaring te verbeteren, het aantal afgedankte formulieren te verlagen en zo de conversie te verbeteren. Zij maken gebruik van de integratie van AEM Forms met Adobe Analytics voor hun analyse. In de volgende afbeelding ziet u het dashboard voor de analysemogelijkheden.

Zie AEM Forms-analyserapporten weergeven en begrijpen voor meer informatie over het interpreteren van het dashboard Analytics.

cc-analytica

Hoe werkt

De prestatiemetriek voor het formulier voor creditcardtoepassingen wordt bijgehouden met behulp van Adobe Analytics. Zie Analyses configureren voor formulieren en documenten voor meer informatie over het configureren van Adobe Analytics en het weergeven van rapporten.

Zie het zelf

Voor u om het analytische rapport te bekijken en te onderzoeken, verstrekken wij zaadgegevens voor de creditcardtoepassing in de verwijzingsplaats. Alvorens u zaadgegevens gebruikt, zie Analytics vormen. Voer de volgende stappen in auteurinstantie uit om het rapport met de zaadgegevens te bekijken:

  1. Ga naar Forms & Documents UI op https://<hostnaam:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. Klik om de map We.Finance te openen.

  3. Selecteer Application for Credit Card adaptief formulier en klik op Enable Analytics op de werkbalk.

  4. Selecteer het aangepaste formulier nogmaals en klik op Analytics Report op de werkbalk om het rapport te genereren. Er wordt eerst een leeg rapport weergegeven.

Analytische rapporten genereren met zaadgegevens:

  1. Typ in de adresbrowser van de CRXDE-lijst: /apps/we-finance/demo-artifacts/analyticsTestData/Credit card Analytics Test Data

  2. De testgegevens worden geselecteerd in de structuur van de linkerzijmap.

  3. Dubbelklik op het geselecteerde bestand om de inhoud ervan in het rechterdeelvenster te openen.

  4. Kopieer alle inhoud in het bestand met zaadgegevens.

  5. Navigeer in CRXDE naar: /content/dam/formsanddocuments/we-finance/cc-app/jcr:content/analyticsdatanode/lastsevendays

  6. Plak in het veld analyticsdata onder Properties de gekopieerde inhoud van het bestand met zaadgegevens.

  7. Selecteer Aanvraag voor creditcard adaptief formulier en klik op Analytics Report in de werkbalk om het rapport te genereren met zaadgegevens.

A/B-tests van de creditcardaanvraag

Naast het analyseren van de prestaties van de creditcardtoepassing en het voortdurend verbeteren ervan, gebruiken wij.Finance de integratie van AEM Forms met Target om A/B tests te creëren. Hierdoor kunnen zij verschillende ervaringen opdoen met het aanvraagformulier voor een creditcard en kunnen zij de ervaring identificeren die leidt tot een betere conversiegraad in termen van het invullen en verzenden van formulieren.

Zie Doel instellen en integreren in AEM Forms om Doel te configureren in de AEM Forms-server.

Voer de volgende stappen uit om de creatie van A/B test voor Wij.Finance de toepassingsvorm van de creditcard te ervaren:

  1. Ga naar Forms & Documents op https://<hostnaam:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. Klik om de map We.Finance te openen.

  3. Selecteer Application for Credit Card adaptief formulier.

  4. Klik op More op de werkbalk en selecteer Configure A/B Testing. De Configure A/B testende pagina opent.

  5. Geef een Activity Name op.

  6. Selecteer in de vervolgkeuzelijst Publiek een publiek voor wie u verschillende ervaringen met het formulier wilt gebruiken. Bijvoorbeeld Bezoekers die Chrome gebruiken.

  7. In de Experience Distribution gebieden voor ervaringen A en B, specificeer de distributie, in termen van percentage, om de distributie van ervaringen onder het totale publiek te bepalen. Als u bijvoorbeeld 40, 60 opgeeft voor respectievelijk de ervaringen A en B, zal de ervaring A worden benut voor 40% van het publiek en zal de resterende 60% de ervaring B zien.

  8. Klik Configure. Er verschijnt een dialoogvenster waarin de aanmaak van de A/B-test wordt bevestigd.

  9. Klik Done.

  10. Selecteer het formulier Aanvraag voor creditcard en klik op Bewerken. Het biedt de mogelijkheid om een van de ervaringen te openen. Klik Beleef B. Het formulier wordt geopend in de bewerkingsmodus.

  11. Wijzig het formulier naar wens om een andere ervaring op te doen dan met de standaardeigenschap A.

  12. Ga naar de gebruikersinterface van Forms en Documenten, selecteer het formulier, klik op Meer en selecteer A/B Testing starten.

  13. Open het formulier nu diverse keren in de chroombrowser met behulp van de volgende URL:

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

    OPMERKING

    Verwijder het cookie met de naam mbox uit de browsercookie voordat u het formulier de volgende keer opent. U ziet willekeurig A en B van het formulier.

  14. Selecteer het formulier, klik op Meer en klik op A/B-testrapport. U vindt niet veel gegevens in het rapport omdat u net met het testen bent begonnen. Laten we nu enkele zaadgegevens leveren om te zien hoe een A/B-testrapport eruit ziet.

  15. Open CRXDE Lite en maak een back-up van het volgende bestand: /libs/fd/fmaddon/gui/components/admin/targetreport/clientlibs/targetreport/js/targetreport.js

  16. Vervang de definitie van functie onReportLoadSuccess in het bovengenoemde dossier met de functiedefinitie in het volgende dossier: /apps/we-finance/demo-artifacts/targetreport.js

    Opmerking: deze wijzigingen gelden alleen voor demo-doeleinden. Zorg ervoor dat u de bestandsinhoud herstelt nadat u deze procedure hebt voltooid.

  17. Vernieuw het rapport dat u hebt gegenereerd en u ziet iets als het volgende. Controleer het rapportdashboard.

ab-test-rapport-3

Om de test A/B te beëindigen, klik Eind A/B test knoop op het rapporteringsdashboard. Op dit moment wordt u gevraagd een ervaring te declareren. Kies een winnaar en bevestig om de A/B-test te beëindigen.

Als u ervoor kiest om A als winnaar te ervaren, wordt de A/B-test beëindigd en in de toekomst alleen Experience A aan alle doelgroepen, inclusief die op Chrome, beschikbaar gesteld.

Behandeling van hypotheektoepassing op thuisbasis

Het scenario van de woninghypotheek van We.Finance omvat de volgende personen:

  • Sarah Rose, een klant van We.Finance
  • Gloria Rios, hoofd van creditcard en hypotheek, We.Finance
  • John Doe, Customer Care-vertegenwoordiger, We.Finance

De volgende informatie geeft een stapsgewijze workflow van een hypotheektoepassing voor thuiswoningen weer.

home_hypotheek_application_walkthrough

Laten we nu in detail de stappen in het referentiescenario bekijken om te zien hoe de AEM Forms We.Finance helpt hun doelstellingen te bereiken.

Sarah bezoekt We.Finance website en vraagt om hypotheek op een woning

Sarah Rose is van plan een huis te kopen en op zoek naar een hypotheekplan voor thuis. Zij is een klant van Wij.Financiën en bezoekt daarom het portaal van Wij.Financiën om huizenhypotheekaanbiedingen te onderzoeken. Ze gaat naar de afdeling Leningen en vindt een hypotheekcalculator op het portaal. Ze vult de details in en klikt op Berekenen van mijn hypotheek, die een hypotheekplan retourneert.

leningen1 leningen2
Afbeelding: hypotheekcalculator

leningen3
Figuur:Resultaat hypotheekcalculator

Hoe werkt

De hypotheekcalculator voor woningen op de pagina Leningen is een ingesloten adaptief formulier op de pagina AEM Sites. U kunt de pagina Leningen in uitgeeft wijze bij https://[authorHost]:[authorPort]/editor.html/content/we-finance/global/en/loan-landing-page.html herzien.

De ingebedde hypotheekcalculator, die een adaptieve vorm is, gebruikt regels om het EMI - bedrag te berekenen op basis van de leningsdetails die worden verstrekt in de rekenmachinevelden. U kunt het aangepaste formulier bekijken op https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/hm-calc.html.

Zie het zelf

Ga naar We.Finance portal op https://<publishHost>:<publishPort>/content/we-finance/global/en.html en klik Loans. Geef details in de hypotheekcalculator en bekijk de resultaten.

Sarah vindt het aanbod interessant en kiest ervoor toe te passen

Sarah wil een aanvraag indienen voor hypothecaire woninghypotheken en klikt op de resultaten van de hypotheekcalculator voor thuiswoningen. Apply Now Het opent de aanvraag voor woninghypotheken.

Als Sarah de hypotheektoepassing thuis opent vanaf haar mobiele apparaat, wordt het aanvraagformulier geopend in een weergave die is geoptimaliseerd voor weergave op een mobiel apparaat. In deze weergave rendert het toepassingsformulier één sectie per keer. Sarah kan hiermee progressief informatie weergeven en leveren terwijl ze door het aanvraagformulier navigeert.

De volgende afbeeldingen tonen de workflow terwijl Sarah door de hypotheektoepassing op haar mobiele apparaat navigeert.

De hypotheektoepassing vullen op mobiele apparaten

Als Sarah Nu toepassen vanaf haar bureaublad klikt, wordt het hypotheekaanvraagformulier als volgt geopend. De informatie die Sarah in de hypotheekcalculator wordt verstrekt is vooraf ingevuld in het aanvraagformulier. Sarah vult de resterende details in en klikt Doorgaan.

hypotheektoepassing

Op basis van de informatie die Sarah in de hypotheekcalculator heeft ingevuld, heeft ze een paar hypotheekplannen. Ze kiest het plan dat aan haar vereisten voldoet en de toepassing blijft vullen. Ze ondertekent en dient de aanvraag in.

De ingediende aanvraag gaat naar We.Finance voor goedkeuring.

Een ontwerptoepassing opslaan

Hoe werkt

Met de knop Nu toepassen stuurt u Sarah naar de hypotheektoepassing thuis. De toepassing is een adaptief formulier dat u kunt bekijken in de ontwerpinstanties op https://[host]:[Port]/editor.html/content/forms/af/we-finance/hm-app.html.

Enkele belangrijke functies die u in het aangepaste formulier kunt bekijken, zijn:

  • Het is gebaseerd op een XSD-schema, homeMortgageApplication.xsd.

  • Het wordt gebouwd gebruikend Thema B van de Financiën van Wij voor het stileren en wij.Finance malplaatje voor lay-out. Bovendien wordt voor mobiele navigatie de indeling Indeling zonder deelvenstertitels in de indeling van de koptekst van het formulier gebruikt. Er wordt een progressieve mobiele lay-out weergegeven wanneer deze wordt geopend vanaf een mobiel apparaat. U kunt de sjabloon en het thema die in het adaptieve formulier worden gebruikt, op de volgende locaties bekijken op de AEM auteur:

    • 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
  • Het eerste tabblad, Aan de slag, in de toepassing is een dynamische hypotheekcalculator die opties weergeeft op basis van de keuze van de gebruiker. De velden en waarden verschillen bijvoorbeeld voor de opties Aanschaffen en Verfijnen. Deze functionaliteit wordt bereikt gebruikend show-huidenregels. Wanneer u op Doorgaan klikt en het tabblad Abonnementen is geïnitialiseerd, wordt bovendien een webservice aangeroepen die is geconfigureerd in een formuliergegevensmodel om hypotheekplannen op te halen en weer te geven. U kunt de Modellen van de Gegevens van de Vorm en de gevormde diensten bij https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm herzien.

  • Er worden verschillende adaptieve formuliercomponenten gebruikt om invoer vast te leggen en zich aan te passen aan de reacties van de gebruiker. Er worden ook componenten gebruikt, zoals E-mail, die HTML5-invoertypen ondersteunen.

  • De component Signature Step gebruikt om het ingevulde formulier weer te geven en maakt elektronische ondertekening op het formulier mogelijk.

  • Het gebruikt de Invoke AEM Workflow verzendactie om de Web Finance Home Mortgauge AEM workflow te activeren. U kunt de workflow die in dit formulier wordt gebruikt, bekijken op https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-home-mortgage-workflow.html

U wordt aangeraden het formulier te bekijken om inzicht te krijgen in het schema, de componenten, de regels, de modellen met formuliergegevens, de werkstroom van formulieren en de verzendactie die wordt gebruikt om het formulier samen te stellen.

Zie ook de volgende documentatie voor meer informatie over functies die worden gebruikt in het adaptieve formulier voor hypotheekaanvragen thuis:

Zie het zelf

Ga naar https://[server]:[port]/content/we-finance/global/en/all-forms.html en klik Toepassen nu op de Toepassing van de Kortere pas van het Huis. Vul de gegevens in op het tabblad Aan de slag, probeer andere opties en verzend de toepassing.

Zorg ervoor dat u een geldige e-mailid opgeeft in de toepassing om een bevestigingse-mail te ontvangen in uw Postvak IN.

We.Finance ontvangt de toepassing

We.Finance ontvangt de hypotheekaanvraag die Sarah heeft ingediend. De taak om de aanvraag goed te keuren of af te wijzen wordt toegewezen aan Gloria Rios. Ze bekijkt de toepassing en constateert dat Sarah's staatsidentiteitskaart ontbreekt.

grios-inbox

Gloria opent de taak en klikt op Meer informatie en geeft commentaar op ontbrekende staatsidentiteitskaart.

need-more info

De taak wordt nu toegewezen aan John Doe, een vertegenwoordiger van de klantenzorg bij Wij.Finance. Hij opent de taak en herziet de opmerking van Gloria. Hij neemt contact op met Sarah en vraagt haar een kopie van haar ID te sturen. Nadat hij een exemplaar van Sarah's identiteitskaart heeft ontvangen, verbindt hij het aan de taak en legt het verzoek voor herevaluatie voor.

herbeoordeling

De taak wordt opnieuw toegewezen aan Gloria. Ze controleert de bijgevoegde id en keurt de toepassing goed.

Hoe werkt

Wanneer Sarah de hypotheekaanvraag invult en indient, wordt een Forms Workflow getriggerd en wordt een taak gecreëerd in de AEM inbox van Gloria. Aangezien Gloria de aanvraag beoordeelt en om meer informatie verzoekt, wordt de taak toegewezen aan John Doe. Als Jan Smit de id koppelt en de aanvraag opnieuw indient, wordt deze toegewezen aan Gloria. Dit wordt bepaald in het AEM Werkschema verbonden aan de hypotheektoepassing.

AEM Forms on OSGi biedt op formulieren gebaseerde workflows waarmee u adaptieve op formulieren gebaseerde workflows kunt maken. Deze workflows kunnen worden gebruikt voor revisie en goedkeuringen, bedrijfsprocesstromen, het starten van documentservices, het integreren met de Adobe Sign-handtekeningworkflow, enzovoort. Zie Forms-centric workflow op OSGi voor meer informatie.

In de volgende afbeelding ziet u de AEM workflow die bij de hypotheektoepassing hoort.

hypotheekworkflowmodel

Zie het zelf

U kunt tot AEM inbox op https://<hostname>:<AuthorPort>/content/we-finance/global/en/login.html?resource=/aem/inbox.html toegang hebben. Meld u aan bij de AEM-inbox met grios/password als gebruikersnaam/wachtwoord voor Gloria Rios en jdoe/jdoe voor Jan Smit en verken de workflow voor de toepassing van hypotheken op woning.

Zie Forms-toepassingen en -taken beheren in AEM Inbox voor informatie over het gebruik van AEM Inbox voor op formulieren gerichte workflowtaken.

Sarah ontvangt de welkomstkit

Als Sarah's hypotheekaanvraag wordt goedgekeurd, ontvangt ze een e-mail met een link naar de welkomstkit. Ze opent de welkomstkit, die een carrousel bevat met promotionele aanbiedingen die gepersonaliseerd zijn voor Sarah.

hypotheekwelkomstkit

De welkomstkit is gepersonaliseerd voor Sarah en toont informatie die relevant is voor haar. Hier kunt u een PDF-versie van de welkomstkit downloaden. Met de pijlknop onderaan kan Sarah omlaag schuiven en door andere secties in de welkomstkit navigeren.

Hoe werkt

De welkomstkit is een interactieve communicatie die is opgenomen in het cq-we-finance-content-pkg.zip-pakket. De aanbiedingen voor speciale acties in de welkomstkit worden geleverd door de Adobe Target-server. De aanbiedingen worden aangepast en gericht op specifieke klantensegmenten. De welkomstkit haalt aanbiedingen van een vooraf geconfigureerde Adobe Target-server voor een publiekssegment van vrouwelijke klanten.

De interactieve kaarten in de desktopversie van de welkomstkit maken gebruik van een aangepaste indeling die is gemaakt met de standaardkaartlay-out van een documentfragment.

Zie het zelf

Als u uw e-mailadres hebt opgegeven bij het invullen van de hypotheektoepassing, hebt u een e-mail ontvangen met een koppeling naar de welkomstkit. Controleer uw Postvak IN en bekijk de welkomstkit.

U kunt de URL bekijken in AEM publicatie-instantie op de volgende URL:

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

Sarah ontvangt een rekeningoverzicht

Aangezien Sarah de lening ontvangt en de termijnen begint te betalen, ontvangt ze nog een e-mail van We.Finance die haar maandrekeningafschrift bevat.

hypotheekinstructie-e-mail

Sarah klikt op Instructie bekijken in de e-mail om de hypotheekrekeningverklaring te bekijken. De interactieve verklaring bestaat uit verschillende elementen:

  • Overzicht van statement
  • Details van instructie

In de volgende afbeelding ziet u een ander deel van de accountinstructie op Desktop.

Rekeningen-courant

Het gedetailleerde overzicht wordt uiteengezet in een ontvankelijke lijst en verstrekt een optie om een deel of het volledige verschuldigde bedrag van binnen het overzicht te betalen.

Hoe werkt

Het hypotheekoverzicht is een interactieve mededeling. Deze wordt gegenereerd met behulp van het JSON-batchproces. De gedetailleerde uitgavenlijst in het overzicht is een ontvankelijke lijst.

Zie het zelf

U kunt de interactieve verklaring van de hypotheekrekening bij volgende URL herzien:

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

U kunt deze openen op auteur- en publicatieinstanties.

We.Finance analyseert de prestaties van de hypotheektoepassing

Wij.Financiën, van tijd tot tijd, evalueert de prestaties van hun hypotheektoepassing om op om het even welke kwesties te controleren die klanten zouden kunnen worden geconfronteerd. Zij gebruiken deze analyse om geïnformeerde beslissingen te nemen over de veranderingen die nodig zijn in de hypotheektoepassing om de gebruikerservaring te verbeteren, het aantal verlaten van formulieren te verminderen en zo de conversie te verbeteren. Zij maken gebruik van de integratie van AEM Forms met Adobe Analytics voor hun analyse. In de volgende afbeelding ziet u het dashboard voor de analysemogelijkheden.

Zie AEM Forms-analyserapporten weergeven en begrijpen voor meer informatie over het interpreteren van het dashboard Analytics.

hypotheekanalyse

Hoe werkt

De prestatiemetriek voor de vorm van de hypotheektoepassing wordt gevolgd gebruikend Adobe Analytics. Zie Analyses configureren voor formulieren en documenten voor meer informatie over het configureren van Adobe Analytics en het weergeven van rapporten.

Zie het zelf

Voor u om het analytische rapport te bekijken en te onderzoeken, verstrekken wij zaadgegevens voor de hypotheektoepassing in de verwijzingsplaats. Alvorens u zaadgegevens gebruikt, zie Analytics vormen. Voer de volgende stappen in auteurinstantie uit om het rapport met de zaadgegevens te bekijken:

  1. Ga naar Forms & Documents-gebruikersinterface op https://<hostnaam:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. Klik om de wij-financier Omslag te openen.

  3. Selecteer Application for Home Mortgage adaptief formulier en klik op Enable Analytics op de werkbalk.

  4. Selecteer het formulier nogmaals en klik op Analytics Report in de werkbalk om het rapport te genereren. In eerste instantie wordt een leeg rapport weergegeven.

Analytische rapporten genereren met zaadgegevens:

  1. In adresbrowser van CRXDE lijst, typ het volgende: /apps/we-finance/demo-artifacts/analyticsTestData/HomeMortgageAnalyticsTestData
  2. De testgegevens worden geselecteerd in de structuur van de linkerzijmap.
  3. Dubbelklik op het geselecteerde bestand om de inhoud ervan in het rechterdeelvenster te openen.
  4. Kopieer alle inhoud in het bestand met zaadgegevens.
  5. Navigeer in CRXDE naar: /content/dam/formsanddocuments/we-finance/hm-app/jcr:content/analyticsdatanode/lastsevendays
  6. Plak in het veld Analytics Data onder Properties de gekopieerde inhoud van het bestand met zaadgegevens.
  7. Genereer nu het analyserapport opnieuw voor Home Mortgauge Application Form. U zult het rapport met zaadgegevens zien.

A/B-tests van de hypotheekaanvraag

Naast het analyseren van de prestaties van de hypotheektoepassing en het voortdurend verbeteren ervan, gebruiken We.Finance de integratie van AEM Forms met Target om A/B tests te creëren. Hierdoor kunnen ze verschillende ervaringen met het aanvraagformulier opdoen en de ervaring identificeren die leidt tot een betere conversiegraad wat betreft het invullen en verzenden van het formulier.

Zie Doel instellen en integreren in AEM Forms om Doel te configureren in de AEM Forms-server.

Voer de volgende stappen in de auteurinstantie uit om de verwezenlijking van A/B test voor Wij.Finance te ervaren de toepassingsvorm van de hypotheektoepassing:

  1. Ga naar Forms & Documents op https://<hostnaam:<AuthorPort>/aem/forms.html/content/dam/formsanddocuments.

  2. Klik om de map We.Finance te openen.

  3. Selecteer Aanvraag voor thuisprofiel adaptief formulier.

  4. Klik Meer in toolbar en selecteer A/B het Testen vormen. De Configure A/B testende pagina opent.

  5. Geef een Naam activiteit op.

  6. Selecteer in de vervolgkeuzelijst Publiek een publiek voor wie u verschillende ervaringen met het formulier wilt gebruiken. Bijvoorbeeld Bezoekers die Chrome gebruiken.

  7. Geef in de velden Experience Distribution voor ervaringen A en B de spreiding in procenten op om de verdeling van ervaringen onder het totale publiek te bepalen. Als u bijvoorbeeld 40, 60 opgeeft voor respectievelijk de ervaringen A en B, zal de ervaring A worden benut voor 40% van het publiek en zal de resterende 60% de ervaring B zien.

  8. Klik Configure. Er verschijnt een dialoogvenster waarin de aanmaak van de A/B-test wordt bevestigd.

  9. Klik Done.

  10. Selecteer de Toepassing voor thuisprofiel adaptief formulier en klik op Bewerken. Het biedt de mogelijkheid om een van de ervaringen te openen. Klik Beleef B. Het formulier wordt geopend in de bewerkingsmodus.

  11. Wijzig het formulier naar wens om een andere ervaring op te doen dan met de standaardeigenschap A.

  12. Ga naar de gebruikersinterface van Forms en Documenten, selecteer het formulier, klik op Meer en selecteer A/B Testing starten.

  13. Open het formulier nu diverse keren in de chroombrowser met behulp van de volgende URL:

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

    OPMERKING

    Verwijder het cookie met de naam mbox uit de browsercookie voordat u het formulier de volgende keer opent. U ziet willekeurig A en B van het formulier.

  14. Selecteer het formulier, klik op Meer en klik op A/B-testrapport. U vindt niet veel gegevens in het rapport omdat u net met het testen bent begonnen. Laten we nu enkele zaadgegevens leveren om te zien hoe een A/B-testrapport eruit ziet.

  15. Open CRXDE Lite en maak een back-up van het volgende bestand: /libs/fd/fmaddon/gui/components/admin/targetreport/clientlibs/targetreport/js/targetreport.js

  16. Vervang de definitie van de functie onReportLoadSuccess in het bovenstaande bestand door de functiedefinitie in het volgende bestand: /apps/we-finance/demo-artifacts/targetreport.js

    OPMERKING

    Deze wijzigingen gelden alleen voor demo-doeleinden. Zorg ervoor dat u de bestandsinhoud herstelt nadat u deze procedure hebt voltooid.

  17. Vernieuw het rapport dat u hebt gegenereerd en u ziet iets als het volgende. Controleer het rapportdashboard.

ab-test-rapport-4

Om de test A/B te beëindigen, klik Eind A/B test knoop op het rapporteringsdashboard. Op dit moment wordt u gevraagd een ervaring te declareren. Kies een winnaar en bevestig om de A/B-test te beëindigen.

Als u ervoor kiest om A als winnaar te ervaren, wordt de A/B-test beëindigd en in de toekomst alleen Experience A aan alle doelgroepen, inclusief die op Chrome, beschikbaar gesteld.

De toepassingsanalyse van de Kortere hypotheek van het Huis met de Dynamica van Microsoft

Het scenario van de Dynamiek van de Binnenlandse Zaken van Wij.Financiën met het scenario van de Dynamiek van Microsoft impliceert de volgende personen:

  • Sarah Rose, een klant van We.Finance
  • De beheerder van de instantie van de Dynamica van Microsoft We.Finance

De de toepassingsanalyse van de Kortere hypotheek van het Huis met de Dynamica van Microsoft toont aan hoe een klant Web de plaats kan gebruiken om voor een huishypotheek toe te passen wanneer de verwijzingsplaats de Dynamica van Microsoft voor gegevensintegratie gebruikt. De analyse beëindigt met de gegevens die door de gebruiker worden ingevuld die door de Dynamica van Microsoft worden ontvangen. Alvorens u met dit scenario te werk gaat, moet u de Configuratie van de Dynamiek 365 van Microsoft voor het huishypotheekwerkschema van de Web.Finance verwijzingsplaats voltooien.

Sarah bezoekt We.Finance website en vraagt om hypotheek op een woning

Sarah Rose is van plan een huis te kopen en op zoek naar een hypotheekplan voor thuis. Zij is een klant van Wij.Financiën en bezoekt daarom het portaal van Wij.Financiën om huizenhypotheekaanbiedingen te onderzoeken. Ze gaat naar de afdeling Leningen en vindt een hypotheekcalculator op het portaal. Ze vult de details in en klikt op Berekenen van mijn hypotheek, die een hypotheekplan retourneert.

leningen1 leningen2
Afbeelding: hypotheekcalculator

leningen3
Figuur:Resultaat hypotheekcalculator

Hoe werkt

De hypotheekcalculator voor woningen op de pagina Leningen is een ingesloten adaptief formulier op de pagina AEM Sites. U kunt de pagina Leningen in uitgeeft wijze bij https://[authorHost]:[authorPort]/editor.html/content/we-finance/global/en/loan-landing-page.html herzien.

De ingebedde hypotheekcalculator, die een adaptieve vorm is, gebruikt regels om het EMI - bedrag te berekenen op basis van de leningsdetails die worden verstrekt in de rekenmachinevelden. U kunt het aangepaste formulier bekijken op https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/ms-dynamics/home-mortgage-calculator.html.

Zie het zelf

Ga naar We.Finance portal op https://<publishHost>:<publishPort>/content/we-finance/global/en.html en klik Loans. Geef details in de hypotheekcalculator en bekijk de resultaten.

Sarah vindt het aanbod interessant en kiest ervoor toe te passen

Sarah wil een aanvraag indienen voor hypothecaire woninghypotheken en klikt op de resultaten van de hypotheekcalculator voor thuiswoningen. Apply Now Het opent de aanvraag voor woninghypotheken.

Als Sarah de hypotheektoepassing thuis opent vanaf haar mobiele apparaat, wordt het aanvraagformulier geopend in een weergave die is geoptimaliseerd voor weergave op een mobiel apparaat. In deze weergave rendert het toepassingsformulier één sectie per keer. Sarah kan hiermee progressief informatie weergeven en leveren terwijl ze door het aanvraagformulier navigeert.

De volgende afbeeldingen tonen de workflow terwijl Sarah door de hypotheektoepassing op haar mobiele apparaat navigeert.

De hypotheektoepassing vullen op mobiele apparaten

Als Sarah Nu toepassen vanaf haar bureaublad klikt, wordt het hypotheekaanvraagformulier als volgt geopend. De informatie die Sarah in de hypotheekcalculator wordt verstrekt is vooraf ingevuld in het aanvraagformulier. Sarah vult de resterende details in en klikt Doorgaan.

hypotheektoepassing

Op basis van de informatie die Sarah in de hypotheekcalculator heeft ingevuld, heeft ze een paar hypotheekplannen. Ze kiest het plan dat aan haar vereisten voldoet en de toepassing blijft vullen. Ze ondertekent en dient de aanvraag in.

De ingediende aanvraag gaat naar We.Finance voor goedkeuring.

Een ontwerptoepassing opslaan

Hoe werkt

Met de knop Nu toepassen stuurt u Sarah naar de hypotheektoepassing thuis. De toepassing is een adaptief formulier dat u kunt bekijken in de ontwerpinstanties op https://[host]:[Port]/editor.html/content/forms/af/we-finance/ms-dynamics/application-for-home-mortgage.html.

Enkele belangrijke functies die u in het aangepaste formulier kunt bekijken, zijn:

  • Het is gebaseerd op een XSD-schema, homeMortgageApplication.xsd.

  • Het wordt gebouwd gebruikend Thema B van de Financiën van Wij voor het stileren en wij.Finance malplaatje voor lay-out. Bovendien wordt voor mobiele navigatie de indeling Indeling zonder deelvenstertitels in de indeling van de koptekst van het formulier gebruikt. Er wordt een progressieve mobiele lay-out weergegeven wanneer deze wordt geopend vanaf een mobiel apparaat. U kunt de sjabloon en het thema die in het adaptieve formulier worden gebruikt, op de volgende locaties bekijken op de AEM auteur:

    • 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
  • Het eerste tabblad, Aan de slag, in de toepassing is een dynamische hypotheekcalculator die opties weergeeft op basis van de keuze van de gebruiker. De velden en waarden verschillen bijvoorbeeld voor de opties Aanschaffen en Verfijnen. Deze functionaliteit wordt bereikt gebruikend show-huidenregels. Wanneer u op Doorgaan klikt en het tabblad Abonnementen is geïnitialiseerd, wordt bovendien een webservice aangeroepen die is geconfigureerd in een formuliergegevensmodel om hypotheekplannen op te halen en weer te geven. U kunt de Modellen van de Gegevens van de Vorm en de gevormde diensten bij https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm herzien.

  • Er worden verschillende adaptieve formuliercomponenten gebruikt om invoer vast te leggen en zich aan te passen aan de reacties van de gebruiker. Er worden ook componenten gebruikt, zoals E-mail, die HTML5-invoertypen ondersteunen.

  • De component Signature Step gebruikt om het ingevulde formulier weer te geven en maakt elektronische ondertekening op het formulier mogelijk.

U wordt aangeraden het formulier te bekijken om inzicht te krijgen in het schema, de componenten, de regels, de modellen met formuliergegevens, de werkstroom van formulieren en de verzendactie die wordt gebruikt om het formulier samen te stellen.

De beheerder bekijkt de voorgelegde gegevens in de instantie van de Dynamiek van Microsoft

Wij.Finance ontvangt de hypotheekaanvraag die Sarah op de instantie van de Dynamiek van Microsoft indient. De beheerder tikt ingang in de loodkolom om naar het loodverslag te gaan dat voor Sarah Rose wordt gecreeerd.

msdynamicsrecord

Doorhaling van toepassing op thuisverzekering

Het scenario van de Huisverzekering van Web.Finance impliceert de volgende personen:

  • Sarah Rose, een klant van We.Finance
  • Gloria Rios, hoofd van creditcard en hypotheek, We.Finance
  • Frank De Costa, Verzekeringsagent, We.Finance

De volgende infografische afbeelding toont de stapsgewijze workflow van een toepassing voor thuisverzekeringen.

workflow_Insurance

Laten we nu in detail de stappen in het referentiescenario bekijken om te zien hoe de AEM Forms We.Finance helpt hun doelstellingen te bereiken.

Sarah ontvangt een nieuwsbrief van We.Finance en vraagt om een thuisverzekering

Sarah Rose is een hypotheekklant van We.Finance en zoekt een goede deal op het gebied van huisverzekering. Ze bezoekt het We.Finance-portaal en onderzoekt plannen voor thuisverzekeringen. We.Finance identificeerde haar als een bestaande klant en stuurt haar een gerichte nieuwsbrief op haar e-mail. De nieuwsbrief bevat voorstellen voor de verzekering van woningen.

verzekeringsnieuwsbrief

Hoe werkt

De nieuwsbrief die naar Sarah wordt verzonden is een aangepaste implementatie die een e-mail naar de opgegeven e-mailid activeert. De knop Nu toepassen in de nieuwsbrief is gekoppeld aan de toepassing voor thuisverzekering. Dit is een adaptief formulier op een publicatie-exemplaar.

Zie het zelf

Open de volgende URL om een nieuwsbrief-e-mail te activeren. Zorg ervoor dat u [emailID] vervangt door een geldig e-mailaccount om de nieuwsbrief te ontvangen. Open de nieuwsbrief en klik Apply Now om naar de toepassing van de huisverzekering te gaan.

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

Sarah vindt de aanbieding van de huisverzekering interessant en kiest ervoor toe te passen

Sarah houdt van het plan van de huisverzekering in de nieuwsbrief en besluit om het aan te vragen. Ze klikt op Nu toepassen op de nieuwsbrief, die de toepassing voor thuisverzekering opent op We.Finance. Het toepassingsformulier wordt ingedeeld in secties met een kaartindeling.

Op de pagina Persoonlijke Informatie, aangezien Sarah haar Aantal van de Sociale Veiligheid verstrekt, krijgt zij een herinnering om met haar geloofsbrieven aan te melden.

verzekering-ssn

Sarah is een bestaande klant van Wij.Financiën. Ze meldt zich aan bij haar accountgegevens van We.Finance en haar persoonlijke gegevens worden automatisch ingevuld in het formulier. Ze blijft de aanvraag invullen en indienen.

Als Sarah de aanvraag op een mobiel apparaat indiende, zou ze de volgende schermen doorlopen.

verzekering-vorm-op-mobiel

Hoe werkt

Met de knop Nu toepassen op de nieuwsbrief stuurt u Sarah naar de toepassing voor thuisverzekering op Web.Finance. De toepassing is een adaptief formulier dat u kunt bekijken in het ontwerpexemplaar op https://[host]:[Port]/editor.html/content/forms/af/we-finance/insurance/application-for-insurance.html.

Enkele belangrijke functies die u in het aangepaste formulier kunt bekijken, zijn:

  • Het is gebaseerd op een XSD-schema, insurance.xsd.

  • Het is gemaakt met het thema Verzekering voor opmaak en gebruikt Indeling zonder titels in de indeling van de koptekst van het formulier voor mobiele navigatie. Er wordt een progressieve mobiele lay-out weergegeven wanneer deze wordt geopend vanaf een mobiel apparaat. U kunt de sjabloon bekijken op https://[host]:[Port]/libs/wcm/core/content/sites/templates.html/conf/we-finance en het thema op https://[host]:[Port]/editor.html/content/dam/formsanddocuments-themes/we-finance/insurance/jcr:content.

  • Het bevat adaptieve formulierregels om services van het formuliergegevensmodel aan te roepen om gebruikersgegevens van aangemelde gebruikers vooraf in te vullen. Er wordt ook een beroep gedaan op services om vooraf informatie te verstrekken aan de hand van het socialezekerheidsnummer of het e-mailadres dat in het formulier is opgegeven. U kunt de modellen van de Gegevens van de Vorm en hun diensten bij https://[host]:[Port]/aem/forms.html/content/dam/formsanddocuments-fdm herzien.

  • Er worden verschillende adaptieve formuliercomponenten gebruikt om invoer vast te leggen en zich aan te passen aan de reacties van de gebruiker. Er worden ook componenten gebruikt, zoals E-mail, die HTML5-invoertypen ondersteunen.

  • Met de knop Mijn voortgang opslaan wordt een unieke id voor de gebruiker gegenereerd en wordt de gedeeltelijk ingevulde toepassing als concept opgeslagen in een knooppunt in AEM opslagplaats. Ook wordt er een dialoogvenster weergegeven waarin u toestemming wordt gevraagd om een e-mail te verzenden met een koppeling naar het knooppunt dat de concepttoepassing bevat. Met de knop E-mail verzenden in het bevestigingsvenster wordt een e-mail geactiveerd met een koppeling naar het knooppunt dat het concept bevat.

  • Het gebruikt de Invoke AEM Workflow verzendactie om de goedkeuringswerkstroom voor thuisverzekeringen te activeren. U kunt de workflow die in dit formulier wordt gebruikt, bekijken op https://[host]:[Port]/editor.html/conf/global/settings/workflow/models/we-finance-insurance-workflow.html

U wordt aangeraden het formulier te bekijken om inzicht te krijgen in het schema, de componenten, de regels, de modellen met formuliergegevens, de werkstroom van formulieren en de verzendactie die wordt gebruikt om het formulier samen te stellen.

Zie ook de volgende documentatie voor meer informatie over functies die worden gebruikt in het adaptieve formulier voor de toepassing van de huisverzekering:

Zie het zelf

Klik Nu toepassen knoop op nieuwsbrief u op uw e-mail zou ontvangen hebben. U kunt ook naar https://[publishHost]:[publishPort]/content/we-finance/global/en/all-forms.html gaan en op Apply op de verzekeringstoepassing klikken. Geef 123456789 op in het veld Sociale-verzekeringsnummer. Meld u bij de aanwijzing aan met srose/srose als gebruikersnaam/wachtwoord.

Vul details in, verken verschillende adaptieve formuliercomponenten en verzend de toepassing. U kunt het aangepaste formulier bekijken op https://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/insurance/application-for-insurance.html.

Wij.Finance keurt de aanvraag goed en een contract is ondertekend

We.Finance ontvangt de aanvraag van Sarah voor de thuisverzekering. Gloria Rios wordt belast met een taak. Ze beoordeelt de aanvraag in haar AEM Inbox en keurt deze goed.

verzekering-inbox-grios

Terwijl Gloria Sarah's aanvraag voor een thuisverzekering goedkeurt, wordt een taak gecreëerd in Frank De Costa's AEM Inbox. Frank evalueert de taak. Hij bereidt een contract voor een verzekering voor thuisverzekering voor Sarah voor, voegt het contract bij haar aanvraag en stuurt het naar Sarah voor ondertekening van het contract. Het contract, dat hieronder in de Agent UI wordt getoond, is de versie van de Druk van de interactieve mededeling.

verzekeringscontactpersoon

Sarah ontvangt een e-mail met een link naar de overeenkomst van de huisverzekering voor ondertekening. Sarah herziet en ondertekent het contract.

verzekering-contract-e-mail

Hoe werkt

Wanneer Sarah de aanvraag van de huisverzekering indient, brengt een Forms Workflow teweeg en een taak wordt gecreeerd in Gloria AEM inbox. Aangezien Gloria de aanvraag beoordeelt en goedkeurt, wordt de taak toegewezen aan Frank De Costa. De stroom van taken van de ene persoon naar de andere wordt gedefinieerd in de AEM workflow die is gekoppeld aan de verzekeringstoepassing. Voor meer informatie over werkschema's, zie Forms-centric werkschema op OSGi.

In de volgende afbeelding ziet u de AEM die aan de verzekeringstoepassing is gekoppeld.

we-finance-Insurance-workflow-model

Frank gebruikt correspondentiebeheer om een overeenkomst van de huisverzekering voor te bereiden. Hij downloadt het contract-PDF en voegt deze toe aan de toepassing van Sarah en klikt op Contract verzenden. De workflow leidt voor ondertekening tot een post naar Sarah met een overeenkomst voor de verzekering van thuis.

Zie het zelf

Ga als volgt te werk:

  1. Ga naar AEM Postvak IN, https://[publishHost]:[publishPort]/content/we-finance/global/en/login.html?resource=/aem/inbox.html en meld u aan met grios/grios als wachtwoord voor gebruikersnaam voor Gloria's persona. Goedkeuren van de taak voor Sarah's aanvraag voor thuisverzekering.

  2. Meld u vervolgens aan bij AEM Postvak IN met fdcosta/password als wachtwoord voor gebruikersnaam voor Frank's persona. Bekijk de taak.

  3. Ga nu naar https://[authorHost]:[authorPort]/aem/forms.html/content/dam/formsanddocuments/we-finance/insurance en bekijk een voorvertoning van de lettertypesjabloon voor HomeInsuranceWelcomeKit.

  4. Geef informatie op in het deelvenster Gegevens. Klik op Preview en download de PDF naar het lokale bestandssysteem. Zorg ervoor dat het PDF-bestand wordt opgeslagen met de bestandsnaam contract.pdf.

  5. Ga naar Frank's AEM Inbox, open de taak, maak het gedownloade contract PDF vast, en klik Send Contract.

  6. Open de e-mail met contract en onderteken het document.

Sarah ontvangt een welkomstkit

Aangezien Sarah de overeenkomst van de huisverzekering ondertekent, ontvangt zij een e-mail met beleidsdetails.

verzekeringsbeleid-details

Kort krijgt ze nog een e-mail van We.Finance met een welkomstpakket voor haar verzekeringspolis. Uit de welkomstkit kan Sarah haar beleidsdocumenten openen en verklaringen bekijken.

verzekerings-welkomstkit

Zie het zelf

Als u uw e-mailadres hebt opgegeven in de toepassing, hebt u een e-mail ontvangen met een koppeling naar de welkomstkit. Klik My Welcome Kit om de welkomstkit te openen.

Insurance-welcome-kit-email

Bewustmakingsprospectus loopt door

In het scenario 'We.Finance Wealth Management' is de volgende persoon opgenomen:

  • Sarah Rose, een klant van We.Finance

De analyse van het Vermogensbeheer toont aan hoe een klant van Wij.Financiën de plaats kan gebruiken om over een wederzijds fonds, het Blauwe Groeifonds van de Chip te leren. De referentiesite gebruikt een interactieve communicatie om informatie over het fonds weer te geven. De informatie is beschikbaar in zowel de indeling Web als in de indeling PDF. De analyse beëindigt met klant het e-mailen van de PDF versie van de informatie aan haar broer.

In de volgende afbeelding ziet u de workflow voor het beheer van rijkdom:

vermogensbeheer-prospectus-walkthrough

Sarah bezoekt We.Finance en opent het Blue Chip Growth Fund prospectus

Sarah Rose is van plan te investeren in een onderling fonds. Zij is een bestaande klant van Wij.Financiën en bezoekt daarom het portaal van Wij.Financiën om beschikbare wederzijdse fondsen te onderzoeken. Ze gaat naar de sectie 'Wealth Management' en opent de pagina 'We.Finance Blue Chip Growth Fund'. De pagina bevat koppelingen naar prospectussen die details bevatten over de huidige en historische prijzen, de maandelijkse prestaties, de sectorale diversificatie, de uitgaven, vergoedingen, belastingen en meer informatie over de fondsen.

slide1

Hoe werkt

Het prospectus van het Blue Chip Growth Fund is een interactieve communicatie. Er worden teksten, afbeeldingen, grafieken en tabelcomponenten (documentfragmenten) gebruikt om de productsamenvatting, voorraadstijl, fondsprestaties, fondsdetails en andere gerelateerde informatie weer te geven. U kunt de interactieve communicatie in de bewerkingsmodus bekijken op https://[auteurHost]:[ auteurPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html

Met grafieken en tabellen worden gegevens opgehaald uit een formuliergegevensmodel. Het model van vormgegevens verbindt met gevormde gegevensbronnen, een gegevensbestand in deze analyse, om informatie terug te winnen specifiek voor het fonds. U kunt het formuliergegevensmodel bekijken op https://[auteurHost]:[auteurPort]/aem/fdm/editor.html/content/dam/formsanddocuments-fdm/we-finance/wealth-management

Zie het zelf

Ga naar de webportal Web.Finance op https://[publishHost]:[publishPort]/wefinance, tik op Wealth Management, breid Fondsen uit op Asset Class en tik op We.Finance Blue Chip Growth Fund. Het prospectus 'We.Finance Blue Chip Growth Fund' wordt geopend.

Sarah verkent het prospectus van het Blue Chip Growth Fund om te leren over het fonds

Sarah verkent de tabbladen Overzicht, Prijs en Prestaties, Beheer van Portfolio, Tarieven & Minimum, en Belastingen en Betaling van het prospectus om actuele en historische prijzen, historische groei, vergelijking met S&P 500-index, sectorgewijze diversificatie, beheerders van het fonds en uitgaven in verband met het fonds te leren. De gerelateerde informatie wordt opgedeeld in verschillende tabbladen. Het prospectus is een interactieve communicatie. De interactieve communicatie heeft een responsief ontwerp. Ze kan de interactieve communicatie openen op een apparaat van om het even welke schermgrootte en de interactieve mededeling verstuurt het ontwerp opnieuw om op het onderliggende apparaat aan te passen.

slide1-1

Hoe werkt

De interactieve communicatie van het Blue Chip Growth Fund maakt gebruik van ouder- en onderliggende panelen om gerelateerde informatie in verschillende secties te scheiden. In het bovenliggende deelvenster worden alle onderliggende deelvensters in tabbladen ingedeeld.

De indeling van de bovenliggende tab wordt ingesteld op Tabs bovenaan om alle onderliggende deelvensters om te zetten in tabbladen. U kunt de deelvensters van de interactieve communicatie bekijken in de bewerkingsmodus op https://[auteurHost]:[ auteurPort]/editor.html/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html.

Zie het zelf

Ga naar de interactieve communicatie van het Blue Chip Growth Fund op https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html?wcmmode=disabled. Verken alle tabbladen.

Sarah bekijkt en emailt de PDF-versie van de pagina Blue Chip Growth Fund

Sarah gaat het weekend naar het platteland. Ze is van plan om het Blue Chip Growth Fund met haar oudere broer te bespreken. Haar oudere broer werkt met een bank en helpt haar bij beslissingen over financiën. Sarah downloadt een kopie van de PDF-versie van de pagina Blue Chip Growth Fund op haar laptop voor offline lezen. Ze verzendt ook een kopie van de PDF-versie naar haar broer.

blue-chip-pdf

Hoe werkt

Het prospectus van het Blue Chip Growth Fund is een interactieve communicatie. Het heeft een web- en PDF-kanaal. De interactieve communicatie wordt geïntegreerd met AEM Workflows om de PDF-versie via een e-mail te verzenden. U kunt het workflowmodel bekijken op https://[auteurHost]:[ auteurPort]/editor.html/conf/global/settings/workflow/models/wealthmanagement.html.

vermogensbeheer

Zie het zelf

Als u de PDF-versie wilt downloaden, gaat u naar de interactieve communicatie https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html, tikt u op Download PDF.

Als u PDF per e-mail wilt verzenden, gaat u naar de interactieve communicatie van het Blue Chip Growth Fund https://[publishHost]:[ publishPort]/content/forms/af/we-finance/wealth-management/wealth-management/channels/web.html, tikt u op E-MAIL PDF. Geef Volledige naam en E-mailadres op. Klik E-mail verzenden.

Doorlopen van toepassing voor automatische verzekering

Het scenario van de de autoverzekeringstoepassing van Web.Finance impliceert de volgende persoon:

  • Sarah Rose, een klant van We.Finance
  • Conrad Simms, Insurance Agent, We.Finance

Sarah Rose is een bestaande We.Finance-klant en heeft een autoverzekeringspolis gekocht. Het is nu de tijd van het jaar voor de verlenging van haar verzekeringspolis. Conrad Simms, Insurance Agent, We.Finance stuurt een herinnering aan Sarah over haar beleidsvernieuwing. Het e-mailbericht voor de herinnering bevat een PDF met gegevens over beleidsvernieuwing en een koppeling naar de webversie van de interactieve communicatie. De interactieve communicatie heeft een gebruiksvriendelijk en responsief ontwerp voor mobiele apparaten. Ze kan de interactieve communicatie op elk apparaat openen en de interactieve communicatie wordt opnieuw geplaatst op de schermgrootte van het onderliggende apparaat. De PDF-versie van de interactieve communicatie, gekoppeld aan e-mail, is handig voor offline lezen.

Sarah volgt de instructies in de e-mail en vernieuwt het proces met succes. In de volgende afbeelding ziet u de workflow van de toepassing voor automatische verzekering: auto-Insurance-application-walkthrough

Conrad verzendt een mededeling van de Verlenging van verzekeringsbeleid van Wij.Financiën

Conrad opent AEM instantie, opent het Autodashboard van de Verzekering Klantidentiteitskaart van Sarah, en klikt Verleng Beleid. De Agent UI wordt geopend met beleidsdetails van Sarah Rose die reeds is ingevuld. Bevestig opgegeven e-mailadres van Sarah en klik op Verzenden. Sarah ontvangt een e-mail met het onderwerp Uw Automatische Verzekering Verlenging.

cc-dashboard

Hoe werkt

Communicatie over verlenging van verzekeringsbeleid is een interactieve communicatie. Conrad Simms gebruikt Agent UI om de mededeling van de vernieuwing van het verzekeringsbeleid naar Sarah te verzenden. De communicatie omvat Druk (PDF) en verbinding aan het kanaal van het Web van de interactieve mededeling. De interactieve communicatie gebruikt AEM Workflow om de e-mail te verzenden. U kunt de workflow zien op https://[auteurHost]:[ auteurPort]/editor.html/conf/global/settings/workflow/models/we-finance-auto-insurance-renewal.html

automatische verzekering-workflow

Zie het zelf

Meld u aan bij We.Finance Auto Insurance Dashboard als Conrad Simms (csimms/password). De URL is https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html. Geef de Klantnaam op. De klant-id van Sarah Rose is 900001. Klik Beleid vernieuwen. De interactieve mededeling opent omhoog in de Agent UI. Voer in de gebruikersinterface van de agent een geldig e-mailadres in om de e-mail te verzenden met het beleidsdocument als bijlage en klik op Verzenden. Er wordt een bericht, Verzending geïnitieerd, weergegeven op het scherm en in een paar seconden wordt een ander bericht, Verzenden geslaagd, weergegeven. Een e-mail met het onderwerp Uw automatische Verzekering Verlengt en wordt verzonden bij het gespecificeerde e-mailadres. Het beleid dat Sarah Rose wordt geboden is een premiumbeleid.

De autoverzekeringsanalyse bevat ook een andere klant, Alison Jones. De klant-id van Alison Jones is 900002. Wanneer u de interactieve mededeling naar Alison Jones verzendt, wordt een standaardbeleid verzonden. Het verschil tussen standaard- en premiebeleid is:

  • Het premiumbeleid heeft een bannerafbeelding en het standaardbeleid heeft alleen tekst onder het adresblok.
  • Het standaardbeleid kost minder dan het premiebeleid.
  • Het premiumbeleid heeft een beloning tegen diefstal en het standaardbeleid heeft een beloning op een intelligente manier

Beide beleidsvormen gebruiken dezelfde interactieve communicatie. De secties in het beleid worden veranderd of verborgen gebaseerd op de beleid-type voorwaarde. U kunt de interactieve communicatie voor automatische verlenging van verzekering rechtstreeks openen en bekijken vanaf https://[authorHost]: [authorPort]/aem/formdetails.html/content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal

De Dynamica van Microsoft als gegevensbron gebruiken

De verwijzingsplaats verstrekt ook een interactieve mededeling die de Dynamica van Microsoft als gegevensbron voor het model van vormgegevens gebruikt. Voer de volgende stappen uit om de interactieve mededeling voor de autoverzekeringsanalyse te vormen:

  1. Meld u aan bij https://[auteur]:[port]/crx/de als beheerder.
  2. Open het /apps/we-finance/components/ccrui/ccrui.jspbestand.
  3. Stel de waarde van FormFieldRequestParameterin op /content/dam/formsanddocuments/we-finance/autoinsurance/auto-insurance-renewal-dynamics
  4. Tik Alles opslaan. De verwijzingsplaats wordt gevormd om interactieve mededeling te gebruiken die de Dynamica van MS als gegevensbron gebruikt.

Meld u nu aan bij We.Finance Auto Insurance Dashboard als Conrad Simms (csimms/password). De URL is https://[publishhost]:[publishport]/content/we-finance/global/en/login.html?resource=/content/we-finance/ccdashboard.html. Geef de Klantnaam op. De klant-id van Sarah Rose is 900001. Klik Beleid vernieuwen. De interactieve mededeling opent omhoog in de Agent UI. Voer in de gebruikersinterface van de agent een geldig e-mailadres in om de e-mail te verzenden met het beleidsdocument als bijlage en klik op Verzenden. Er wordt een bericht, Verzending geïnitieerd, weergegeven op het scherm en in een paar seconden wordt een ander bericht, Verzenden geslaagd, weergegeven. Een e-mail met het onderwerp Uw Automatische Verzekering Verlenging wordt verzonden bij het gespecificeerde e-mailadres.

OPMERKING

Wanneer u de interactieve mededeling gebruikt die de Dynamica van Microsoft als gegevensbron gebruikt, richten de verbindingen in de e-mail die naar Sarah wordt verzonden naar interactieve mededeling die de Dynamica van Microsoft niet gebruikt. Wijzig handmatig de koppelingen in e-mailsjablonen om het probleem op te lossen.

agent_ui_email-1

Sarah ontvangt een mededeling van We.Finance over de verlenging van verzekeringspolissen en besluit te verlengen

Sarah ontvangt een e-mail met een bijlage van We.Finance die haar eraan herinnert dat haar autoverzekeringspolis op het punt staat te verlopen. De bijlage is de afdrukversie van haar details voor de verlenging van haar autoverzekeringspolis.

Sarah klikt Nu vernieuwen en wordt verwezen naar de webversie van haar brief voor automatische verzekering. Naast deze brief vindt Sarah nog een aantal dagen dat haar beleid vervalt. De pagina biedt Sarah een overzicht van haar verzekeringsbeleidsdetails zoals het Aantal van het Beleid, het Gelverschuldigd Bedrag, en andere informatie zoals kortingsaanbiedingen en loyaliteitsbeloningen. Sarah klikt nogmaals Nu vernieuwen onder aan het beleid.

automatisch verzekering-verlenging-e-mail

Hoe werkt

Het web en de drukoutput van uw brief van de autoverzekering worden gecreeerd gebruikend de multi-kanaalmogelijkheden van Interactieve Mededelingen. De knop Nu vernieuwen in de e-mail is gekoppeld aan de toepassing voor het verlengen van de automatische verzekering. Dit is een interactieve communicatie over een publicatie-instantie.

ic-web-versie

Zie het zelf

U moet een e-mail met een bijgevoegde PDF hebben ontvangen. Het PDF-bestand is een afdrukversie van uw brief voor automatische verzekering. Klik Nu vernieuwen om de webversie van het beleid te bereiken. Controleer uw persoonlijke gegevens en beleidsdetails en klik Nu vernieuwen. Er wordt een adaptief formulier voor betaling weergegeven.

Met de knop Nu vernieuwen in de e-mail wordt Sarah naar de webversie van het beleid geleid. U kunt de volgende URL bezoeken:

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

U kunt de gedetailleerde samenvatting van uw autoverzekering vernieuwing controleren en nu vernieuwen bij de bodem van de pagina klikken.

Sarah opent de betalingspagina en verricht de betaling en voltooit het proces

Wanneer Sarah Nu vernieuwen klikt op de webversie van de interactieve communicatie, wordt de pagina Betalingen geopend. Sarah controleert haar Aantal van het Beleid en Datum van Vervalsing met haar verslagen opnieuw. Aan de rechterkant van de pagina controleert ze het betalingsoverzicht van haar verlenging met een premiekorting van 10% op het totale bedrag. Sarah vult haar creditcardgegevens in en klikt op Betaling maken.

betalingsadaptief

Hoe werkt

Met de knop Nu vernieuwen wordt Sarah naar de betalingspagina geleid. De betalingspagina is een adaptief formulier. Sarah vult de creditcardgegevens en klikt op Verzenden. Haar creditcardbetaling wordt verwerkt en er verschijnt een bedankbericht in het adaptieve formulier op het scherm.

Zie het zelf

Klik Nu vernieuwen om naar de betalingspagina te gaan. Vul de creditcardgegevens in en klik op Betalen. U kunt de betalingspagina bereiken in de ontwerpinstantie op:

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

Het dankwoord verschijnt nadat de knoop van de Betaling wordt geklikt.

Op deze pagina