18 handige tips voor contact form 7

Er zijn heel veel contactformulier-plugins voor WordPress. Als je ons al langer volgt weet je dat wij enorme fans zijn van Gravity Forms om formulieren te maken op een WordPress website of WooCommerce webshop. Maar op de meeste websites die wij tegenkomen zien we dat er gebruik wordt gemaakt van de gratis Contact Form 7 plugin. Waarom?

De belangrijkste reden hiervoor is waarschijnlijk dat het gratis is. Een voordeel boven Gravity Forms, als de prijs voor jou belangrijker is dan de functionaliteit. Daarnaast zal het zeker een rol spelen dat veel thema’s standaard gebruik maken van de Contact Form 7 plugin bij de installatie van hun thema.

Over Gravity Forms hebben we al diverse blogs geschreven met uitbreidingen en toepassingen. Dit kan alleen voor een deel ook met Contact Form 7. Daarom laten we je graag die mogelijkheden zien. Dit blog is geen stap-voor-stap handleiding hoe je deze extra opties instelt, maar geeft vooral globaal de mogelijkheden aan die je kunt toevoegen aan je formulieren.

Een deel van de hier beschreven plugins is gratis te verkrijgen via de WordPress repository, een ander deel is betaald via Codecanyon te downloaden. Voor de laatstgenoemde plugins maken wij gebruik van een affiliate-link in deze blog. Jou kost het niets extra, wij krijgen een kleine commissie als jij via onze link plugins aanschaft. Uiteraard kun je ook zelf de links erbij zoeken. Maar we gaan er vanuit dat je ons deze commissie wel gunt ;-)

Contact Form 7 conditional fields

Jij wilt toch ook een gebruiksvriendelijke website waar je bezoekers niet afhaken door ellenlange formulieren? Dan moet je gewoon gebruik maken van conditioneel getoonde velden of zelfs secties. Kiest iemand voor optie A, toon bijvoorbeeld dan pas het adres. Kiest iemand optie B? Dan heb je geen adres nodig en wordt deze ook niet getoond.

Hoe regel je conditionele velden in met Contact Form 7? Je hebt een extra plugin nodig die je hier vindt:

Na installatie van deze plugin vind je bij het instellen van je formulieren een extra tabblad ‘conditional fields’. Hier kun je instellen wanneer je bepaalde velden wilt tonen of juist niet tonen. Wil je alles weten over deze plugin, dan verwijzen we je graag naar deze tutorial van de makers zelf.

Spam voorkomen met ReCaptcha v2 voor Contact Form 7

Het is een probleem dat je vast herkent: je krijgt vervelende spam-inzendingen via je contactformulier. De beste lening, de mooiste vrouwen of mannen zijn op zoek naar jou en meer van dit soort zaken.

Als je deze plugin installeert kun je weer gebruik maken van de [recaptcha] tag. Deze is eerder door de makers van Contact Form 7 uit hun plugin gehaald. Hiermee kun je dus jouw website weer koppelen met de juiste API keys aan Google Recaptcha waarmee je zo goed als geen spam meer binnen zult krijgen via je contactformulier op je website.

Als je niet weet hoe je deze keys aan moet maken dan verwijzen we je graag naar deze handleiding.

Honeypot voor Contact Form 7

Een captcha-veld onder je formulier is geen sieraad, al is het absoluut effectief. Om spam te voorkomen kun je ook de Honeypot plugin proberen. Deze is gratis te downloaden vanaf de WordPress plugins directory.

Wat doet deze plugin om spam te voorkomen? Er wordt een veld toegevoegd dat niet zichtbaar is voor bezoekers en deze zullen dit dus ook nooit invullen. Maar een bot scant alle velden en plaatst daar iets in. Als het veld ingevuld is dan weet je dus 100% zeker dat het spam is. Simpel maar doeltreffend.

Mailchimp koppelen aan Contact Form 7

