Web3Forms: contactformulier zonder backend, uitgelegd voor ondernemers

Laatst bijgewerkt: 5 augustus 2026, Redactie AI voor Bedrijven. Onderzoeksdatum: 5 augustus 2026.

Er is een klassieke fout op nieuwe websites, en die zit bijna altijd op dezelfde plek: het contactformulier. Het ziet er prima uit, de knop heeft een mooie hover-animatie, maar er komt nooit iets aan. Web3Forms lost precies dat probleem op, en het kost je in de gratis variant nul euro.

In het kort: Web3Forms is een form-backend. Je HTML-formulier stuurt zijn inzending naar https://api.web3forms.com/submit met een verborgen veld access_key, en de ingevulde gegevens komen in je mailbox. Geen server, geen PHP, geen database. De gratis versie geeft 250 inzendingen per maand, Pro kost 10 euro per maand bij jaarbetaling. Ideaal voor statische sites en sites die je met AI-tools bouwt.

Samenvatting in het kort

• Web3Forms is een dienst van Web3Creative die formulierinzendingen omzet in e-mail, zonder dat jij servercode nodig hebt.
• Opzetten gebeurt volgens de documentatie in vier stappen: access key aanvragen per e-mail, formulier maken, key invullen, testen.
• De access key is publiek en staat in de broncode van je pagina. Dat is by design; volgens de FAQ kan misbruik enkel leiden tot e-mails naar jou.
• Gratis: 250 inzendingen per maand, onbeperkt formulieren, hCaptcha, eigen bedankpagina, 30 dagen geschiedenis.
• Pro: 10 euro per maand jaarlijks (120 euro per jaar), 10.000 inzendingen, bestandsuploads, autoresponder, domeinbeperking, webhooks en koppelingen met Google Sheets, Slack en Notion.
• Voor wie zijn site met Claude Code, Codex, Lovable, Cursor of v0 bouwt is dit de snelste weg naar een formulier dat echt aankomt.
• Niet geschikt voor gevoelige gegevens, betalingen, inlogverkeer of hoge volumes.
• Let op de AVG-kant: inzendingen worden wel bewaard, en de documentatie spreekt zichzelf tegen over opslag en serverlocatie. Lees de actuele DPA.

Wat is Web3Forms en hoe werkt het?

Web3Forms is een form-to-email-dienst: je bouwt een gewoon HTML-formulier, laat het posten naar de API van Web3Forms, en de dienst mailt de inzending naar het adres dat aan jouw access key hangt. Er komt geen eigen server, geen PHP-script en geen database bij kijken.

Technisch gebeurt dit: het action-attribuut van je formulier wijst naar https://api.web3forms.com/submit, de methode is POST, en een verborgen invoerveld met de naam access_key vertelt de dienst naar welke mailbox de inzending moet. Elk veld met een name-attribuut komt mee in de e-mail. Zo ziet de kern eruit volgens de installatiehandleiding van Web3Forms:

<form action="https://api.web3forms.com/submit" method="POST">
  <input type="hidden" name="access_key" value="JOUW_ACCESS_KEY">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>
  <input type="hidden" name="redirect" value="https://jouwsite.be/bedankt">
  <input type="checkbox" name="botcheck" class="hidden" style="display:none">
  <button type="submit">Versturen</button>
</form>

Dat is alles. Het veld redirect stuurt de bezoeker na verzending naar je eigen bedankpagina, en botcheck is een honeypot: een veld dat mensen niet zien maar bots vaak wel invullen. Wordt het ingevuld, dan wordt de inzending als spam behandeld.

Belangrijke nuance: de access key is publiek. Iedereen die je paginabron bekijkt, ziet hem staan. Dat klinkt alarmerend, maar volgens de FAQ van Web3Forms is het risico beperkt: wie de key misbruikt, kan alleen e-mails naar jou versturen, niet je inzendingen uitlezen. Op Pro kun je met domeinbeperking instellen dat de key enkel werkt vanaf jouw domein.

