Berichten

Ik ben dol op gratis dingen, net als de meeste mensen. Zo houden mensen die een WordPress website willen bouwen uiteraard ook van gratis. Maar is gratis altijd een goede keuze? Is een gratis thema of plugin net zo goed als een betaalde variant?

Het antwoord hierop is niet direct heel eenduidig te geven. In deze blog geef ik een aantal redenen waarom je niet of juist wel zou moeten kiezen voor gratis thema’s en plugins.

  1. Updates voor plugins en thema’s
  2. Snelheid van je website
  3. Mogelijkheden gratis vs betaald thema
  4. Mogelijkheden gratis vs betaalde plugins
  5. Support
  6. Betrouwbaarheid
  7. Conclusie

Updates voor plugins en thema’s

Regelmatig verschijnen er updates voor de core van WordPress. Zeg maar de Windows van je website. Moet je al deze updates direct doorvoeren? In principe niet als er geen cruciale veiligheidsupdates zijn. Maar op enig moment zul je toch moeten updaten omdat anders andere plugins of thema-onderdelen niet goed meer zullen functioneren.

Je kunt je vast voorstellen dat betaalde plugins en thema’s eerder compatible zullen worden gemaakt dan gratis versies. Voor mij is dit in ieder geval volkomen logisch. Alleen kan het hierdoor voorkomen dat je zelf aan de slag moet om een plugin aan te passen.

Recent voorbeeld hiervan is dat WooCommerce hun aanroepen vanuit plugins aangepast hebben van woocommerce_ naar wc_. Een kleine stap maar met enorme gevolgen. Dit heeft veel webbouwers uren gekost om handmatig plugins en thema’s aan te passen als het te lang duurde voordat er een bijgewerkte versie van een thema of plugin uitgebracht werd.

Ik wil nog wel graag de kanttekening maken dat ook betaalde plugins of thema’s soms nauwelijks updates krijgen of dat het ook lang duurt. Een betaalde variant is dus geen garantie voor updates. Daarom is het belangrijk om bij de keuze voor een thema of plugin onderzoek te doen naar de geschiedenis, support, enzovoort.

Snelheid van je website

Iedereen wil een snelle website. Leuk voor de eigenaar maar cruciaal voor het succes van je website of webshop. Al eerder schreef ik een aantal blogs over snelheidsoptimalisatie van een WordPress website.

De keuze van een thema zal zeker afhankelijk moeten zijn van de snelheid van het betreffende thema. Wil je weten hoe snel een thema is? Test dit eenvoudig door de demo van een thema door GTmetrix.com te halen. Dit geeft vaak een goede indicatie van de algemene snelheid.

GTMetrix score

Voorbeeld GTMetrix.com scores

Hetzelfde geldt voor plugins, al is dit lastiger te testen. De meeste betaalde plugins kennen overigens een goede refund-regeling. Vaak heb je 30 dagen de tijd om je geld terug te vragen. Dus mocht je echt twijfelen dan kun je de plugin aanschaffen en testen.

Maar wat is nu het verschil in snelheid tussen gratis thema’s en betaalde thema’s? Praktisch gezien zijn betaalde thema’s over het algemeen standaard geïnstalleerd iets langzamer. Waarom? Zijn ze slechter gebouwd? Nee zeker niet. Alleen zit er vaak een heleboel overbodige ballast in die je niet nodig hebt. Denk aan verschillende slider plugins, verschillende social media plugins en meer van dat soort zaken.

Ook zijn betaalde thema’s meestal voorzien van een pagebuilder zoals bijvoorbeeld Visual Composer of een soortgelijke plugin. Een groot aantal premium thema’s maken ook gebruik van hun eigen pagebuilder, denk aan Enfold, Avada en Divi. Dit hoeft niet direct negatief te zijn als je weet hoe je de snelheid kunt optimaliseren. Maar het is een feit dat ook in webdesign less is more geldt.

Wil je liever je eigen thema maken vanaf scratch? Dan is er online heel veel te vinden. Heb je liever een papieren boek dat je stap voor stap verder helpt dan kan ik je dit boek aanbevelen.

Aanpassingen aan je WordPress website

Heb je weinig kennis van programmeren in PHP of een andere programmeertaal? Dan kan het soms best lastig zijn om iets te bouwen waar jij tevreden over bent. Daarnaast is kennis van CSS een belangrijke basisvaardigheid in mijn beleving om een website te kunnen bouwen die voldoet aan alle eisen. Als je meer wilt weten over het aanpassen van een thema met CSS dan raad ik je aan deze blog over CSS te lezen.

