Blogs over Gravity Forms

Berichten

Gravity Forms is 1 van de plug-ins die wij in praktisch ieder project inzetten. Meestal in ieder geval als contactformulierplugin voor WordPress. Ondertussen hebben wij zoveel gratis en betaalde add-ons gebruikt dat het ons goed leek om hiervan een overzicht met jou te delen van add-ons die wij regelmatig gebruiken.

Wat kun je nog meer met Gravity Forms (bezoek de website)? Het antwoord hierop zou eigenlijk beter een wedervraag kunnen zijn: Wat kun je niet met Gravity Forms? De mogelijkheden zijn eindeloos, het aantal mogelijke koppelingen loopt in de honderden. Maar welke zijn nu echt noodzakelijk voor jouw website? Daar is geen standaard antwoord op te geven. Wij bekijken per project wat we nodig hebben. Een auto die in Afrika rijdt hoeft toch ook geen extra set winterbanden te hebben? Wees dus voorzichtig met het klakkeloos installeren van extra plugins voor Gravity Forms en gebruik alleen datgene wat je echt nodig hebt.

  1. Digitale handtekening onder Gravity Forms
  2. Gravity Forms voorbeeld invoegen
  3. Gravity Forms koppelen aan Moneybird
  4. Gravity Forms koppelen aan Google Spreadsheet
  5. Gravity Forms automatische adresinvoer
  6. Conclusie

1. Digitale handtekening onder Gravity Forms

Gravity Forms SignatureAls je je aanmeldt bij een tandarts, huisarts of andere zorgverlener, of bij een vereniging, krijg je een inschrijfformulier (overigens verbaast het mij hoe vaak je nog een geprinte versie krijgt, maar dat is een andere discussie). Voor degene die het formulier aan jou aanlevert is het natuurlijk van belang dat alle gegevens kloppen en dat er een handtekening onder de gegevens komt te staan waarmee je aangeeft dat de gegevens naar waarheid ingevuld zijn.

Handtekening Gravity FormsOok dit soort formulieren is perfect te bouwen met Gravity Forms. Maar hoe krijg je dan de handtekening eronder? Eigenlijk heel simpel: gebruik de Gravity Forms Signature plugin. Dit is een gratis add-on die meegeleverd wordt vanaf de Elite-licentie van Gravity Forms.

Met deze plugin voeg je eenvoudig een extra veld toe aan je formulier, waar degene die het formulier invult een handtekening in kan zetten met de muis. Super handig toch? Stuur de formulieren geautomatiseerd door naar het CRM-systeem dat jouw bedrijf gebruikt en je wint zeeën van tijd.

Bekijk de Gravity Forms Signature add-on

2. Gravity Forms Preview

Je hebt een aanvraagformulier gebouwd in Gravity Forms. De standaard instelling is dat na het insturen de aanvrager een e-mail krijgt met daarin alle ingevulde gegevens. Dit geldt overigens alleen als je dit ingesteld hebt natuurlijk.

Het nadeel van deze methode is dat iemand een fout kan maken in een ingevuld veld en hier later pas achter komt. Hoe voorkom je dit? Alweer een simpele oplossing: Gravity Forms Preview. Deze plugin is onderdeel van de Gravity Perks bundel. Als je vaker met Gravity Forms werkt is dit echt een aanrader. Het zijn een groot aantal plugins die je formulieren nog beter maken.

Preview Gravity Forms

Preview Gravity Forms veld

Na installatie krijg je een extra veld dat je ergens in jouw formulier kunt plaatsen. Een logische plaats is in veel gevallen aan het einde van het formulier, vlak voor de verzendknop. Hiermee voorkom je dat er verkeerde waardes ingevoerd worden. En indirect bespaar je geld omdat jij of je werknemers minder tijd kwijt zijn aan het aanpassen.

Bekijk de Gravity Forms Preview submission add-on

3. Gravity Forms Moneybird extensie

Moneybird is een populair boekhoudprogramma dat ook nog eens heel eenvoudig te koppelen is aan Gravity Forms.

Gravity Forms Moneybird

Eigenlijk alles wat in Gravity Forms ingevoerd wordt kun je doorzetten naar Moneybird. Een aantal voorbeelden:

  • Je verkoopt een training en wilt direct laten inschrijven en een factuur versturen.
  • Je verkoopt een product en wilt direct een factuur versturen maar je hebt geen WooCommerce. Een voorbeeld hiervan is de website-analyse van Letterzaken.
  • Je gaat een nieuw boek lanceren en wilt mensen alvast de kans geven om vooraf te bestellen.