Werkt Web3Forms met statische sites en kan het zonder programmeren?

Ja op beide punten, met een kleine kanttekening. Web3Forms is expliciet gemaakt voor statische en JAMstack-sites, en er zijn officiële handleidingen voor zowel raw HTML als moderne frameworks. Zonder programmeerkennis kun je het gebruiken als je platform toelaat dat je een blokje HTML plakt.

De documentatie beschrijft koppelingen voor HTML met JavaScript, React, Next.js, Vue, Svelte, Angular, Alpine.js, Astro, Nuxt, Hugo, Jekyll, Gatsby en Eleventy. Voor bouwers zonder code zijn er handleidingen voor Webflow, Framer, Carrd, Squarespace, Wix, WordPress en Elementor. Voor hosting zijn er instructies voor Vercel, Netlify, Cloudflare, GitHub Pages en AWS.

Waar loop je vast zonder technische kennis? Bij paginabouwers die geen custom HTML toelaten in het gratis plan, of bij themes die een eigen formuliermodule verplicht opdringen. In dat geval is de weg: HTML-blok toevoegen, code plakken, key invullen, publiceren.

Web3Forms vraagt geen programmeerkennis, maar wel de bereidheid om één keer een stukje HTML te kopiëren en één woord te vervangen.

Hoe zet je Web3Forms in 15 minuten live?

Volgens de documentatie is de opzet vier stappen, en in de praktijk ben je met testen en bedankpagina in ongeveer een kwartier klaar. Het kritieke deel is niet de code maar de eerste echte testinzending, want daar ontdek je meteen of alles klopt.

1. Vraag je access key aan. Vul op web3forms.com het e-mailadres in waar de inzendingen naartoe moeten. Je ontvangt de key per mail. Dit is het adres dat je later ook in je mailbox moet controleren.
2. Bouw of pak je formulier. Zorg dat elk veld een name-attribuut heeft. Zonder name komt de inhoud niet mee in de e-mail. Dat is fout nummer één.
3. Vul de key in. Vervang JOUW_ACCESS_KEY door de sleutel uit de mail. Zet het action-attribuut op https://api.web3forms.com/submit en de methode op POST.
4. Maak een bedankpagina. Bijvoorbeeld /bedankt. Zet de volledige URL in het verborgen veld redirect. Zonder redirect krijgt de bezoeker de standaardpagina van Web3Forms te zien, wat er onprofessioneel uitziet.
5. Voeg de honeypot toe. Het verborgen botcheck-veld kost je één regel en filtert al veel eenvoudige bots.
6. Doe een echte testinzending. Vul het formulier in zoals een klant, met een echt bericht. Controleer je inbox, en ook je map ongewenste e-mail.
7. Zet een filterregel in je mailbox. Markeer inzendingen van Web3Forms als “nooit spam” en label ze, zodat ze niet tussen nieuwsbrieven verdwijnen.
8. Test op je telefoon. Mobiele browsers en autofill gedragen zich anders dan je laptop.

Veelgemaakte fout: de testinzending werkt op je lokale ontwikkelversie, maar je vergeet opnieuw te testen na de publicatie naar productie. Doe stap 6 altijd nog eens op de live-URL.

Waarom is Web3Forms een goede keuze bij een site die je met AI-tools bouwt?

Wie een website laat bouwen door Claude Code, OpenAI Codex, Claude Design, Lovable, Cursor, v0 of Bolt kent dit patroon: het formulier ziet er perfect uit, maar de verzendknop doet niets, of het model verzint een backend-endpoint dat helemaal niet bestaat. Web3Forms is dan de kortste weg naar een formulier dat echt aankomt, omdat het pure HTML is die elk taalmodel correct kan schrijven.