Een pagebuilder geeft je de mogelijkheid om snel zaken aan te passen en te dupliceren naar meerdere pagina’s. Je kunt complete pagina’s dupliceren maar ook bepaalde onderdelen als template opslaan.

Wat is het verschil tussen een gratis en betaalde variant van een thema? Gratis versies zijn zoals hierboven beschreven vaak voorzien van minder opties, dus het komt meer aan op kennis van diverse code. Mocht je tijd willen investeren in het leren van de code dan kan dit uiteraard. Wil je snel van start dan adviseer ik je thema te kiezen met een aantal ingebouwde basis features als een pagebuilder en verschillende templates.

WordPress pagebuilder VC

WordPress pagebuilder WP Bakery

Daarnaast is het zeker de moeite waard om te overwegen of jij als ondernemer überhaupt zelf ooit het resultaat gaat bereiken dat een professionele webdesigner in veel minder tijd neer kan zetten. Maak daarom bij de keuze voor een nieuwe website zeker de afweging of je de tijd die je erin zult moeten steken niet beter in je bedrijf kunt steken en de website bouwen aan een professional overlaat.

Voor plugins geldt eigenlijk hetzelfde. Gratis versies zijn vaak voorzien van basis features. Wil je meer, dan bieden veel plugins de mogelijkheid om een pro-versie te kopen. Een mooi voorbeeld hiervan vind ik de Paytium plugin. De basisversie voldoet prima als je weinig eisen hebt voor een formulier in WordPress met iDEAL-integratie. Wil je het geheel koppelen aan bijvoorbeeld Mailchimp of ActiveCampaign dan kun je voor een klein bedrag per jaar upgraden naar een pro-versie die dit ingebouwd heeft.

Mogelijkheden gratis vs betaald thema

In de vorige alinea schreef ik al deels over de verschillen tussen betaalde en gratis plugins en thema’s. Uiteraard zijn er uitzonderingen op deze regels. Globaal kun je aanhouden dat een thema dat betaald is meer mogelijkheden heeft dan een gratis thema. Waar moet je dan aan denken? Uiteraard aan een ingebouwde of bijgesloten pagebuilder.

Let wel op, bij veel thema’s op bijvoorbeeld Themeforest zit onder andere de WP Bakery Page Builder (voorheen Visual Composer) ingesloten. Dit is een potentieel veiligheidsrisico aangezien je in het ergste geval weinig of helemaal geen updates hiervoor krijgt, of veel later dan de update beschikbaar is. Mocht je dus een thema willen gebruiken met deze builder aan boord, adviseer ik je die plugin los aan te schaffen en de licentie in te voeren zodat je altijd zelf de updates beheert en niet afhankelijk bent van een themamaker.

Kies je voor een gratis thema, ben je dan echt aangewezen op hard coderen? Nee, gelukkig voor jou zijn ook hier oplossingen voor. Vanaf WordPress 5 zal een pagebuilder deel uitmaken van de WordPress core. Of je hiermee hetzelfde kunt als de eerder genoemde pagebuilders? Het simpele antwoord is: nee. Maar het stelt jou wel in staat om met behulp van blokken een website op te bouwen. Deze pagebuilder heeft de naam Gutenberg, eerder schreef ik hier een blog over.

Daarnaast heb je sinds een tijd een serieuze gratis speler met de naam Elementor. Hier heb ik zelf weinig ervaring mee maar de geluiden in de community hierover zijn zeker positief. Als je hier meer over wilt weten raad ik je aan de website van de makers te bezoeken.

Mogelijkheden gratis vs betaalde plugins

Er zijn op dit moment 54.482 plugins beschikbaar in de WordPress repository. Dit aantal wijzigt dagelijks, maar dit geeft in ieder geval een goede indicatie van het aantal gratis plugins dat beschikbaar is om je website uit te breiden. Dit zijn namelijk alleen de gratis plugins.

De premium WordPress plugins vind je voor een deel op Codecanyon. Hier staan er op het moment van schrijven 6396. En dat is maar een heel klein deel, omdat veel ontwikkelaars ervoor kiezen om de plugins vanaf hun eigen website te verkopen. Google kan je hier zeker bij helpen.

