Dynamic Forms inkluderer et sett med React-widgets som er designet for å fungere sammen, slik at du raskt kan bygge komplekse skjemaer for Optimizely Configured Commerce-nettsteder som kjører en Spire-grensesnitt.

Hvert skjema og dets tilhørende widgets registrerer seg selv i tilstanden under kjøretid, basert på de individuelle widgetkonfigurasjonsverdiene. Dette gjør at du kan konfigurere to forekomster av Dynamic Form Text Field-widgeten på samme skjema, der den ene vet at den er «First Name»-feltet og den andre vet at den er «Last Name»-feltet, basert på de spesifikke konfigurasjonsverdiene som er angitt under utformingen av skjemaet.

Dynamic Forms kan konfigureres ved hjelp av CMS-et eller i kode. Grunnleggende tilpassede skjemaer kan enkelt opprettes med CMS-et ved hjelp av denne integrasjonen. Avanserte skjemaer kan også opprettes som en widget, noe som muliggjør mer komplekse interaksjoner mellom elementene i skjemaet, men dette krever utvikling. Hvis du er komfortabel med å skrive kode, inneholder Dynamic Form-widgetene alt du trenger for at skjemaet ditt skal endre seg basert på valgene brukeren gjør.  

Tilgjengelige widgets inkluderer:

• Dynamic Form
• Dynamic Form Checkbox
• Dynamic Form Checkbox Group
• Dynamic Form File Upload
• Dynamic Form Integer Field
• Dynamic Form Radio Group
• Dynamic Form Select
• Dynamic Form Text Area
• Dynamic Form Text Field

Det finnes et integrert tjenestelag som administrerer widgetenes verdi i applikasjonstilstanden etter hvert som skjemaet fylles ut. Ved innsending utfører tjenestelaget validering mot Dynamic Form-widgetene. Feil vises på skjemaet for å indikere valideringsfeil.

Når skjemaet er sendt inn, sendes skjemaverdiene til en backend-tjeneste som er ansvarlig for å sende varselet, og i mer avanserte scenarioer, poste skjemaverdiene til et tilpasset API-endepunkt. Standardatferden er å sende en e-post til en liste over konfigurerte mottakere med skjemainnholdet når skjemaet sendes inn.

Hvis du er interessert i å lage fantastiske skjemaer som er fullt integrert i Optimizely Configured Commerce-plattformen, vil du elske Dynamic Forms.