Je hebt binnen de plugin om workflows te selecteren vanuit Moneybird. Daarnaast heb je de keuze om een offerte te maken op basis van de ingevoerde gegevens of liever direct een factuur te sturen.

Ook voorwaarden zijn mogelijk, net als normale formulieren. Als je als voorwaarde instelt dat alle gegevens ingevuld moeten zijn zal een formulier dus nooit half ingevoerd in jouw administratie komen. En je kunt er ook voor kiezen om offertes vanuit Moneybird te versturen zodat je een officieel akkoord van de klant hebt in je administratie.

Als je gebruik maakt van Moneybird en WordPress en je verkoopt producten of diensten met een vaste prijs dan is ze deze tool zeker de moeite waard. Het aantal uren dat je kwijt bent aan je administratie kan drastisch verlaagd worden en de conversie van je website kan omhoog gaan omdat klanten direct weten waar ze aan toe zijn.

Bekijk de Gravity Forms MoneyBird add-on

4. Gravity Forms live koppelen aan Google Spreadsheet

Recent hebben wij getest met een plugin die je kunt kopen op Codecanyon.net. Deze plugin koppelt ingevulde formulieren op een WordPress website direct aan een Google Spreadsheet. Wij gebruiken deze plugin om een lijst van webwinkels op te bouwen die lid zijn van onze Facebookgroep Webshop Talks.

Gravity Forms Google Spreadsheet

Gravity Forms Google Spreadsheet

Hoe werkt deze plugin? Je koopt de plugin, installeert deze in je WordPress website en vervolgens krijg je onder Gravity Forms instellingen een extra optie voor Google Spreadsheet add-on. Hier koppel je jouw website met een unieke code aan Google.

Als deze koppeling gereed is kun je vanuit een formulier een nieuwe feed aanmaken. In de feed selecteer je een document en koppel je velden uit je formulier aan velden in je spreadsheet bestand. Zorg er dus wel voor dat je een spreadsheet bestand hebt waar de juiste headers al in staan die je wilt gaan gebruiken. Nieuw ingevulde formulieren zullen automatisch onderaan de rij bijgevoegd worden.

En je kunt je deze plugin voor nog meer gebruiken, Heb je een WooCommerce webshop en wil je je zakelijke bestellingen via een formulier laten verlopen? Dan behoort dit zeker tot de mogelijkheden.
In punt 3 schreven we over een training waar je je online in kunt schrijven. Maar hoe handig zou het zijn als je ook direct een deelnemerslijst uit kunt printen? En dat kan allemaal via hetzelfde formulier.

Bekijk de Gravity Forms

5. Gravity Forms Address Autocomplete

Gravity Forms Autocomplete Address

Gravity Forms Autocomplete Address

In bepaalde gevallen wil je in jouw formulier een adres van de bezoeker weten. Maar alle gegevens die je aan bezoekers vraagt kosten tijd om in te vullen. En ook qua conversie is less echt more. Daarom is Gravity Forms Address Autocomplete plugin een handige oplossing die beide problemen relatief simpel tackelt.

Autocomplete address Gravity FormsBij het invoeren van het adres worden suggesties gedaan op basis van Google Maps. Er zijn twee verschillende vormen.

Optie 1 is een adresveld. In de demo van de plugin vind je deze als ‘single line autocomplete’.

Optie 2 is een adresveld dat gekopieerd wordt naar losse adresvelden. Sommige plugins hebben de gegevens los nodig dus dan heb je niets aan 1 regel. Daar is dit een ideale oplossing voor.

Regelmatig gebruiken wij deze plugin in combinatie met de dupliceer add-on die in de eerder genoemde Gravity Perks aanwezig is. Op de eerste pagina voeren bezoekers hun adres in en op alle overige pagina’s hoeven zij hier niets meer mee te te doen. En het adres is op alle pagina’s hetzelfde.

Bekijk de Gravity Forms Address Autocomplete

6. Conclusie

Gravity Forms is één van de beste plugins, zo schreven wij al eerder in deze blog. En dat vinden we aan het einde uiteraard nog steeds. De vijf add-ons die wij beschreven in deze blog zijn dan ook vaak te vinden in onze websites. Begin direct met Gravity Forms en bestel jouw licentie hier.

Uiteraard is het ook in dit geval belangrijk om te kijken of je een add-on echt nodig heb. Het is tenslotte nog steeds een plugin en jij wilt toch ook de snelst mogelijke website?