Wat zijn de verschillen dan tussen gratis en premium plugins? Eigenlijk is dat voor een groot deel appels met peren vergelijken. Veel plugins die je op Codecanyon vindt zijn niet te vinden in de gratis repository en andersom.

In grote lijnen kun je aanhouden dat je voor meer geavanceerde onderdelen van je website zelf iets zult moeten bouwen of een premium plugin moet aanschaffen. Twee voorbeelden: om het nieuwsbriefsysteem van ActiveCampaign te koppelen aan je WooCommerce webshop heb je een gratis plugin die prima voldoet voor 1 lijst en geen geavanceerde eisen als verschillende tags, etc. Wil je meerdere lijsten gebruiken en verschillende acties uitvoeren als iemand iets gekocht heeft dan zul je over moeten stappen op een premium plugin als bijvoorbeeld de plugin van ActiveWoo.

Iedereen die enigzins verder is binnen WordPress kent de fantastische plugin van Yoast. Ja die van het groene bolletje ;-) De gratis versie voldoet voor heel veel mensen heel goed. Wil je meer, dan heb je de optie om te upgraden naar een premium versie om meer mogelijkheden te krijgen en uiteindelijk een betere website te krijgen.

Voor mij is de stelregel simpel: als het nodig is koop ik een plugin. Als ik een premium nodig heb, schaf ik die aan. In mijn geval probeer ik dan wel een plugin te zoeken waar een lifetime licentie voor aangeschaft kan worden, zodat ik niet voor elke website opnieuw hoef te betalen.

Support

Soms zit er een bug in een plugin waar jij zelf niet uit komt. Hoe fijn is het dan als je de makers van een plugin om support kunt vragen? Wil ik hiermee zeggen dat je bij gratis plugins geen support krijgt? Zeker niet. Ook hier geldt zoals ik eerder schreef dat er gratis plugins zijn waar de ondersteuning significant beter is dan bij duurbetaalde plugins die nutteloze of zelfs geen antwoorden geven.

Over het algemeen kun je bij veel plugins op Codecanyon ook bekijken hoe de makers met support aanvragen omgaan. Bij de plugin vind je vaak een support onderdeel waar je vooraf rustig kunt bekijken hoe dit werkt en hoe snel de makers reageren. Heel vaak word ook verwezen naar een apart supportforum, dit is lastiger beoordelen omdat je hier pas toegang tot krijgt als je het thema gekocht hebt.

Krijg je bij gratis plugins dan helemaal geen support? Zeker wel. Achter dit Content Management Systeem zit wereldwijd een enorme community. Je kunt je vraag stellen via de plugin-pagina in de repository of via het algemene supportforum van WordPress. Hier kun je uiteraard alleen geen rechten aan ontlenen, aangezien het je niets kost.

Betrouwbaarheid

Als je een thema of plugin installeert kun je hiermee je totale website of webshop open zetten voor aanvallers. Hoe? Een plugin kan malware bevatten dat hier door de makers ingebouwd is. Ditzelfde geldt ook voor een thema. Kun je niet voorkomen? Nee eigenlijk niet. Recent zijn er gevallen bekend van grote gratis plugins die voorzien waren van malafide software. Op het moment dat dit bekend wordt zal de plugin vaak ook per direct verwijderd worden uit de repository en mogelijk alleen na strenge controle weer gewijzigd terugkomen. Voorkomen kun je het dus niet.

Gehackte website

Is dit dan onmogelijk bij betaalde uitbreidingen voor je WordPress website? Nee helaas ook niet. Alleen zal de gemiddelde plugin of themaontwikkelaar wel twee keer nadenken voordat hij of zij dit doet, omdat ze hiermee een groot deel van hun inkomsten kwijt kunnen raken. Maar het is dus geen garantie.

Conclusie

Ik hoop dat alles te volgen was. Een conclusie is er eigenlijk niet. Sowieso zul je zelf moeten beslissen of je kiest voor een gratis oplossing op je website of dat je liever investeert in premium thema’s en plugins. Wat mij betreft heeft betaald absoluut de voorkeur. De hoofdreden voor mij is snelheid in het ontwikkelen (je hoeft het niet zelf te bedenken het alleen te gebruiken) en veiligheid is ook een belangrijk issue. Er zijn mij te veel cruciale updates bekend waarvoor nog geen bijgewerkte gratis plugin was recent na het bekend worden.