Om bezoekers van je website de mogelijkheid te geven in te schrijven op je Mailchimp nieuwsbrievenlijst kun je een standaard formulier gebruiken van Mailchimp. Je hebt dan weinig mogelijkheden om te stylen of te optimaliseren. Gravity Forms kun je prima koppelen met Mailchimp, hier schreven we eerder al een blog over. Maar ook Contact Form 7 kun je gratis koppelen aan Mailchimp. Hiermee word je veel flexibeler in de koppeling en heb je de mogelijkheid om het inschrijfformulier zo in te richten als jij het zelf wilt.

In de basis kan dit voldoende zijn. Wil je inschrijvers koppelen aan een groep, segment of tag, dan zul je de premiumversie van deze plugin aan moeten schaffen.

Multistep formulier met Contact Form 7

Als je bezig bent met het optimaliseren van de conversie van je website (daar helpen wij je ook graag bij) dan ben je vast aan het nadenken over je formulieren. Welke velden maak je echt verplicht; heb je werkelijk alle gegevens nodig die je nu vraagt.

Daarnaast kun je ervoor kiezen om je formulier in verschillende stappen te verdelen. En dan komt deze plugin goed van pas: Contact Form 7 Multi-Step Forms. De naam zegt eigenlijk precies wat de plugin doet.

Een voorbeeld van deze multistep plugin vind je hier. Ook deze plugin biedt een pro-versie die je alleen nodig hebt als je heel veel inzendingen van je formulier verwacht.

Als je nog betere formulieren in Contact Form 7 wilt maken met meerdere stappen dan raden wij je aan om te kijken naar de Contact Form Seven Multi-Step Pro plugin op Codecanyon. Hiermee kun je het perfecte multi-step formulier maken.

Visual Editor voor Contact Form 7

Deze plugin kan je leven gemakkelijker maken als je niet van code houdt. Met deze plugin voeg je aan de achterkant van je dashboard een visuele editor toe voor je Contact Form 7. Hiermee krijg je ook een drag & drop builder waarmee je de velden kunt slepen in de volgorde die je wilt.

Naast de drag & drop editor heb je ook de optie om direct een aantal verschillende thema’s te laden in je editor. Met deze add-on kun je dus met beperkte HTML- en CSS-kennis een beter formulier maken in Contact Form 7. Kijk ook op de website van de makers voor meer informatie en voorbeelden.

Inzendingen van Contact Form 7 opslaan in de database

Als je niets aanpast zijn de inzendingen van Contact Form 7 niet meer terug te halen via je website-dashboard (Bijvoorbeeld zoals Gravity Forms). Maar je raadt het al: ook hier is een goede plugin voor geschreven.

Met deze plugin krijg je de mogelijkheid om alle inzendingen in het dashboard van je website te bekijken. Daarnaast kun je ze ook exporteren naar een CSV-bestand dat je dan bijvoorbeeld weer kunt importeren in je CRM-systeem. Ook een export naar PDF behoort tot de mogelijkheden.

De basis van deze plugin is gratis maar er zijn een aantal nuttige betaalde toevoegingen. Deze bestel je voor een eenmalig bedrag op CodeCanyon.

Redirection for Contact Form 7

Een belangrijk onderdeel van de optimalisatie van je WordPress website is…. de bedankpagina. Een ondergeschoven kindje op heel veel websites. Bezoekers nemen de moeite om een formulier in te vullen (iedereen heeft daar van nature een afkeer van) en krijgen daarna de prachtige standaardtekst ‘we nemen misschien binnenkort contact met je op’. Okdoei…..

Optimaliseer die pagina, haal eruit wat erin zit! Met deze plugin kun je instellen dat een bezoeker na het insturen doorgestuurd wordt naar een pagina die jij zelf instelt. Zorg ervoor dat je vraagt aan een bezoeker ‘hoe kwam je op onze website?’ of ‘heb je gevonden wat je zocht?’ en bied een uitweg van de pagina naar bijvoorbeeld je recente blogs of een speciale aanbieding.