Mocht je overwegen om een complete webshop te bouwen of te laten bouwen dan zou ik je aanraden om eerst te kijken of je het mogelijk kunt oplossen met Gravity Forms. Te vaak zien wij webshops voor één of twee producten. Dat is voor ons hetzelfde als een vrachtvliegtuig huren om een doperwt van Den Haag naar Rotterdam te vervoeren.

Met welke add-ons heb jij ervaring? Deel ze in een reactie met ons als je wilt.

Wij zijn fan van Gravity Forms. Als je met ons samenwerkt heb je dit ongetwijfeld van ons gehoord. En als je ons volgt in de diverse WordPress Facebookgroepen zul je ook hier regelmatig het advies om Gravity Forms te gebruiken voor bij zien komen.

Laten we eerlijk zijn, in principe is de basis van Gravity Forms niets meer of minder dan een simpele plugin om contactformulieren in je WordPress website te plaatsen. Maar gelukkig is er meer. Er is veel meer mogelijk met Gravity Forms. Eerder schreven wij over de basis, deze blog over Gravity Forms vind je hier. In deze blog gaan we dieper in op de mogelijkheden die deze WordPress plugin biedt en delen we een aantal tips om de plugin nog beter te laten werken. Dit zijn relatief eenvoudige tips tot wat meer ingewikkelde opties, doe er je voordeel mee.

  1. Een Gravity Form zonder titel plaatsen
  2. Gravity Forms koppelen aan ActiveCampaign / Mailchimp
  3. Bedankpagina aan Gravity Form koppelen
  4. Melding na verzenden Gravity Form
  5. PDF versturen van ingevuld Gravity formulier
  6. Foutmelding stylen Gravity Forms
  7. Labels verbergen van Gravity Forms
  8. Conclusie

1. Een Gravity Form zonder titel plaatsen

Mocht je niet bekend zijn met Gravity Forms dan is het handig om te weten dat je een formulier invoegt met een shortcode in een pagina. Je kunt in deze shortcode al direct een aantal opties meegeven waarmee je de weergave van het formulier kunt beïnvloeden.

Wij maken vaak gebruik van de optie om de titel en de omschrijving weg te laten. Dit doen we vooral als we het formulier gebruiken als inschrijfformulier of in een sidebar als contactoptie bijvoorbeeld.

Je voegt deze shortcode in en past uiteraard alleen de ID van het juiste formulier aan als je er meerdere in gebruik hebt en dan in plaats van testgravityform gewoon gravityform:

[testgravityform id=”JOUWID” title=”false” description=”false”]

Gravity Forms zonder titel

Gravity Form zonder titel en omschrijving

De title en description hoef je normaal niet mee te geven als je deze standaard getoond wilt hebben. Als je ze niet wilt voer dan bovenstaande shortcode in et voilá.

2. Gravity Forms koppelen aan ActiveCampaign / Mailchimp

Maak jij gebruik van een nieuwsbrievensysteem als ActiveCampaign of Mailchimp? Wij maken net als veel van onze klanten zelf gebruik van ActiveCampaign. Daarnaast werken wij ook regelmatig met Mailchimp.

Beide systemen hebben eigen inschrijfformulieren die je relatief eenvoudig via knippen/plakken in een pagina in kunt voegen. Op zich heel leuk en aardig, maar als je de styling wilt aanpassen aan de stijl van je website dan loop je vaak tegen het probleem aan dat dit niet mogelijk is.

Om die reden werken wij standaard met Gravity Forms in iedere website en webshop die wij bouwen. Want de styling vinden wij natuurlijk net zo belangrijk als de functionaliteit.

Daarnaast is het eenvoudig om een inschrijfformulier voor jouw nieuwsbrief of download op diverse pagina’s terug te laten komen met dezelfde styling. Je hoeft alleen de shortcode nogmaals te plaatsen en de styling is overal hetzelfde.

Als laatste heb je de mogelijkheid om met verschillende formulieren verschillende lijsten aan te sturen. Dit kan op basis van bepaalde ingevulde of aangevinkte velden, maar ook op basis van tags die je meegeeft bij het insturen van het formulier.

Gravity Forms addon ActiveCampaignHoe koppel je een Gravity Formulier dan aan ActiveCampaign? Hiervoor geldt hetzelfde als voor Mailchimp. Je hebt een add-on nodig die je gratis kunt installeren als je de basisversie van Gravity Forms gebruikt (zie hier het volledige prijsoverzicht van Gravityforms.com)

