{"id":2000,"date":"2020-06-28T11:29:48","date_gmt":"2020-06-28T11:29:48","guid":{"rendered":"https:\/\/viatrix.nl\/trainingen\/contactformulieren-met-contactform-7\/"},"modified":"2021-09-15T13:28:13","modified_gmt":"2021-09-15T13:28:13","slug":"contactformulieren-met-contactform-7","status":"publish","type":"post","link":"https:\/\/viatrix.nl\/trainingen\/contactformulieren-met-contactform-7\/","title":{"rendered":"Formulier maken met ContactForm 7"},"content":{"rendered":"\n

Contact Form 7<\/strong><\/a> is \u00e9\u00e9n van de meest gebruikte WordPress-plug-ins voor het maken van contactformulieren. De plug-in is gratis en er zijn door andere WordPress ontwikkelaars uitbreidingsmogelijkheden ontwikkeld voor Contact Form 7. Ik laat je zien hoe je met Contact Form 7 een contactformulier maakt en welke opties er allemaal zijn. Een alternatief voor Contact Form7 is Forminator<\/strong><\/a>, deze plug-in is minder technisch en werkt meer met invullen en slepen. <\/p>\n\n\n\n

Waarvoor gebruik je een formulier?<\/h3>\n\n\n\n

Verschillende toepassingsvoorbeelden van formulieren zijn: Contactformulier, aanvraag offerte, contactgegevens voor download, terugbelformulier, aanmeldformulier evenement. Een formulier stelt je instaat op gestructureerde wijze informatie op te vragen. <\/p>\n\n\n\n

De plugin installeren<\/strong><\/h3>\n\n\n\n

Je kunt Contact Form 7 gratis downloaden van WordPress.org. Ook kun je in je WordPress dashboard naar\u00a0Plug-ins > Nieuwe plug-in<\/strong>\u00a0gaan en zoeken naar \u201cContact Form 7\u201d. Klik vervolgens op \u201cnu installeren\u201d en dan \u201cactiveren\u201d. Je vind de plug-in nu terug onder Contact<\/strong> in het linker menu.<\/p>\n\n\n\n

De plug-in instellen<\/h3>\n\n\n\n

Na de installatie klik je op het menu-item Contact in het Dashboard menu.
De instellingen per formulier die je moet doen zijn verdeeld over 4 tabbladen;
Formulier<\/strong>– met de velden die op het formulier komen
E-mail <\/strong>– met de instellingen wie welke informatie per e-mail krijgt
Berichten<\/strong> – met de teksten die iemand te zien krijgt als het formulier succesvol wordt verzonden
Aanvullende instellingen<\/strong> – zoals de naam zegt <\/p>\n\n\n\n

1. Nieuw contactformulier maken<\/h3>\n\n\n\n

Om een nieuw contactformulier aan te maken, kun je ervoor kiezen om het automatisch aangemaakte formulier (\u201cContactformulier 1\u201d) te bewerken. Je kunt ook op \u201cNieuwe toevoegen\u201d klikken om een nieuw contactformulier te maken. Je krijgt dan het volgende scherm te zien:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Dit is het standaard contactformulier waarin je bezoeker wordt gevraagd zijn naam, e-mailadres, onderwerp en een bericht in te vullen. Vervolgens wordt er een \u201cVerzend\u201d-knop getoond. Velden waar een sterretje staat zijn verplichte velden. Het contactformulier kan alleen verstuurd worden als je bezoeker deze verplichte velden heeft ingevuld. Bijvoorbeeld: [text* your-name].
Dit is een verplicht \u201ctext\u201d-veld, met als id \u201cyour-name<\/strong>\u201c.<\/p>\n\n\n\n

In het scherm dat je hierboven ziet, kun je ook velden toevoegen aan je formulier. Met de knoppen boven het tekst-veld kan je de volgde soorten velden invoegen:<\/p>\n\n\n\n