Formulieren instellen in Webflow

Met formulieren in Webflow verzamelt u aanvragen, contactberichten of inschrijvingen. In dit artikel leest u hoe u een formulier toevoegt, de velden instelt en zorgt dat inzendingen correct binnenkomen.

Probleem

U wilt bezoekers een formulier laten invullen, maar er staat nog geen werkend formulier op de pagina of inzendingen komen niet binnen.

Oorzaak

Een formulier in Webflow bestaat uit een Form Block met velden en een verzendknop. Ontbreekt een veldnaam, de juiste actie of de publicatie, dan werkt het formulier niet of komen inzendingen niet aan.

Oplossing

U plaatst een Form Block, configureert de velden met duidelijke namen en publiceert de site. Webflow registreert inzendingen automatisch onder Forms in de projectinstellingen.

Stappenplan

1. Open de pagina in de Webflow Designer.
2. Sleep een Form Block naar de gewenste plek.
3. Voeg velden toe (bijvoorbeeld Naam, E-mail, Bericht) en geef elk veld een duidelijke Name.
4. Markeer verplichte velden als Required.
5. Pas de tekst van de verzendknop en de succesmelding aan.
6. Klik op Publish om het formulier live te zetten.
7. Test het formulier en controleer de inzending onder Project Settings > Forms.

Configuratievoorbeeld

Een contactformulier op uw BDMNL-website:

• Velden: Naam (required), E-mailadres (required, type Email), Onderwerp, Bericht (textarea, required)
• Knoptekst: Versturen
• Succesmelding: "Bedankt, wij nemen spoedig contact op."

Veelgemaakte fouten

• Velden zonder unieke Name, waardoor data niet correct wordt opgeslagen.
• Het e-mailveld niet op type Email zetten, waardoor foutieve adressen worden geaccepteerd.
• Vergeten te publiceren, waardoor het formulier niet werkt op de live site.

Controle na afloop

Vul het formulier op de live site zelf in en controleer of de succesmelding verschijnt en of de testinzending zichtbaar is onder Forms in de projectinstellingen.

Praktische tips

• Houd het aantal velden beperkt; korte formulieren worden vaker ingevuld.
• Stel e-mailmeldingen in zodat u geen inzending mist (zie het gerelateerde artikel hierover).
• Net als Microsoft 365-formulieren of Google Forms geldt: duidelijke labels verhogen de kwaliteit van de inzendingen.

FAQ

Waar vind ik mijn inzendingen?
Onder Project Settings > Forms in uw Webflow-project.

Hoeveel inzendingen mag ik ontvangen?
Dit hangt af van uw Webflow-abonnement; hogere plannen bieden meer inzendingen per maand.

Kan ik meerdere formulieren op één pagina plaatsen?
Ja, geef elk formulier dan een unieke naam.

Kan ik spam tegengaan?
Ja, schakel reCAPTCHA in via de projectinstellingen.

Werkt het formulier ook op CMS-pagina's?
Ja, een Form Block werkt op elke pagina.

Samenvatting

Een werkend Webflow-formulier vereist duidelijke veldnamen, de juiste veldtypes en een gepubliceerde site. Daarna komen inzendingen automatisch binnen onder Forms.

Gerelateerde artikelen:

• Formuliermeldingen ontvangen via e-mail in Webflow
• Formulieren beheren in Webflow en inzendingen bekijken
• Webflow CMS Collections aanmaken

Komt u er niet uit? Dien een ticket in bij BDMNL, dan helpen wij u verder.