Wat is jouw mening? Waar kies jij voor als je een keuze moet maken? Ik ben vooral benieuwd naar je motivatie. Deel het met ons in een reactie.

Heel vaak zie ik vragen over contactformulieren, offerteaanvragen, inschrijfformulieren voor een nieuwsbrief of een snelle inschrijving voor jouw workshop of training zonder een complete webshop te hoeven ontwikkelen in WordPress. De antwoorden die hierop gegeven worden zijn heel divers. De meest gegeven optie is Contact Form 7, dit is ook een prima formulier plugin als je een simpel contactformulier wilt gebruiken. Maar als je meer wilt? Je wilt velden tonen op basis van ingegeven waardes, je wilt controle over wat er ingestuurd is, je wilt keuzelijsten, checkboxen of zelfs je product verkopen via een eenvoudig formulier? Dan is er maar 1 juiste keuze: Gravity Forms!

Gravity Forms voor WordPress

Waarom zou je deze plugin moeten nemen? Hij kost geld, is niet heel makkelijk in gebruik en je moet jaarlijks je licentie vernieuwen. In deze blog zal ik je een aantal voorbeelden beschrijven waarin de plugin een absolute meerwaarde is. En daarnaast zal ik je een aantal plugins aanreiken, gratis of betaald, welke ik regelmatig gebruik om een fantastische beleving voor jouw bezoekers te maken. Een tevreden bezoeker zal eerder een tevreden klant worden!

Gravity Forms plugin

Als basis heb je in ieder geval deze plugin nodig. Je schaft deze aan via de website van Gravity Forms. Mijn advies is om in ieder geval de business licentie te nemen omdat je daarmee een aantal addons erbij krijgt die je regelmatig zult gebruiken. Welke dit exact zijn dat vind je op de genoemde website. Bij add-ons kun je denken aan koppeling met Mailchimp, ActiveCampaign, je CRM-systeem of je boekhoudprogramma.

Na installatie van de Gravity Forms plugin maak je een nieuw formulier en kun je direct aan de slag. Er zijn een heleboel standaard velden die je toe kunt voegen zoals ‘Naam’, dit veld bestaat dan ook direct uit meerder subvelden met voornaam/achternaam/etc. Of adres met daarin direct woonplaats/postcode. De mogelijkheden zijn eindeloos, zoek hier vooral uit wat je nodig hebt en laat de rest links liggen om het overzichtelijk te houden voor jezelf.

Formulier aanmaken Gravity Forms

Als het formulier klaar is, plaats je het door middel van een shortcode waar je maar wilt.
Bijvoorbeeld: gravityform id=”ID” title=”false” description=”false” zal het formulier met ID1 tonen zonder titel en zonder omschrijving.

Waarom zou je een licentie kopen terwijl Contact Form 7 bijvoorbeeld met een aantal uitbreidingen ook wel doet wat jij wilt? Als je alle functionaliteit van Gravity Forms uit een andere plugin wilt halen heb je wel heel veel extra plugins nodig. Daarnaast vind ik het een groot voordeel dat Gravity Forms stabiel en snel is. Het vertraagt je website niet, jij wilt toch ook een snelle website? Als laatste argument voor een betaalde plugin: ondersteuning. De ondersteuning vanuit Gravity Forms is heel erg goed. Je stelt een vraag en binnen een paar uur krijg je een passend antwoord.

Waar kun je het formulier voor gebruiken? Je zou deze vraag beter kunnen omdraaien. Waar zou je de plugin niet voor kunnen gebruiken? Laat ik een aantal toepassingen noemen die ik gebruik, en dat zijn ze nog lang niet allemaal:

  • Producten verkopen via een formulier en daaraan gekoppeld een iDEAL betaling van Mollie;
  • Geavanceerde inschrijfformulieren die gebruikersonvriendelijk zijn door hun vele velden;
  • Inschrijfformulieren voor nieuwsbriefsystemen als Mailchimp of ActiveCampaign;
  • Koppeling van formulieren aan Salesforce;
  • Offerteaanvragen op maat, inclusief de mogelijkheid een gemailde offerte direct om te zetten in een order betaald met iDEAL;
  • Het aansturen van een planningssysteem op basis van ingekomen aanvragen;
  • Het maken van een reservering op bepaalde tijd/plaats;
  • Inschrijvingen voor een evenement;
  • Het berekenen van een grootte en dit verwerken in een aanvraag.

