Een contactformulier op je website

Je kunt en e-mailadres op je website plaatsen om mensen contact te laten opnemen. Je kunt hiervoor ook een contactformulier plaatsen dat staat professioneler. Daarnaast blijft je e-mailadres hiermee verborgen en kun je bezoekers verplichten bepaalde informatie op te geven, wat kan helpen bij het afhandelen van de vraag.

Een veelgebruikte plugin voor het maken van een contactformulier op WordPress site is Contact Form 7.

Contactform 7 installeren

Ga via Plugins naar nieuwe Plugin Tik in het vak ‘Plugins zoeken’: contactform7 in, kies daarna voor Contact Form 7 en installeer en activeer deze:

contactformulier

Maak een nieuwe pagina aan en kies het nu beschikbare blok ‘Contact’. Je kunt nu kiezen welk door jou aangemaakt formulier op deze pagina moet komen:

Een contactformulier maken

Na het activeren van de plugin verschijnt er aan de linkerkant van je dashboard een nieuw menu item met de naam Contact.
Klik op Contact > nieuwe toevoegen.
Tik in het bovenste veld de naam van je formulier en sla je formulier op.

Maak een nieuwe pagina aan en kies het nu beschikbare blok ‘Contact’. Je kunt nu kiezen welk door jou aangemaakt formulier op deze pagina moet komen.

contactformulier

Sla de pagina op.
Het formulier zelf maak je op via de tab ‘contact’ in het linkermenu van je dashboard: Contact > Contactformulieren.
Klik op je eerder aangemaakt formulier: Contact. Je ziet dan de volgende code verschijnen (links) en recht zie je het resultaat op de contactpagina van je website:

contactformulier

Je ziet in de code van het formulier code tussen haken dit zijn de velden. Laat deze zoals ze zijn.

Velden toevoegen

Boven de code van je formulier vind je verschillende mogelijkheden om aan je formulier toe te voegen:

contactformulier

Wil je bijvoorbeeld een plaatsnaam opvragen, ga dan met je muis op de plek in de code staan waar het veld moet komen en klik dan op de button ‘tekst’. Dan open het volgend scherm:

contactformulier

Tik achter naam een duidelijk omschrijving van het veld in dit geval ‘plaats’ en klik op Tag invoegen. Typ voor de code: Plaats en kijk de verdere opmaak af van de overige code. Sla het formulier op:

contactformulier

Op deze manier kun je ook bijvoorbeeld radiobuttons (Er kan één vakje worden geselecteerd) checkboxes (Er kunnen meerdere vakjes worden geselecteerd) maken.

De ingevulde gegevens ontvangen

Nu wil je natuurlijk nog weten wat een bezoeker op je formulier heeft ingevuld. Deze gegevens kun je per e-mail laten binnenkomen. Klik op de knop ‘Mail’:

Dan opent een scherm waarin je achter ‘Bericht inhoud’ kunt aangeven welke informatie je wilt ontvangen. Je doet dit door de tags die bovenaan staan in de bericht inhoud te plakken en er eventueel tekst bij te typen.

contactformulier

Je kunt ook automatisch een e-mail naar de invuller van het formulier laten verzenden. Vink daarvoor Gebruik e-mail 2 aan.
Hier kun je bijvoorbeeld een tekst typen, bijvoorbeeld: ‘Bedankt voor het invullen van het formulier op mijn website. U ontvangt zo spoedig mogelijk antwoord van ons’. Je kunt de informatie die je niet wil verzenden verwijderen.

Een reCAPTCHA instellen

Om spam te voorkomen is het goed een reCAPTCHA in te stellen. Hiermee moet iemand die je formulier invult bijvoorbeeld een code overtikken om te bewijzen dat hij of zij geen robot, maar een mens is.
Om van deze techniek te kunnen gebruikmaken. Heb je een Google-account nodig om je website te registreren:

  • Ga naar https://www.google.com/recaptcha/admin
  • Log in met je Google-account
  • Geef een label op, bijvoorbeeld ‘naam’
  • Kies onder ‘reCAPTCHA type’ voor ‘reCAPTCHA v3’
  • Vul onder ‘Domains’ je domeinnaam in (www.jedomeinnaam.nl)
  • Vink ‘Accept the reCAPTCHA Termsof Service’ aan
  • Laat ‘Meldingen naar eigenaren verzenden’ aan staan. Je ontvangt dan een e-mail als de registratie voor deze techniek gelukt is
  • Klik op de knop ‘Verzenden’

­Op de volgende pagina krijg je de twee codes te zien: Site Key en Secret Key. laat deze pagina in je browser openstaan en in een ander browservenster de backend van je website.    

  • Klik op ‘contact’ in het linkermenu
  • Klik daarna op ‘Integratie’
  • Klik onder ‘reCAPTCHA’ op de knop ‘Setup lntegration’
  • Kopieer de ‘Site key’ vanaf de Googie-pagina die je nog open hebt in het andere browservenster
  • Plak deze achter ‘Site-sleutel’ in je backend
  • Doe hetzelfde voor ‘Secret key/Geheime sleutel’
  • Klik op de blauwe knop ‘Save Changes’

­Je krijgt een melding dat de instellingen zijn opgeslagen en ziet de ‘Site-sleutel’ en een gedeelte van de ‘Geheime sleutel’. Daarmee is het activeren van de reCAPTCHA-techniek gelukt.

Geplaatst in Web Getagd met