Champ Form Select
Champ Form Select
Le champ formSelect stocke une reference vers un Form FaceFlow gere.
Ideal pour
- sections de capture de leads
- sections de contact
- sections de demande de devis
- embeds de demande de consultation
Exemple de schema
{ "name": "contactForm", "label": "Form", "type": "formSelect" }Usage dans le template
<div data-form-embed="{contactForm}"></div>Wrapper typique de section :
<section class="contact-section">
{{#if contactForm}}
<div data-form-embed="{contactForm}"></div>
{{/if}}
</section>Quand l'utiliser
Utilisez formSelect lorsqu'un Component doit embarquer un Form reutilisable choisi au moment de l'edition.
Quand ne pas l'utiliser
N'utilisez pas formSelect lorsque :
- la section a seulement besoin d'un lien CTA
- le workflow n'est pas vraiment un Form gere
- du markup de form brut est code en dur
Comportement runtime
Au moment du rendu, la valeur selectionnee agit comme l'identifiant du form gere utilise par le marqueur d'embed.
Flux typique :
l'auteur selectionne un form
-> le component stocke la reference du form
-> le template rend un marqueur data-form-embed avec la valeur du champ selectionne
-> le runtime resout et rend le form gereCela garde le modele de form separe du design de la section qui l'entoure.
Notes techniques
- gardez la section environnante reutilisable et laissez le Form posseder le comportement de soumission
- ne dupliquez pas le meme schema de form dans plusieurs components
- preferez une finalite de form claire par instance de component
- associez le champ a un copy explicatif proche plutot qu'a un form embarque sans contexte metier