Naast de optie voor contactformulieren kun je de plugin ook inzetten als selectielijst in Woocommerce. Je kent het vast wel, je bestelt iets op internet en op de productpagina heb je de keuze uit verschillende maten, kleuren en aantallen. Dit kun je regelen door variaties te maken in Woocommerce, een prima methode. Maar wil je het direct voor alle variabele producten inregelen? Maak een Gravity formulier en koppel dit aan de gewenst producten. Mocht er een optie bij komen of wijzigen dan hoef je dit maar op 1 plek te wijzigen! Wel zo efficient.

De mogelijkheden zijn werkelijk oneindig. Mocht het formulier de mogelijkheid niet bieden dan kun je dit er zelf inbouwen met script. Mijn advies is als je geïnteresseerd bent, bekijk de demo eens die online staat op Gravityforms.com.

Styling van Gravity Forms

De styling van een formulier gemaakt met Gravity Forms wordt in principe overgenomen vanuit je thema. Eventueel kun je ervoor kiezen om dit uit te schakelen en een zogenoemd naked formulier te laden zonder css. Dan kun je zelf aan de slag met CSS om het formulier precies te maken zoals jij dat wenst.

Er is een heel aantal classes beschikbaar die je standaard kunt toepassen op de velden in jouw formulier. Denk bijvoorbeeld aan een naamveld, je hebt de mogelijkheid om dit in twee delen weer te geven zodat de naamvelden niet onder elkaar maar naast elkaar komen. Al deze CSS classes en hoe dit werkt vind je hier: https://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

CSS Classes Gravity Forms

Standaard heeft Gravity Forms niet de mogelijkheid om een label dat boven of onder een veld getoond wordt te verwijderen en alleen gebruik te maken van de placeholder. Zowel een placeholder als een label vind ik persoonlijk vaak overdreven. Hiervoor is een stukje code beschikbaar om dit toch mogelijk te maken. Deze code plaats je in je functions.php van je child-theme.

add_filter( ‘gform_enable_field_label_visibility_settings’, ‘__return_true’ );

Hoe vaak zie jij formulieren waar je een behoorlijk eind moet scrollen en het aantal vragen je al direct afschrikt? Mogelijk kies je er zelfs voor om naar een concurrent te gaan die een korte vragenlijst op zijn website heeft staan. Het beïnvloedt dus ook direct de conversie. En je had juist je best gedaan om je conversie omhoog te brengen, een goede hosting, een snelle website, geen overbodige plugins meer. En dan nu dit? Dat is een behoorlijke teleurstelling.

Gelukkig heeft Gravity Forms hier ook een oplossing voor: paginering. Je geeft na een x-aantal velden aan dat hier een nieuwe bladzijde moet beginnen. De bezoeker ziet een aantal stappen, maar niet het hele formulier. Hierdoor heb je dus zelf invloed op de tevredenheid van je websitebezoekers.

Mogelijkheden in Gravity Forms

Zoals je waarschijnlijk al uit het voorgaande opgemaakt hebt ben ik enorm enthousiast over deze plugin. Maar waarom dan? Ik leg je graag een aantal basisfuncties van de plugin uit die het leven van een webdesigner een stuk gemakkelijker maken. Hiervoor heb je geen extra toevoegingen nodig, dit zit standaard in de plugin ingebouwd:

Conditionele velden
Ik noemde het net al even, de conditionele velden. Recent heb ik een formulier gebouwd waar een groot aantal vragen in stonden die alleen bedoeld waren voor mensen die kinderen hebben. De oplossing hiervoor was eenvoudig. Een selectieveld ‘kinderen ja/nee’ en alleen bij ‘ja’ worden de onderliggende velden zichtbaar. Wel zo vriendelijk voor mensen die geen kinderen hebben toch?

Extra velden toevoegen
Om bij hetzelfde formulier te blijven wat ik bij het vorige punt beschreef. Niet iedereen heeft meerdere kinderen. Dus hoeveel invulvelden ga je neerzetten om dit af te dekken? In Gravity Forms is het simpel. Je maakt 1 veld en daar komt een plus achter te staan. Je bezoeker kan velden toevoegen zoveel als hij/zij nodig heeft.