Het probleem is structureel. AI-bouwtools zijn sterk in de zichtbare kant van een site en zwak in de onzichtbare kant. Ze schrijven graag fetch('/api/contact') of een mailfunctie in Node, terwijl je site op GitHub Pages staat en er dus geen /api bestaat. Zie ook onze uitleg over wat is GitHub als je niet zeker weet hoe je hosting werkt.

Geef je AI-tool daarom deze instructie letterlijk mee:

“Bouw het contactformulier met Web3Forms: post naar https://api.web3forms.com/submit, verborgen veld access_key, honeypot botcheck, redirect naar /bedankt, en toon een foutmelding als de respons niet ok is.”

Die ene zin voorkomt de meeste ellende. Drie waarschuwingen blijven overeind:

• Laat de AI nooit een access key verzinnen. Modellen vullen graag een plausibel uitziende UUID in. Vraag altijd je eigen key aan en plak die zelf.
• Vertrouw geen enkele verzendknop zonder echte test. Vul het formulier in met een eigen bericht en kijk of de mail aankomt. Een groen “verzonden”-bericht in de interface bewijst niets.
• Presenteer de key niet als geheim in een publieke repository. Hij is publiek, dat is geen fout, maar zet op Pro wel domeinbeperking aan zodat anderen hem niet vanaf hun eigen site gebruiken.

Werk je vaker met Claude Code, dan kun je deze instructie vastleggen als herbruikbare vaardigheid. Lees daarvoor onze uitleg over Claude Code skills, zodat je niet elke keer opnieuw hoeft uit te leggen hoe het formulier moet werken.

Wat kost Web3Forms en welk plan heb je nodig?

De gratis versie is voor veel kmo-sites voldoende: 250 inzendingen per maand, onbeperkt formulieren en domeinen. Pro kost 10 euro per maand bij jaarlijkse betaling en voegt bestandsuploads, autoresponder, domeinbeperking en koppelingen toe. Prijzen geverifieerd op 5 augustus 2026 op de prijspagina van Web3Forms.

Extra teamplaatsen kosten 5 dollar per maand. Er is ook een speciaal jaarplan voor studenten, starters en non-profits: 41 euro per jaar met 5.000 inzendingen per maand, maar zonder bestandsuploads en zonder autoresponder.

Wat gebeurt er bij overschrijding? Je krijgt een waarschuwingsmail bij 90 procent en nog een bij 100 procent van je limiet. Daarna worden nieuwe inzendingen geweigerd tot de volgende maand, tenzij je upgradet. Voor een brochuresite is 250 per maand ruim, voor een drukke landingspagina met advertentieverkeer kan het krap worden. Reken vooraf even door hoeveel aanvragen je per maand verwacht, inclusief spam die door de filter glipt.

Keuzeregel: blijf gratis als je onder ongeveer 200 inzendingen per maand zit en geen bijlagen nodig hebt. Ga naar Pro zodra je bestanden wil ontvangen, een automatische ontvangstbevestiging wil sturen, of inzendingen naar Google Sheets of Slack wil doorsturen.

Web3Forms versus Formspree en andere alternatieven: wat kies je?

Web3Forms is de goedkoopste serieuze optie voor eenvoudige contactformulieren met e-mailaflevering. Formspree biedt meer ingebouwde logica en workflows, Netlify Forms is het gemakkelijkst als je site al op Netlify staat, en een eigen serverfunctie is beter als je gegevens ergens anders dan in een mailbox moet laten landen.

• Formspree: rijkere formulierlogica, ingebouwde spamcontrole en meer integraties. Kies dit als je meerdere formulieren met verschillende workflows beheert en betaalbaarheid minder zwaar weegt.
• Netlify Forms: automatische formulierdetectie als je site op Netlify staat, geen aparte dienst nodig. Kies dit bij een bestaande Netlify-hosting en beperkte volumes.
• Basin en Getform: vergelijkbare form-backends met eigen dashboards en koppelingen. Handig als hun specifieke integraties beter aansluiten bij je stack.
• Eigen serverfunctie op Vercel of Netlify: je schrijft zelf een kleine functie die de inzending verwerkt. Kies dit als je validatie, verrijking of doorgifte aan een CRM nodig hebt en er een ontwikkelaar beschikbaar is.
• Eigen database: sla inzendingen op in je eigen omgeving. Lees onze uitleg over wat is Supabase als je inzendingen wil bewaren, doorzoeken of koppelen aan andere gegevens.

