Dynamic Forms umfasst eine Reihe von React-Widgets, die zusammenarbeiten, um schnell komplexe Formulare für Optimizely Configured Commerce-Websites mit einem Spire-Front-End zu erstellen.

Jedes Formular und seine enthaltenen Widgets melden sich zur Laufzeit basierend auf den individuellen Widget-Konfigurationswerten im State an. So können Sie zwei Instanzen des Dynamic Form Text Field-Widgets im selben Formular konfigurieren – eines erkennt sich als Feld „Vorname" und das andere als Feld „Nachname", basierend auf den spezifischen Konfigurationswerten, die beim Entwerfen des Formulars angegeben wurden.

Dynamic Forms können über das CMS oder im Code konfiguriert werden. Mit dieser Integration lassen sich einfache benutzerdefinierte Formulare problemlos über das CMS erstellen. Erweiterte Formulare können auch als Widget erstellt werden, was komplexere Interaktionen zwischen den Elementen Ihres Formulars ermöglicht – dies erfordert jedoch Entwicklungsarbeit. Wenn Sie mit dem Schreiben von Code vertraut sind, enthalten die Dynamic Form-Widgets alles, was Sie benötigen, damit sich Ihr Formular basierend auf den Auswahlen des Benutzers anpasst.  

Verfügbare Widgets:

• 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

Es gibt eine integrierte Serviceschicht, die die Widget-Werte im Application State verwaltet, während das Formular ausgefüllt wird. Beim Absenden führt die Serviceschicht eine Validierung der Dynamic Form-Widgets durch. Fehler werden im Formular angezeigt und weisen auf Validierungsprobleme hin.

Nach erfolgreicher Übermittlung werden die Formularwerte an einen Back-End-Service gesendet, der für den Versand der Benachrichtigung verantwortlich ist und in erweiterten Szenarien die Formularwerte an einen benutzerdefinierten API-Endpunkt sendet. Das Standardverhalten besteht darin, beim Absenden des Formulars eine E-Mail mit dem Formularinhalt an eine Liste konfigurierter Empfänger zu senden.

Wenn Sie daran interessiert sind, beeindruckende Formulare zu erstellen, die vollständig in die Optimizely Configured Commerce-Plattform integriert sind, werden Sie Dynamic Forms lieben.