Wil jij een contactformulier voor je WordPress website maken? Dan ben je hier aan het juiste adres! Simpel en snel heb je dat met dit artikel gedaan. Er zijn maar 5 kleine stappen voor nodig. Laten we beginnen!
Video
Voor de liefhebbers is er ook een video over dit artikel:
Stap 1: Installeer de Contact Form 7 plugin
Zelf gebruik ik al jarenlang de Contact Form 7 plugin op al mijn WordPress websites.
Heel simpel en snel maak ik contactformulieren ermee en het werkt prima.
Daarom raad ik het jou ook aan om mee aan de slag te gaan.
Ga in het dashboard van je WordPress website naar Plugins > Plugin toevoegen.
Zoek naar de “Contact Form 7” plugin.
Installeer en activeer de plugin.
Stap 2: Maak je eerst formulier
In het dashboard zie je nu in het menu “Contact” staan.
Ga met je muis over “Contact” en klik op “Contactformulieren”.
“Contactformulier 1” staat daar al automatisch en die kan je gaan bewerken.
Je krijgt dit te zien:
Je ziet form-tags staan die het formulier creëren. Zoals text, email en textarea.
Het * betekent dat de invoervelden verplicht zijn.
Zelf kan je eenvoudig form-tags toevoegen door op een form-tag naar keuze te klikken.
Ik voeg meestal voor extra beveiliging een quiz toe.
Plaats de cursor boven submit, de verzenden knop, om daar de quiz toe te voegen.
Klik op de form-tag quiz. Dat ziet er zo uit:
Dan kom je hier terecht:
Het bovenstaande heb ik ingevuld en ik klik op “Tag invoeren”.
Neem de vraag en het antwoord over of verzin zelf een kloppende vraag en antwoord.
Let er wel op, als je een form-tag toevoegt, moet de syntax wel kloppen. Oftewel, de grammaticale opbouw moet kloppen.
Anders werkt de form-tag niet.
Tot slot gaan we de mail instellen.
Klik op “Mail”:
Je komt hier terecht:
Ik heb “Aan” aangepast, zodat de berichten van het formulier naar de juiste e-mail gaan.
Zet bij “Aan” je eigen e-mail neer. Het beste is om je domein e-mailadres (info@jouwdomein.nl) te gebruiken.
Dat geldt ook voor het e-mailadres bij “Van”.
Mailservers vinden het namelijk betrouwbaarder als je e-mailadres overeenkomt met je domeinnaam.
Zet je een ander e-mailadres neer dat niet overeenkomt? Dan is de kans groter dat het bij de spam terechtkomt in de mailbox.
Heb je nog geen domein e-mailadres? Dan is het handig om dat aan te maken.
Hier zie je trouwens ook weer dat er gebruik wordt gemaakt van tags.
Klik onderaan op “Opslaan” om de mail-instellingen op te slaan.
Op naar de volgende stap!
Stap 3: Plaats het formulier op een pagina of bericht
Na het opslaan van de mail-instellingen zie je de shortcode van het contactformulier onder de titel staan.
Ook als je in het dashboard gaat naar Contact > Contactformulieren zie je de shortcode staan.
Kopieer de shortcode en plaats het in een pagina of bericht. Een widget is ook mogelijk.
Check de pagina of het bericht even om te zien of het contactformulier er daadwerkelijk staat.
Gedaan? Op naar stap 4 alweer!
Stap 4: Formulier testen
Vul het formulier helemaal in en verzend het.
Als het goed is, moet je nu een e-mail krijgen met wat is ingevuld in het formulier.
Krijg je geen mail? Loop dan je mail-instellingen nog even na.
Misschien krijg je wel een foutmelding? Kijk wat deze foutmelding betekent om het op te lossen.
Werkt het nog niet?
Gebruik dan de WP Mail SMTP plugin om e-mails te laten versturen via een echte mailserver. Vaak werkt het dan wel als de e-mails niet aankomen.
Stap 5: Contactformulier stylen?
Ben je bij deze laatste stap gekomen? Dan heb je een werkend contactformulier op je website!
Dat is leuk, maar misschien wil je het contactformulier wel aanpassen naar de stijl van je website?
Daar zijn mogelijkheden voor.
Als je verstand hebt van CSS, dan kan je met CSS het contactformulier vormgeven.
Custom CSS toevoegen in WordPress is prima te doen.
In het formulier kan je classes toevoegen, om het zo met CSS een eigen stijl te geven of de stijl van je thema aan te houden.
Geen verstand van CSS? Probeer dan de CF7 Skins plugin eens.
Slotwoord + extra tips
Zoals je hebt gezien, kan je met de Contact Form 7 plugin simpel en snel een contactformulier op je WordPress website implementeren.
Het is misschien niet de meest fancy plugin, maar wel zeer efficiënt!
Nog extra tips voor jou.
Door verschillende redenen kan het gebeuren dat een e-mail van het contactformulier niet aankomt in jouw mailbox.
Gelukkig is er de CFDB7 plugin.
Deze plugin slaat alle verzonden gegevens uit het Contact Form 7 formulier op in de database.
Zo raak je nooit berichten kwijt van bezoekers, ook al komen ze niet aan in je mailbox.
Krijg je op den duur last van spam via het contactformulier?
Op de website van Contact Form 7 lees je wat bescherming kan bieden.
Profiteer van de tips!