Deze plugin biedt ook een Pro versie aan, bekijk hiervoor de website van de makers.

Material Design for Contact Form 7

Dit is een plugin die niet terug te vinden is in de WordPress repository maar die zeker interessant is als je Contact Form 7 gebruikt. Eigenlijk is het heel eenvoudig. Je krijgt een pakket met vooraf vormgegeven opties voor je contactformulier. Mocht je meer willen? Dan is er uiteraard een Pro-versie.

Bekijk alle mogelijkheden en een groot aantal demos hier.

Salesforce CRM koppelen met Contact Form 7

Salesforce is een populair CRM-systeem dat bij veel bedrijven in gebruik is. Met deze plugin kun je een koppeling maken tussen verschillende contactformulieren die je maakt met Contact Form 7. Hiermee krijg je een overzicht van je leads in Salesforce. Daarnaast kun je contacten en cases aanmaken.

Bekijk de mogelijkheden van de Salesforce CRM plugin

Google Analytics en Contact Form 7 koppelen

Als je serieus met je website bezig bent wil je ook weten wat er gebeurt. Natuurlijk kun je het aantal inzendingen van een formulier gaan tellen om te berekenen wat je conversie is. Gelukkig kun je Google Analytics koppelen met Contact Form 7 en hiermee Events meten. Een event kan bijvoorbeeld zijn als de bedankpagina bereikt is. Dit betekent namelijk dat je formulier ingestuurd is. Op basis hiervan meet je het succes van je formulieren.

Na de installatie en configuratie van deze plugin heb je de Event Tracking ingesteld en zie je in Google Analytics de acties op jouw formulieren terug als events. Contact Form 7 is de naam van het Event en het Event label is de naam van het formulier.

Dynamische content in Contact Form 7

Op diverse websites van onze klanten vind je dynamische content. Als voorbeeld: iemand geeft op pagina x aan dat hij of zij een offerte wil ontvangen. Vervolgens wordt er doorgeklikt naar de aanvraagpagina en de optie voor ‘offerte aanvragen’ wordt automatisch aangevinkt. Dit kan ook via de URL buiten je website om.

Stel je stuurt een nieuwsbrief naar je klanten en vraagt hen of ze iets aan willen vragen op je website. Hoe tof is het als diegene de link aanklikt en de naam van de ontvanger is al ingevuld op basis van de URL? Dit is maar een klein deel van de mogelijkheden van deze plugin. Een waardevolle aanvulling op je website lijkt mij.

Dit is lastig als je geen kennis hebt van de logica van programmeren. Maar wat niet is kan komen toch? De pagina van de plugin geeft voldoende uitleg om hiermee een start te kunnen maken.

Offerte aanvragen via Contact Form 7

Regelmatig komt in onze Facebookgroep over WordPress de vraag voorbij hoe je een calculator of offerteaanvraagsysteem in je website in kunt bouwen. Het antwoord is meestal: koop een licentie van Gravity Forms en ga aan de slag. Een prima tip. Mocht je toch liever met Contact Form 7 aan de slag gaan, dan is daarvoor ook een add-on te koop op Codecanyon.

Hoe de plugin werkt vind je in deze video, een uitleg van de makers:

Kort gezegd kun je hiermee een formulier bouwen met o.a. dynamische berekeningen, sliders om prijzen van tot aan te geven en nog veel meer.

Bestel deze plugin op codecanyon

“Bedankt”-pop-up voor Contact Form 7

Eerder schreven we al over de bedankpagina die je kunt optimaliseren voor meer conversie. Wil je toch liever een pop-up met daarin jouw eigen tekst? Dan heb je deze plugin nodig. Het is geen ingewikkelde plugin, je stelt deze in en stelt in welk thema je wilt gebruiken. Vanaf nu zijn je validatieberichten van je formulieren via Contact Form 7 in een pop-up te zien.

Bestel popup voor Contact Form 7

Contact Form 7 met een handtekening

