Hoe maak je een contactformulier (met WPForms) in WordPress?

Auteur: Ruben Bunskoeke
Laatste update: 21 februari 2022

De meeste websites hebben een contactformulier nodig. Die optie is helaas niet inbegrepen bij de software van WordPress zelf. We hebben daarom een plugin nodig om een contactformulier toe te voegen aan de website die we maken.

WPForms is het best beoordeelde populaire contactformulier van WordPress – een alternatief is Contact Form 7.

Met de gratis versie kun je snel en vrij simpel een contactformulier maken – met een drag-and-drop systeem en een ingebouwde spamfilter.

Met de betaalde versie kun je statistieken zien, betalingen accepteren, berichten bewaren, enquetes maken en andere opties toevoegen.

WPForms contactformulier plugin installeren

  • Klik in het WordPress menu op Plugins en daarna op Nieuwe plugin
  • Zoek rechts op WPforms (of kijk of het formulier in een van de tabbladen staat)
  • Klik op Nu Installeren en daarna direct op Nu Activeren

Na het activeren kom je op een welkomscherm waar je direct een formulier kan aanmaken. Klik hier op Maak je eerste form – of in het menu op WP forms en nieuwe toevoegen.

Je kunt starten met een template. We gaan voor een simpel contactformulier, dus we kunnen kiezen voor Simpel Contact Form of met een leeg formulier. In dit voorbeeld gaan we voor een leeg formulier.

Contactformulier maken met WPForms

Bij WPForms kun je met een drag-and-drop systeem een formulier in elkaar zetten.

Een contactformulier heeft meestal drie elementen: naam, e-mail en bericht.

Dus we slepen van links de velden naam, e-mail en bericht en alineatekstgebied (want een enkele tekstregel is niet voldoende voor de meeste berichten). Je kunt de volgorde van de velden ook veranderen door ze te slepen.

Later moeten we nog een Captcha veld toevoegen om spam te voorkomen, maar dat kan en komt later.

Daarna gaan we het formulier aanpassen naar wens.

Klik op de titel en geef het formulier een naam, bijvoorbeeld: contactformulier

Klik daarna op het Naam veld. Het is niet gebruiksvriendelijk om zowel de voornaam als achternaam op te vragen in twee velden. Als je op het veld klikt kun je bij Indeling het veld veranderen naar Simpel – je ziet dan enkel een veld met Naam.

Alineatekstgebied bekt niet zo lekker. Dus klik op het veld, geef het de naam Bericht en vink aan Vereist (optioneel, maar een eventueel leeg bericht lijkt mij vrij zinloos).

Klik wanneer je klaar bent op Opslaan.

Je kunt ook andere opties aan het formulier toevoegen

Dat doe je door linksboven op Add fields of velden toevoegen te klikken.

Je kunt een dropdown toevoegen. Een checkbox. En multiple choice.

Klik daarna op een veld om die toe te voegen en aan te passen.

Verzenden naar: mailadres ontvanger aanpassen

Bij Instellingen en daarna Notificaties kun je instellen waar de mail binnenkomt.

Standaard wordt de mail verstuurd naar het admin adres van jouw WordPress website. Als dat jouw adres is, dan hoef je niets te doen.

Anders kun je bij ‘Verzenden naar e-mailadres’ en ‘From e-mail’ jouw mailadres invullen. Sla ook weer wijzingen op.

Daarna is het tijd om het contactformulier toe te voegen aan onze contactpagina. Dat kan op vele manieren: met een shortcode of via een blokoptie van de pagebuilder.

  • Klik rechtsboven op Insluiten
  • We gaan nu wat dubbele dingen doen (omdat er meerdere manieren zijn). Klik op gebruik een shortcode onderaan en kopieer de shortcode.
  • Heb je al een contactpagina klik dan op Selecteer Bestaande pagina en selecteer de contactpagina. Heb je nog geen contactpagina? Klik dan op Maak een nieuwe pagina en noem die Contact.

Je kunt via de pagebuilder van WordPress op het plusteken (+) klikken en dan zoeken op WPforms (het blokje staat ook ergens in die lange lijst). En dan sleep je het formulier/blokje in de pagina.

Klik daarna op Selecteer een formulier en selecteer de naam van jouw contactformulier

Je kunt ook het contactformulier toevoegen door die shortcode die je hebt gekopieerd te plakken op de pagina.

En tot slot kun je alle shortcodes van alle formulieren zien wanneer je klikt op WPForms en daarna op Alle Formulieren.

Spam voorkomen contactformulier WP Forms

WPForms heeft een ingebouwde anti-spam.

Er is een redelijke kans dat dit niet voldoende is en dat je ook ReCAPTCHA moet gebruiken.

ReCAPTCHA is anti-spam software van Google en gratis. Je moet wel een account aanmaken en de site-sleutels verbinden met jouw contactformulier.

Je kunt kiezen uit drie reCAPTCHA versies

  • reCAPTCHA v3 is de nieuwste versie en de bezoeker merkt er niets van – omdat v3 met Javascript werkt is het wel eens voor gekomen dat sommige gebruikers (die dat niet konden laden) niet een bericht konden versturen.
  • Bij reCAPTCHA v2 checkbox moet de bezoeker aangeven dat de persoon geen robot is – of een kleine opdracht uitvoeren
  • Bij onzichtbare reCAPTCHA v2 probeert de software aan de hand van de acties van de bezoeker te beoordelen of het spam is

Ik zou zelf kiezen voor de nieuwste v3 versie of reCAPTCHA v2 met checkbox.

ReCAPTCHA account aanmaken en site-sleutels

  • Ga naar de ReCAPTCHA admin pagina van Google
  • Maak een account voor jouw site aan en selecteer een versie
  • Je krijgt dan twee sleutels een site-sleutel en een geheime sleutel. Hou deze pagina open en kopieer de site-sleutel

ReCAPTCHA instellen

  • Klik daarna in het WordPress menu op WPForms en daarna op Instellingen
  • Klik bovenaan op het tabblad CAPTCHA en selecteer reCAPTCHA
  • Vul de type in die je hebt gekozen
  • Kopieer en plak de Site Sleutel en de Geheime Sleutel op de juiste plekken en sla de instellingen op

ReCAPTCHA toevoegen aan contactformulier

  • Klik op WPForms in het menu en klik op jouw contactformulier
  • Klik links op het veld reCAPTCHA – je zou dan rechtsboven een melding moeten krijgen dat reCAPTCHA is ingesteld.
  • Klik op Opslaan

Meer lezen en leren over WordPress, websites en plugins

Upgrade jouw marketingkennis en skills met de 6-in-1 cursus online marketing

Heb je iets aan dit artikel gehad?