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 form

Dadurch 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

Verwandte