Beslisregel in één zin: moet de inzending gewoon in een mailbox landen, neem Web3Forms; moet ze in een systeem landen, neem een serverfunctie of database.

Is Web3Forms veilig en AVG-proof voor het verzamelen van gegevens?

Technisch verloopt alles via HTTPS en is de publieke access key geen veiligheidslek in de klassieke zin. Juridisch is het beeld minder eenduidig: inzendingen worden wél bewaard, er zijn Amerikaanse subverwerkers, en de documentatie spreekt zichzelf tegen over opslag en serverlocatie. Dat verdient je aandacht.

Wat wij vaststelden bij ons onderzoek op 5 augustus 2026:

• Bewaring: inzendingen zijn zichtbaar in het dashboard, 30 dagen op gratis en 1 jaar op Pro. De DPA noemt een harde bewaartermijn van maximaal drie jaar.
• Data Processing Agreement: versie 1.0, laatst bijgewerkt 13 juli 2026, met standaardcontractbepalingen (SCC’s), melding van datalekken binnen 72 uur en verwijdering binnen 90 dagen na opzegging. Lees de volledige DPA van Web3Forms.
• Subverwerkers volgens Annex 3: Amazon Web Services (hosting, e-mail via SES, opslag), Cloudflare (CDN en firewall), Hetzner Online GmbH (Duitsland en Finland), CleanTalk en Akismet (spamfiltering, ontvangen het IP-adres en e-mailadres van de indiener), SparrowDesk (support) en Microsoft Clarity (analytics en sessie-opname). Betalingen lopen via Paddle als merchant of record.
• Tegenstrijdigheid: de FAQ in de documentatie stelt nog dat de servers in de VS staan, regio US-East, en dat inzendingen niet worden bewaard. De prijspagina en de DPA beschrijven wel degelijk opslag en een gedeeltelijk Europese infrastructuur. Die twee verhalen kloppen niet met elkaar.

Praktisch advies voor NL en BE: lees de actuele DPA voordat je live gaat, neem Web3Forms op als verwerker in je verwerkingsregister, vermeld het in je privacyverklaring en vraag in je formulier niet meer gegevens dan je echt nodig hebt. Zet geen bijzondere persoonsgegevens in een Web3Forms-formulier. Dit is geen juridisch advies; toets je situatie bij een jurist of DPO.

Hoe voorkom je spam en waarom komen inzendingen soms niet aan?

Web3Forms biedt op gratis niveau een spamfilter, de honeypot botcheck en hCaptcha. Op Pro komen reCAPTCHA v3 en Cloudflare Turnstile erbij. Aflevering in de map ongewenste e-mail is het vaakst voorkomende probleem, en dat los je op met reply-to, een filterregel en een wekelijkse controle.

Spam beperken, in volgorde van moeite:

1. Honeypot botcheck, gratis en één regel HTML. Filtert eenvoudige bots.
2. hCaptcha, gratis, zichtbare controle voor de bezoeker. Iets meer wrijving, veel minder rommel.
3. reCAPTCHA v3, op Pro, werkt onzichtbaar op basis van scores. Prettig voor de gebruikerservaring.
4. Cloudflare Turnstile, op Pro, privacyvriendelijker alternatief zonder Google.
5. Domeinbeperking, op Pro, zodat je key alleen vanaf jouw domein werkt.

Je ontvangt geen e-mails, wat nu? Loop deze checklist af:

