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 gere

Cela 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