Form Select Field

The formSelect field stores a reference to a managed FaceFlow Form.

Best For

• lead capture sections
• contact sections
• quote request sections
• consultation request embeds

Schema Example

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

Template Usage

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

Typical section wrapper:

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

Use It When

Use formSelect when a Component should embed a reusable Form chosen at authoring time.

Do Not Use It When

Do not use formSelect when:

• the section only needs a CTA link
• the workflow is not actually a managed Form
• raw form markup is being hard-coded instead

Runtime Behavior

At render time, the selected value acts as the managed form identifier used by the embed marker.

Typical flow:

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

This keeps the form model separate from the surrounding section design.

Technical Notes

• keep the surrounding section reusable and let the Form own submission behavior
• do not duplicate the same form schema inside multiple components
• prefer one clear form purpose per component instance
• pair with nearby explanatory copy instead of embedding a form with no business context

Related

• Forms
• Review Select
• Components