Ga hiervoor naar Formulieren en klik vervolgens op Add-ons. Je ziet dan alle add-ons die er binnen jouw account beschikbaar zijn. Je klikt bij ActiveCampaign op install en de plugin wordt geïnstalleerd.

Gravity Forms ActiveCampaign

Vervolgens vind je onder de algemene instellingen van Gravity Forms de optie om je API URL en API Key in te vullen. Deze voer je eenmalig in, je vindt ze in de backend van ActiveCampaign.

Hierna krijg je onder de instellingen van een formulier een extra optie voor ActiveCampaign. Per formulier maak je een feed. Dit is een simpel stappenplan dat je kunt volgen waarin je de naam ingeeft, de naam van de lijst die je wilt selecteren en welke velden je wilt koppelen.

Voor Mailchimp en andere nieuwsbriefsystemen geldt ongeveer hetzelfde. Nog 1 tip: pas de standaard ‘versturen’ tekst op de button aan. Zet erop wat er gaat gebeuren als ik op de knop druk als bezoeker.

Ebook downloaden gravity forms

3. Bedankpagina aan Gravity Form koppelen

De standaard optie in Gravity Forms is ‘Bedankt voor je bericht! We zullen binnenkort contact met je opnemen’. Ten eerste niet heel klantvriendelijk en ten tweede ook lastig door te meten als je bijvoorbeeld via Google Analytics doelen wilt instellen.

Maar hoe pas je dit dan aan? Wat zijn de opties? Het beste is een losse bedankpagina te maken voor ieder formulier. Je kunt bezoekers dan speciaal bedanken voor hetgeen ze zojuist gedaan hebben. Bijvoorbeeld je ebook gedownload, je contactformulier ingevuld of een offerte aangevraagd.

De bedankpagina is je ideale kans om direct meer informatie te geven, een inschatting te geven van de reactietijd en bijvoorbeeld aan te geven wat mensen nodig hebben. Een verlengstuk van de aanvraag dus. En een belangrijk onderdeel omdat je hiermee de indruk van je website professionaliseert. Een bezoeker die bij jou en je concurrent een aanvraag doet en bij jou op deze manier bedankt wordt voor de offerteaanvraag zal eerder geneigd zijn om voor jouw bedrijf te kiezen. Onderschat dit niet.

Bevestiging instellen Gravity Forms

Bevestiging instellen Gravity Forms

Maar hoe pas je dit toe? Zorg dat je in ieder geval een bedankpagina hebt die bij het formulier past. Vervolgens ga je onder het formulier naar bevestigingen. Je zult zien dat deze standaard op tekst staat. Als je deze op ‘pagina’ zet heb je de mogelijkheid om de door jou aangemaakte bedankpagina te selecteren. En dit herhaal je voor ieder formulier wat je in gebruik hebt.

4. Melding na verzenden Gravity Form

Standaard zal Gravity Forms een basis-e-mail verzenden naar de administrator e-mail van een website. Heel soms is dit geen probleem, maar ik adviseer je om dit gewoon aan te passen. Als je naar ‘meldingen’ gaat onder een formulier dan vind je daar de beheerdersmelding. Deze kun je aanpassen. Pas hier in ieder geval de volgende velden aan:

  • de naam waaruit het formulier verstuurd wordt
  • het e-mailadres waar het formulier heen gestuurd wordt

Heb je veel formulieren dan is het aan te raden om dit ook al in de titel van de e-mail terug te laten komen, dit vergroot het overzicht voor jou als beheerder.

Beheerdersmelding Gravity Forms

Naast de beheerder is het ook netjes om te zorgen dat degene die het formulier invult ook een bevestiging in de mailbox krijgt. Dit hoeft uiteraard niet bij een nieuwsbriefinschrijving, aangezien de bevestiging van inschrijving in principe vanuit het nieuwsbriefsysteem zal komen.

Je maakt een extra bevestiging, vult de velden in die nodig zijn en in plaats van E-mailadres invullen kies je voor Veld selecteren en kies je het e-mailadres veld. Een bezoeker die jouw formulier invult krijgt nu een afschrift in zijn of haar mailbox na verzending.

5. PDF versturen van ingevuld Gravity formulier

Standaard zal Gravity Forms een lijst sturen van ingevulde waardes als je bij optie 3 zoals hierboven aangegeven een beheerdersmelding ingevuld hebt die je naar de klant laat sturen. Maar uiteraard zijn er klanten die vanuit het formulier een PDF ingevuld zien worden die naar de aanvrager verstuurd wordt. En ook dat kan natuurlijk met Gravity Forms.

