Overzicht van formulieren - Webflow help
Formulieren zijn een van de krachtigste tools op het web, waarmee je efficiënt informatie kunt verzamelen, of je nu e-mailnieuwsbriefaanmeldingen verzamelt of werkverzoeken van potentiële klanten. Met Webflow kun je je formulieren volledig aanpassen en optimaliseren om aan je behoeften te voldoen. Je kunt een formulierblok aan je site toevoegen via Toevoegen paneel → Elementen → Formulieren.
Anatomie van een formulier
Het Formulierblok erft de volledige breedte van het bovenliggende element en bevat drie subelementen:
- Formulier — bevat al je formulierinvoer en elementen
- Succesbericht — het bericht dat wordt weergegeven wanneer het formulier succesvol is ingediend
- Foutbericht — het bericht dat wordt weergegeven wanneer er een probleem is met het indienen van het formulier
Structuur van het formulier
Je kunt een van de volgende formelementen binnen het formulier toevoegen of verwijderen om je formulier naar wens aan te passen:
| Formulierelement | Doel |
|---|---|
| Veldlabel | Gebruikt om de functie of het doel van een formulierveld te beschrijven. Veldlabels zijn cruciaal voor toegankelijkheid. |
| Invoer | Gebruikt om gegevens van één regel te verzamelen, zoals een kort antwoord op een vraag (bijv. naam of e-mailadres) |
| Bestand uploaden | Hiermee kunnen sitebezoekers een bestand aan hun formulierinzending toevoegen |
| Tekstgebied | Hiermee kunnen sitebezoekers gegevens van meerdere regels invoeren, zoals een lang bericht |
| Selectievakje | Gebruikt voor invoergegevens waarbij sitebezoekers een of meerdere opties kunnen kiezen |
| Radioknop | Gebruikt voor invoergegevens waarbij sitebezoekers slechts één van de vele opties kunnen kiezen |
| Selecteren | Gebruikt om sitebezoekers opties uit een vervolgkeuzelijst te laten selecteren. Meerdere selecties toegestaan |
| reCAPTCHA | Google-service die formulier spam voorkomt |
| Verzenden knop | Verzendt alle verzamelde gegevens in een formulier. Geen formulier is compleet zonder de Verzenden knop |
Hoe formulierelementen configureren
Je kunt dubbelklikken op een formulierelement (bijv. Invoer, Verzenden-knop) om de instellingen te openen. Elk formulierelement heeft verschillende invoerinstellingen op basis van het type:
| Invoerinstelling | Doel | Aanvullende opmerkingen |
|---|---|---|
| Naam | Identificeert het veld bij formulierinzendingen | n.v.t. |
| Vereist | Laat je een formulier vereisen om ingevuld te worden voordat het verzonden kan worden | Blokkeert lege inzendingen |
| Placeholder | Toont tekst in invoer die verdwijnt bij typen; mag GEEN labels of cruciale instructies vervangen | Niet beschikbaar voor ondersteunende technologie of vertaalhulpmiddelen; stijlbaar vanuit het statusmenu |
| Teksttype | Geeft het type invoer aan (bijv. e-mail, telefoon, wachtwoord) | Telefoon accepteert tekens & toont toetsenbord; wachtwoord verbergt getypte tekens |
| Autofocus | Bepaalt of het veld automatisch wordt gefocust bij het laden van de pagina | Let op scroll-/springproblemen of verborgen velden die inzendingen blokkeren |
Verzenden-knop
De instellingen van de Verzenden-knop laten je instellen:
- Knoptekst: Wat er op de knop verschijnt (standaard: “Verzenden”)
- Wachttijdtekst: Wat de knop vervangt nadat erop is geklikt & voordat de inzending is voltooid (standaard: “Even geduld…”)
Hoe formulierinstellingen beheren
Succes- en foutstatussen aanpassen
Selecteer het formulierblok en ga naar Formulierblokinstellingen om:
- Normaal: Standaardstatus
- Succes: Bericht na een succesvolle inzending
- Fout: Bericht na een mislukte inzending
Stel de formuliernaam in
De naam die je instelt, koppelt het formulier aan zijn inzendgegevens. Als je geen unieke namen instelt, verschijnen alle inzendgegevens onder "E-mailformulier." Geef beschrijvende namen om formulieren te onderscheiden.
Beheer formulierinzendingen en meldingen
- Specificeer ontvangers in Formulierblokinstellingen.
- Toegang tot geavanceerde meldingen in Site-instellingen → Formulieren → Formuliermeldingen.
- Voor volledige website-eigenaren: toegang/beheer van formuliergegevens in Site-instellingen → Formulieren → Formulierinzendingen.
Leid sitebezoekers om bij formulierinzending
Voeg een URL toe in het Doorsturen-veld om gebruikers elders naartoe te sturen na inzending.
Stel een aangepaste actie in
Voeg een aangepaste actie toe om inzendingen elders naartoe te sturen (bijv. HubSpot). Wanneer je dit toevoegt, verwerkt of verzendt Webflow niet de melding. Je kunt ook Apps verbinden voor meer integraties.
Bekijk app-verbindingen
Verbonden Apps verschijnen in Verbindingen. Opmerking: Verzend formuliergegevens naar Webflow verschijnt altijd tenzij je Webflow-verwerking volledig omzeilt.
Formuliergegevens en GDPR
- Als je persoonlijke gegevens van EU-inwoners verzamelt (inclusief via formulieren), ben je een gegevensbeheerder onder de GDPR.
- Verkrijg passende toestemming voor gegevensverzameling.
- Als je voor klanten bouwt, informeer hen over hun verantwoordelijkheden.
- Herzie verantwoordelijkheden als je gegevens aan derden koppelt (bijv. Zapier).
Meer informatie:
Probleemoplossing
Als je formulier niet kan worden ingediend:
- Als je reCAPTCHA hebt ingeschakeld, zorg ervoor dat alle formulieren het bevatten. Anders zullen inzendingen mislukken.
- Als je verborgen velden hebt, zorg ervoor dat Autofocus is uitgeschakeld voor die velden.
- Gratis/niet-gehoste sites zijn beperkt tot 50 totale formulierinzendingen. Upgrade je siteplan om de limiet te verwijderen.
Als problemen aanhouden, neem contact op met de klantenservice.