Checkboxen, selectielijsten
De meeste contactformulierplugins die ik ken hebben wel de mogelijkheid om dit toe te voegen maar niet zo gemakkelijk als Gravity.Keuzelijst Gravity Forms Je sleept het juiste veld in het formulier, voert de data in die getoond moeten worden en het staat erin.

Bestandsupload
Je vraagt aan je bezoekers om een kopie van hun legitimatie, een recente foto of een ander bestand dat geüpload moet worden. In Gravity Forms voeg je dit veld eenvoudig toe zonder verdere programmeerkennis. Wil je dat het opgeslagen bestand in jouw dropbox komt? Geen probleem, kun je gewoon aangeven.

Producten toevoegen
Je hebt 1 product dat je wilt verkopen. Ga je daarvoor een complete Woocommerce webshop bouwen? Nee, je installeert Gravity Forms en de Pronamic iDEAL plugin en voegt een aantal producten toe in je formulier. Jij hebt de controle over prijzen, wat wordt getoond en of de klant een PDF factuur krijgt of niet.

Paginering
Heb je een formulier met een groot aantal velden? Maak dan gebruik van de handige pagineringsoptie van Gravity Forms voor het gegroepeerd weergeven van de velden.Paginering Gravity Forms

Inschrijfformulieren nieuwsbrieven
Als je gebruik maakt van verschillende ingebouwde addons van Gravity Forms maak je heel eenvoudig een inschrijfformulier die je door middel van een API key koppelt aan de gewenste dienst. Alle inschrijfformulieren op mijn website zijn hier bijvoorbeeld mee gemaakt.

Koppeling met javascript
Voor een klant hebben wij een formulier ontwikkeld die de waardes uitleest uit de url. Stel een klant krijgt een vragenlijst en je wilt deze personaliseren. De klant ontvangt een e-mail met daarin een link naar http://jewebsite.nl/formulier?klant=jouwklant en ziet in de velden die jij aangeeft zijn eigen naam verschijnen. Dit kun je aanvullen met diverse andere opties tot jij tevreden bent.

Nadelen van Gravity Forms

Zijn er dan helemaal geen nadelen aan deze WordPress plugin? Ik ken er een aantal. De eerste is dat als je een langer formulier hebt (ik had recent een formulier met meer dan 100 velden), het lastig kan zijn qua beheer. Geef de velden daarom de juiste beheerdersnamen zodat je ze zelf kunt herkennen. En maak je een fout in de conditionele weergaven, dan kan het lastig zijn om de fout op te sporen. Werk daarom secuur om fouten te voorkomen en bedenk eerst goed of je een bepaald veld moet verwijderen.

Gravity Forms KopenVoor sommige mensen zal de prijs een nadeel zijn. In mijn ogen is deze stabiele plugin zijn geld meer dan waard.

Als laatste nog een wat ingewikkelder nadeel. Als je werkt met javascript en andere code om berekeningen uit te voeren,, dan kun je niet werken met als/dan statements. Dat zal voor de gemiddelde gebruiker geen probleem zijn, maar voor de gevorderde gebruikers blijft het een gemis dat deze optie (nog) niet aanwezig is. Dit zou de mogelijkheden richting berekentools nog groter maken.

Voorbeelden van werkende formulieren

In de afgelopen jaren zijn er door mij en partners diverse geavanceerde en minder geavanceerde formulieren ontwikkeld. Een aantal vind je terug op de volgende locaties:

Je ziet dat deze formulieren op maat te maken zijn en te koppelen aan diverse externe tools.

Gravity Forms inschrijfformulier

Inschrijfformulier met Gravity Forms gemaakt

Conclusie

Heb ik je enthousiast kunnen maken voor Gravity Forms, of twijfel je nog? Zelfs al heb je alleen een simpel contactformulier op je website, dan zou ik nog steeds adviseren om Gravity Forms te gebruiken.

Op bijna alle door mij opgeleverde websites zit het verwerkt. Waarom? Omdat het altijd werkt. Met andere plugins heb ik regelmatig problemen dat formulieren niet verstuurd worden. Dan heb je vaak een extra plugin nodig die de uitgaande mail vanaf je website beheert. Een zogenoemde STMP-plugin.

Daarnaast hebben tegenwoordig bijna alle websites een optie om je in te schrijven voor een nieuwsbrief. Wil je dit koppelen aan je contactformulier, dan heb je al snel een extra plugin nodig, wil je dit koppelen aan meerdere formulieren, dan heb je de betaalde versie van genoemde plugins nodig. Het grootste nadeel van plugins als Mailmunch of Mailchimp for WordPress is dat ze heel veel scripts op de achtergrond laden die de snelheid van je website aanzienlijk zullen vertragen.