• Controleer je map ongewenste e-mail en zoek op de afzendernaam.
• Klopt de access key exact? Eén ontbrekend teken en er komt niets aan.
• Heeft elk veld een name-attribuut? Velden zonder name verdwijnen stil.
• Staat je maandlimiet vol? Bij 100 procent worden inzendingen geweigerd.
• Is het adres achter de key nog actief en bevestigd?
• Test met een ander e-mailadres, bijvoorbeeld van een andere provider.
• Is de honeypot per ongeluk zichtbaar en dus door een bezoeker ingevuld? Dan wordt de inzending als spam behandeld.

Stel altijd een reply-to in op het e-mailadres van de bezoeker, zodat je direct kunt antwoorden. Maak een filterregel die inzendingen labelt en nooit als spam markeert. En zet één keer per week een herinnering om je spammap te controleren, minstens de eerste maand.

Wanneer moet je Web3Forms wel gebruiken en wanneer beter niet?

Web3Forms past bij eenvoudige, laagvolume formulieren op statische of met AI gebouwde sites zonder ontwikkelaar in de buurt. Het past niet bij gevoelige gegevens, betalingen, inlogverkeer, hoge volumes of situaties waarin je de volledige verwerkingsketen binnen de EU wil houden.

Wel geschikt voor:

• Statische sites, JAMstack-sites en sites gebouwd met AI-tools
• Brochuresites en eenvoudige bedrijfssites
• Landingspagina’s met een contact- of offerteformulier
• Aanmeldingen voor een terugbelverzoek of een demo
• Situaties met weinig volume en geen ontwikkelaar

Beter niet gebruiken voor:

• Gevoelige gegevens: medische informatie, financiële dossiers, personeelsdossiers
• Formulieren die rechtstreeks in een database of CRM moeten landen
• Betalingen of enige vorm van transactie
• Inlogverkeer of wachtwoorden
• Meer dan een paar duizend inzendingen per maand
• Wanneer je verwerkingsketen volledig binnen de EU moet blijven

Praktisch voorbeeld: een installateur in Antwerpen met vijftien aanvragen per maand zit perfect op het gratis plan. Een HR-bureau dat cv’s met persoonsgegevens ontvangt, kiest beter een eigen serverfunctie plus een database in de EU. Twijfel je over je eigen situatie, bekijk dan onze toolcatalogus voor alternatieven of doe de gratis AI-scan.

Conclusie: wat is je volgende stap?

Voor een brochuresite, een landingspagina of een site die je met Claude Code, Lovable of v0 hebt gebouwd, is Web3Forms de snelste en goedkoopste manier om een werkend contactformulier te krijgen. Gratis tot 250 inzendingen per maand, en 10 euro per maand als je bijlagen, autoresponder of koppelingen nodig hebt.

Doe dit vandaag: vraag je access key aan, plak het formulier uit de documentatie in je pagina, zet een redirect naar je eigen bedankpagina, en doe één echte testinzending op de live-site. Zet daarna een filterregel in je mailbox. Verwerk je persoonsgegevens die verder gaan dan een naam en een bericht, lees dan eerst de DPA en neem Web3Forms op in je verwerkingsregister.

Wil je weten welke AI-tools en automatiseringen nog tijd en geld besparen in jouw bedrijf? Doe de gratis AI-scan of bekijk onze toolcatalogus met tools die wij onafhankelijk onderzochten en vergeleken voor Nederlandse en Belgische bedrijven.

Bronnen

• Web3Forms, prijzen en plannen, geraadpleegd 5 augustus 2026
• Web3Forms documentatie, installatie, geraadpleegd 5 augustus 2026
• Web3Forms documentatie, FAQ, geraadpleegd 5 augustus 2026
• Web3Forms Data Processing Agreement, versie 1.0, geraadpleegd 5 augustus 2026

Verder lezen

• Wat is een API? Uitleg voor ondernemers, met de vragen die je moet stellen