Campo de selección de formulario
Campo de selección de formulario
El campo formSelect almacena una referencia a un Formulario gestionado de FaceFlow.
Ideal para
- secciones de captación de clientes potenciales
- secciones de contacto
- secciones de solicitud de presupuesto
- incrustaciones de solicitud de consulta
Ejemplo de esquema
{ "name": "contactForm", "label": "Form", "type": "formSelect" }Uso en plantilla
<div data-form-embed="{contactForm}"></div>Contenedor típico de sección:
<section class="contact-section">
{{#if contactForm}}
<div data-form-embed="{contactForm}"></div>
{{/if}}
</section>Usarlo cuando
Use formSelect cuando un Componente deba incrustar un formulario reutilizable seleccionado en el momento de autoría.
No usarlo cuando
No use formSelect cuando:
- la sección solo necesita un enlace de llamada a la acción (CTA)
- el flujo de trabajo no es en realidad un formulario gestionado
- el marcado del formulario se está insertando directamente en el código en su lugar
Comportamiento en tiempo de ejecución
En tiempo de renderizado, el valor seleccionado actúa como el identificador del formulario gestionado utilizado por el marcador de incrustación.
Flujo típico:
author selects form
-> component stores form reference
-> template renders data-form-embed marker with the selected field value
-> runtime resolves and renders the managed formEsto mantiene el modelo del formulario separado del diseño de la sección circundante.
Notas técnicas
- mantener la sección circundante reutilizable y dejar que el formulario gestione el comportamiento de envío
- no duplicar el mismo esquema de formulario dentro de múltiples componentes
- preferir un propósito claro por instancia de componente
- acompañarlo con texto explicativo cercano en lugar de incrustar un formulario sin contexto comercial