Form-Select-Feld
Form-Select-Feld
Das formSelect-Feld speichert eine Referenz auf ein verwaltetes FaceFlow-Formular.
Am besten geeignet für
- Lead-Capture-Bereiche
- Kontaktbereiche
- Angebotsanforderungs-Bereiche
- Einbettungen für Anfrage von Beratungen
Schema-Beispiel
{ "name": "contactForm", "label": "Form", "type": "formSelect" }Verwendung in Vorlagen
<div data-form-embed="{contactForm}"></div>Typischer Abschnitts-Wrapper:
<section class="contact-section">
{{#if contactForm}}
<div data-form-embed="{contactForm}"></div>
{{/if}}
</section>Verwenden Sie es, wenn
Verwenden Sie formSelect, wenn eine Komponente ein wiederverwendbares Formular einbetten soll, das zur Autoring-Zeit ausgewählt wird.
Verwenden Sie es nicht, wenn
Verwenden Sie formSelect nicht, wenn:
- der Abschnitt nur einen CTA-Link benötigt
- der Workflow tatsächlich kein verwaltetes Formular ist
- stattdessen rohes Formular-Markup hartcodiert wird
Laufzeitverhalten
At render time, the selected value acts as the managed form identifier used by the embed marker.
Typical flow:
author selects form
-> component stores form reference
-> template renders data-form-embed marker with the selected field value
-> runtime resolves and renders the managed formDadurch bleibt das Formularmodell vom umgebenden Abschnittsdesign getrennt.
Technische Hinweise
- Halten Sie den umgebenden Abschnitt wiederverwendbar und lassen Sie das Formular das Absendeverhalten kontrollieren
- Duplizieren Sie nicht dasselbe Formularschema in mehreren Komponenten
- Bevorzugen Sie einen klaren Formularzweck pro Komponenteninstanz
- Kombinieren Sie das Formular mit erläuterndem Text in der Nähe, anstatt ein Formular ohne geschäftlichen Kontext einzubetten