Er is een gratis addon beschikbaar vanaf GravityPDF.com waarmee je een eenvoudige PDF bij kunt voegen bij een e-mailmelding die verstuurd wordt vanaf de website.

Gravity Forms PDF Template

Gravity Forms PDF Template

Onze ervaring is dat je deze prima in kunt zetten als bevestiging van een bestelling of iets anders via Gravity Forms. Maar de gratis variant biedt weinig variatie in de layout. Vanaf de genoemde website zijn verschillende templates en add-ons te koop die je kunt koppelen aan je PDF.

6. Foutmelding stylen Gravity Forms

Heb je Gravity Forms in gebruik en de standaard foutmelding wel eens bekeken? Ik hoop het van niet. Hier word je namelijk echt niet bijzonder vrolijk van. Eigenlijk is deze gewoon simpelweg lelijk, het is in ieder geval geen sieraad voor jouw prachtige website.

Foutmelding Gravity Forms

Wat kun je hier aan doen? Je hoeft helemaal niks meer te doen. Dat hebben wij namelijk al voor jou gedaan. Plak de onderstaande CSS in de customizer van je thema en klaar.

/* custom css Gravity Forms */

.validation_error {
display : none;
}

.gform_wrapper .gform_body li.gfield.gfield_error,
.gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background : none;
border : none;
margin : 0;
padding : 0;
}

.gform_wrapper .gform_body .gfield_error .gfield_label {
color: #000;
}

.gform_wrapper #gform_1 .gform_body li.gfield.gfield_error input,
.gform_wrapper #gform_1 .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input,
.gform_wrapper .top_label .gfield_error textarea.textarea {
background: #ffecec !important;
border: 1px solid #d70000 !important;
color: #662424 !important;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
background: #ffecec !important;
border: 1px solid #d70000 !important;
color: #662424 !important;
}

Je kunt de code zelf testen door uiteraard eerst alle cache te legen (cache stel je zo optimaal in) en daarna het formulier direct te verzenden zonder iets in te vullen.

7. Labels verbergen van Gravity Forms

Standaard is het niet mogelijk om de tekstlabels boven de velden van Gravity Forms uit te zetten of te verbergen. Afhankelijk van de stijl van de website willen wij regelmatig gebruik maken van placeholders in plaats van de labels boven de velden. Maar hoe zet je ze dan uit? Je kunt ze natuurlijk verbergen met CSS, maar dat is best een klus aangezien de ID’s bij ieder formulier anders zijn. Dat moet gemakkelijker kunnen.

En jawel, je kunt een klein stukje code toevoegen aan de functions.php van je thema of een plugin als Post Snippets for WordPress gebruiken om deze code overal te activeren.

De onderstaande code voegt een extra optie toe aan de achterkant van je formulier.

/* hidden label gravity Forms */
add_filter( ‘gform_enable_field_label_visibility_settings’, ‘__return_true’ );

Verborgen labels gravity forms

Vervolgens ga je in het formulier een willekeurig veld bewerken en heb je onder het tabblad uiterlijk een optie zichtbaarheid label veld die een optie ‘verborgen’ heeft.

Kies voor deze optie en je kunt gebruik maken van placeholders in plaats van labels. Dit is een detail maar wel een belangrijke vind ik. Kijk vooral wat bij jouw website en huisstijl past.

De code kun je natuurlijk sowieso opslaan, wie weet heb je deze binnenkort nodig en dan weet je niet meer waar je die ook alweer gezien had. Dat heb ik tenminste altijd ;-)

Hieronder zie je een voorbeeld van een formulier met alleen gebruik van de placeholders.

Hidden labels Gravity Forms

Hidden labels Gravity Forms

8. Conclusie

We kunnen nog wel zeker 7 tips geven. Wij zijn heel enthousiast over Gravity Forms zoals je waarschijnlijk uit onze blog wel kunt halen.

Bovenstaande tips zijn eigenlijk basistips die je op iedere website kunt toepassen.

Meer tips gaan we later delen in meerdere blogs. Dit zullen meer specifieke tips zijn over de keuze tussen een WooCommerce webshop of een Gravity Form. En meer geavanceerde koppelingen met boekhoudsystemen en externe systemen.

Ben je al overtuigd? Bestel dan direct jouw eigen licentie van Gravity Forms.

Heb jij ervaring met Gravity Forms of twijfel je om het te gaan gebruiken? Waar loop jij tegenaan? Ik ben benieuwd naar jouw ervaringen. Deel je ze 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.