Voor sommige formulieren heb je simpelweg een handtekening nodig om het officieel te maken. Maar hoe voeg je een handtekening veld toe aan je Contact Form 7 formulieren? Daar heb je deze plugin voor nodig.

Regelmatig lees ik dat de handtekening niet in de e-mail zit die je ontvangt. Dit los je op door deze code toe te voegen aan de e-mails:

<img src="[your-signature-field]"/>
Let ook op dat dit veld niet standaard responsive is en dus niet bruikbaar is op mobiele apparaten. Dit is eenvoudig op te lossen met een stukje CSS-code.

Contact Form 7 koppelen met Activecampaign of andere autoresponders

De koppeling met Mailchimp beschreven we al eerder in deze blog. Maar als je nu ActiveCampaign (of het Nederlandse Mailblue), Aweber, Getresponse of welke andere nieuwsbrieftool dan ook gebruikt? Ben je dan aangewezen op de standaard formulieren van de tool zelf? Gelukkig niet.

Met deze plugin koppel je jouw contactformulieren aan ieder gewenst nieuwsbriefsysteem. Naast de koppeling met 10 verschillende systemen kun je deze plugin ook gebruiken om alle inzendingen in je database op te slaan. Zo heeft deze plugin dus een dubbele functie.

Bestel de plugin op Codecanyon

Hubspot koppelen met Contact Form 7

Hubspot is een gratis CRM-systeem dat veel gebruikt wordt. Bezoekers die formulieren op je website invullen wil je dan ook graag in dit systeem verwerken. En dan natuurlijk automatisch. Gebruik deze plugin om je formulieren te koppelen aan Hubspot en de juiste velden over te nemen in je CRM-systeem.

Hier vind je meer informatie van Hubspot zelf over het koppelen van WordPress en Hubspot.

PDF inzendingen maken via Contact Form 7

De standaard e-mails van Contact Form 7 zijn net als veel andere formulierplugins niet om over naar huis te schrijven. Daarom is het goed om geordende PDF’s mee te sturen naar zowel de ontvangers als jezelf. Hiervoor zijn weinig plugins beschikbaar, maar deze WordPress Contact Form 7 PDF & Database kan dit. Een kleine investering van 16 dollar in de professionalisering van je bedrijf.

Download deze plugin op Codecanyon

Conclusie

Ik hoop dat het je nog niet duizelt. Het liefst had ik een blog geschreven waarom wij Gravity Forms gebruiken in plaats van Contact Form 7. Maar aangezien we graag een goed beeld schetsen van de mogelijkheden die er in WordPressland zijn vonden we het noodzakelijk om je in ieder geval te laten zien welke mogelijkheden er zijn met Contact Form 7.

Het nadeel van Contact Form 7 is voor ons vooral dat het regelmatig voorkomt dat ingezonden formulieren niet aankomen zonder een aanwijsbare reden. Dat hebben wij niet met Gravity Forms en dat is voor ons alleen al een reden om hiervoor te kiezen. Daarnaast zijn er voor veel functies die niet standaard in Contact Form 7 zitten wel standaard opties in Gravity Forms. Maar als je een licentie van Gravity Forms te duur vindt dan is het gratis Contact Form 7 zeker een optie.

Een deel van de plugins die hierboven beschreven staan en die je aan kunt schaffen via Codecanyon zijn te koop in een bundel. Hiermee kun je aardig wat geld besparen. Bekijk direct of deze bundel iets voor jou is, voor 55 dollar ontvang je heel veel add-ons en je krijgt levenslang updates.

Deze blog heeft als inspiratie deels de blog van Freddy die zijn blog publiceerde op WPExplorer.com

 

2 antwoorden
    • Kees Lamper
      Kees Lamper zegt:

      Hi Freddy,

      You’re more then welcome! Thanks for the inspiration. If it’s possible and you can link to the Dutch article in your article it would be great for the Dutch WordPress community.

      Regards,
      Kees

      Beantwoorden

Plaats een Reactie

Meepraten?
Draag gerust bij!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *