Les 1: Installatie en je eerste formulier

Contact Form 7 installeer je via Plugins → Nieuwe plugin toevoegen. Na activatie verschijnt “Contactformulieren” in je menu. Er staat al een standaard contactformulier klaar.

De formulierbuilder begrijpen

CF7 werkt anders dan Gravity Forms. In plaats van een visuele drag-and-drop editor werk je met form-tags — tekstcodes die je in een tekstveld plakt. Dat klinkt technischer dan het is.

Een standaard contactformulier ziet er zo uit:

[text* your-name placeholder "Naam"]
[email* your-email placeholder "E-mailadres"]
[tel your-tel placeholder "Telefoonnummer"]
[textarea your-message placeholder "Uw bericht"]
[submit "Verstuur bericht"]

Elke tag heeft de structuur: [type naam placeholder "tekst"]. De asterisk * maakt het veld verplicht.

De Tag Generator

Boven het formulierveld staan knoppen voor elk veldtype: Tekstveld, E-mail, URL, Telefoonnummer, enzovoort. Klik op een knop om de Tag Generator te openen. Vul de opties in en klik op “Tag invoegen” — CF7 schrijft de code voor je.

Het formulier op een pagina plaatsen

Kopieer de shortcode bovenaan de formulierpagina — die ziet er uit als [contact-form-7 id="abc123" title="Contactformulier"]. Plak hem op een WordPress-pagina via een Shortcode-blok of gewoon in een alinea-blok.

Opdracht

Open het standaard contactformulier in CF7. Voeg een telefoonnummerveld toe via de Tag Generator. Pas de placeholder-tekst aan naar iets beschrijvends. Plaats het formulier op je contactpagina en doe een testinzending.