Campo Selezione Form

Il campo formSelect memorizza un riferimento a un modulo gestito di FaceFlow.

Ideale per

• sezioni di acquisizione lead
• sezioni di contatto
• sezioni di richiesta preventivo
• incorporamenti per richiesta di consulenza

Esempio di schema

{ "name": "contactForm", "label": "Form", "type": "formSelect" }

Utilizzo nel template

<div data-form-embed="{contactForm}"></div>

Contenitore tipico della sezione:

<section class="contact-section">
  {{#if contactForm}}
    <div data-form-embed="{contactForm}"></div>
  {{/if}}
</section>

Usalo quando

Usa formSelect quando un componente deve incorporare un modulo riutilizzabile scelto in fase di authoring.

Non usarlo quando

Non usare formSelect quando:

• la sezione ha bisogno solo di un collegamento CTA
• il flusso di lavoro non è effettivamente un modulo gestito
• il markup grezzo del modulo viene invece codificato direttamente

Comportamento a runtime

Al momento del rendering, il valore selezionato funge da identificatore del modulo gestito utilizzato dal marcatore di embed.

Flusso tipico:

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

Questo mantiene il modello del modulo separato dal design della sezione circostante.

Note tecniche

• mantieni la sezione circostante riutilizzabile e lascia che sia il modulo a gestire il comportamento di invio
• non duplicare lo stesso schema del modulo all'interno di più componenti
• preferisci un unico scopo chiaro del modulo per ogni istanza di componente
• abbinalo a un testo esplicativo nelle vicinanze anziché incorporare un modulo senza contesto aziendale

Correlati

• Forms
• Review Select
• Components