Campo de Seleção de Formulário

O campo formSelect armazena uma referência a um Formulário gerenciado do FaceFlow.

Indicado Para

• seções de captura de leads
• seções de contato
• seções de solicitação de orçamento
• incorporações de solicitação de consulta

Exemplo de Esquema

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

Uso no Template

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

Envoltório típico de seção:

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

Quando Usar

Use formSelect quando um Componente deve incorporar um Formulário reutilizável escolhido no momento da autoria.

Quando Não Usar

Não use formSelect quando:

• a seção precisa apenas de um link de CTA
• o fluxo de trabalho não é realmente um Formulário gerenciado
• o markup bruto do formulário está sendo codificado diretamente em vez disso

Comportamento em Tempo de Execução

Em tempo de renderização, o valor selecionado atua como o identificador do formulário gerenciado usado pelo marcador de incorporação.

Fluxo 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 form

Isso mantém o modelo do formulário separado do design da seção ao redor.

Notas Técnicas

• mantenha a seção envolvente reutilizável e deixe o Formulário controlar o comportamento de submissão
• não duplique o mesmo esquema de formulário dentro de múltiplos componentes
• prefira um propósito claro de formulário por instância de componente
• combine com um texto explicativo próximo em vez de incorporar um formulário sem contexto de negócio

Relacionado

• Formulários
• Seleção de Avaliação
• Componentes