Form Select-veld

Het formSelect-veld slaat een referentie op naar een beheerd FaceFlow Formulier.

Geschikt voor

• leadgeneratie-secties
• contactsecties
• secties voor offerteaanvragen
• ingesloten consultatieaanvragen

Schemavoorbeeld

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

Sjabloongebruik

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

Typische sectie-wrapper:

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

Gebruik het wanneer

Gebruik formSelect wanneer een component een herbruikbaar formulier moet insluiten dat tijdens het aanmaken wordt gekozen.

Gebruik het niet wanneer

Gebruik formSelect niet wanneer:

• de sectie alleen een CTA-link nodig heeft
• de workflow eigenlijk geen beheerd formulier is
• de ruwe formuliermarkup in plaats daarvan hard-coded wordt

Gedrag tijdens runtime

Bij renderen fungeert de geselecteerde waarde als de identificatie van het beheerde formulier die door de embed-marker wordt gebruikt.

Typische 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

Dit houdt het formuliermodel gescheiden van het omliggende sectieontwerp.

Technische opmerkingen

• houd de omliggende sectie herbruikbaar en laat het formulier verantwoordelijk zijn voor het inzendgedrag
• dupliceer niet hetzelfde formulier-schema in meerdere componenten
• geef de voorkeur aan één duidelijk doel voor het formulier per componentinstantie
• combineer met nabijgelegen verklarende tekst in plaats van een formulier in te sluiten zonder zakelijke context

Gerelateerd

• Formulieren
• Review-select
• Componenten