Mocht je vragen hebben over Gravity Forms of maatwerk nodig hebben neem dan gerust contact op om de mogelijkheden voor jouw bedrijf te bespreken.

In de komende periode zal ik nog een blog schrijven waarin ik de plugins toelicht die ik vaak gebruik in combinatie met Gravity Forms. Dit zijn vaak premium betaalde plugins maar ook deze zijn hun geld dubbel en dwars waard. Heb jij ervaring met Gravity Forms? Laat het weten in een reactie en post een link naar het resultaat dat jij gemaakt hebt.

Wil je nog meer Gravity tips? Wij schreven er een blog over.

Sinds de update van de veel gebruikte WordPress plugin Contact Form 7 naar versie 4.4 zie ik op diverse plaatsen vragen over validatiefoutmeldingen die mensen krijgen. Deze meldingen krijgen ze niet alleen bij nieuwe formulieren maar ook bij bestaande, werkende formulieren.

Misconfiguration Contact Form 7

Ook ik zag op de websites die ik onderhoud bij allen de validatiefoutmeldingen terugkomen. Maar na testen bleken de formulieren wel gewoon te werken.

Wat heeft de maker van Contact Form 7 veranderd en vooral waarom?

Over the past few months, we found a lot of users had mistakes in their contact form configuration that were causing serious troubles, including mail delivery failure.

To reduce this problem, Contact Form 7 4.4 has introduced Configuration Validator. With this tool, you can validate your contact form configurations and detect errors.

Het blijkt dat er een validatiefunctie toegevoegd is door de maker gezien het groeiende aantal klachten over niet of slecht werkende contactformulieren en ook het feit dat steeds meer formulieren door providers als spam gezien worden. En dat is voor niemand wenselijk.

Contact Form 7 update naar 4.4

Contact Form 7 geüpdatet naar versie 4.4

Wat zijn de fouten die je te zien kunt krijgen? En hoe los je ze op? Vooraf geef ik al direct aan dat het formulier ondanks de validatiefouten nog steeds zal werken. Maar fouten zijn er om opgelost te worden.

Validate Configuration Contact Form 7 WordPress pluginDe validatie is vooral ingebouwd om gebruikers te waarschuwen dat hun formulier mogelijk niet aan de geldende regels voldoet en daarom eerder als spam gemarkeerd zal worden. Erg vervelend als je diverse leads mist omdat je contactformulier in je spamfolder zit en je mist dat.

De oplossingen die hieronder gegeven worden voor verschillende fouten bestaan allemaal uit twee gedeelten. Een formulier gedeelte en een e-mail gedeelte.

Welke fouten worden gemeld door de Contact Form 7 validator?

Valideren contact form 7

This field has syntax errors

Probleem

Belangrijk om te weten is dat als je een formulier verstuurd vanaf je WordPress website dit eigenlijk gewoon een e-mailbericht is. Alleen verzend je deze vanuit WordPress via PHP op je webserver.

De Naar: Van: Onderwerp: en Toegevoegde Header bestanden zoals CC of BCC in de e-mail sectie in de instellingen van Contact Form 7 zijn normale e-mail velden.

Net als elk willekeurig e-mailbericht hebben deze velden een geldige invoer nodig. Doe je dit niet dan zal het formulier niet aankomen op de bestemming, net als je e-mailbericht.

Oplossing

FORM sectie

Je naam (verplicht)
[text* your-name]

Je E-mailadres (verplicht)
[email* your-email]

Onderwerp
[text your-subject]

Je bericht
[textarea your-message] [submit “Verzend”]

Mail sectie

Aan: [your name] <[your email]>
(gebruik de juiste syntax)

From: geldig-e-mailadres@jouwdomein.nl
(moet een geldig e-mailadres zijn)

Onderwerp: Naam website – [your subject] (Voeg extra informatie toe zodat je er zeker van bent dat als een gebruikers niet invult je toch een geldige Onderwerpregel hebt)

This email address does not belong to the same domain as the site

Probleem

Een e-mailadres gebruiken in het Van: veld wat niet hetzelfde domein heeft als de website waar het formulier op geïnstalleerd is dat is vragen om problemen. Grote kans dat je formulier inzending als spam gezien zal worden.

Mocht het wel werken dan zal je webhostingbedrijf dit moeten toestaan en de meesten hebben dit afgesloten om te voorkomen dat er spam verstuurd zal worden via hun servers.

Daarnaast, al staat jouw webhoster dit toe, andere mailservers kunnen je bericht als spam zien.

Als je bijvoorbeeld wordpress@jedomein.nl gebruikt in het Van: veld dan is er niets aan de hand.

Oplossing

Formulier sectie

Je naam (verplicht)
[text* your-name]

Je E-mailadres (verplicht)
[email* your-email]

Onderwerp (verplicht)
[text* your-subject]

Je bericht
[textarea your-message] [submit “Verzend”]

Mail sectie

Naar: willekeurig-e-mailadres@jedomein.nl
(Gebruik een geldig e-mailadres)

Van: willekeurig-e-mailadres@jedomein.nl
(Gebruik een geldig e-mailadres gelijk aan de server waar je formulier op staat)

Onderwerp: [your subject] (Door het onderwerp verplicht te maken voorkom je dat een formulier zonder onderwerp ingestuurd kan worden)

Aanvullende kopteksten: Antwoord-naar: [your name] <[your email]>

This field can be empty depending on user input

Probleem

Net als een normaal e-mailbericht heeft ook een formulier een geldig Naar: Van: en Onderwerp: veld nodig.

Contact Form 7 error

Als je een mail tag gebruikt in een van deze velden kan dit problemen opleveren als een gebruiker geen waarde ingeef. Er kan dan geprobeerd worden een e-mail te versturen met een leeg verplicht veld en dat gaat Contact Form 7 niet verzenden.

Als je dit probleem niet oplost krijgen je formulier gebruikers de melding dat het bericht niet verzonden kan worden. De oorzaak hiervoor is dat het onderwerp niet ingevuld is.

Als het veld niet verplicht is in jouw formulier krijgen bezoekers geen foutmelding te zien en dus ook geen advies hoe het probleem op te lossen.

Oplossing

Formulier sectie

<p>Je naam<br />
[text your-name] </p>

<p>Je e-mailadres (verplicht)<br />
[email* your-email] </p>

<p>Onderwerp (verplicht)<br />
[text* your-subject] </p>

<p>Je bericht<br />
[textarea your-message] </p>

<p>[submit “Verzend”]</p>

Mail sectie

Naar: [your name] <[your email]>
([your email] is verplicht veld om te zorgen dat Naar: adres niet leeg is)

Van: [your name] <willekeurig-e-mailadres@jedomein.nl>
(het toevoegen van [your name] geeft de mogelijkheid te zoeken op naam en filters in te stellen)

Onderwerp: [your subject] (het verplicht maken van het onderwerp heeft het voordeel dat er geen mails zonder onderwerp verstuurd kunnen worden)

Selectable Recipient with Pipes Error

Probleem

Gebruik maken van keuzemenu’s met pipes is een makkelijke manier om een formulier naar verschillende e-mailadressen te versturen zonder deze zichtbaar te tonen in het formulier. Deze techniek voegt verborgen e-mailadressen toe aan Contact Form 7 drop-down lijsten.

Maar als een gebruiker geen waarde uit de lijst selecteert dan probeer je dus een e-mailbericht te versturen zonder Naar: e-mailadres.

De formulier gebruiker zal een ‘Verzenden mislukt enz.’ melding te zien krijgen en geen idee hebben wat er mis gegaan is.

De oplossing is eenvoudig. Maakt het selecteer veld wat het verborgen e-mailadres bevat verplicht door een sterretje toe te voegen op de volgende manier- [select* … ].

Oplossing
Formulier sectie

[select* your-recipient “Kees|info@lamper-design.nl”
“Offerte|offerte@lamper-design.nl”
“Boekhouding|mail@boekhouding.nl”]

Mail sectie

Naar: [your-recipient] (het select veld verplicht maken geeft in ieder geval een waarde in het Aan: veld)

Vragen?

Als je nog steeds vragen over de Contact Form 7 Configuration Validator hebt kun je het beste op het forum van Contact Form 7 kijken en daar je vraag stellen.

Heeft deze blog je geholpen om je foutmeldingen te laten verdwijnen? Laat het weten in een reactie onder de blog!