Maak van Grafity Forms een FAQ pagina feedback formulier

Hoe maak je zelf met Gravity Forms een feedback formulier op jouw FAQ pagina? Hiermee meet je de nuttigheid van de pagina en kun je op basis van de reacties de pagina aanpassen om jouw bezoekers nog beter van dienst te zijn.

Wat doet een Gravity Forms feedback formulier?

Met behulp van een aangepast Gravity Form wordt er onderaan een pagina een optie getoond: “Was deze informatie nuttig?” met een ‘Ja’ en ‘Nee’ optie. Die weergave kun je natuurlijk zelf naar eigen inzicht aanpassen in bijvoorbeeld een duimpje omhoog en omlaag of iets anders.

  • Kiest men de optie ‘Ja’ (nuttig), dan is er ook de mogelijkheid om aan te geven waarom, maar dit is niet verplicht.
  • Kiest men de optie ‘Nee’ (niet nuttig), dan kun je een aantal vragen stellen en bijvoorbeeld een vrije tekst veld tonen waar men mee kan reageren. De vragen zijn natuurlijk wel verplicht.

Feedback resultaat per pagina tonen

Wat heb je nodig om zelf een Gravity Forms feedback formulier te maken?

De opzet van een Gravity Forms feedback formulier

  1. Maak een nieuw Gravity Forms formulier. Ik neem hierbij aan dat de basis werking van Gravity Forms je wel bekend is.
  2. Het belangrijkste is dat je de Polls add-on geactiveerd hebt. De Polls radio buttons gebruik je voor de ‘Ja’ en ‘Nee’ knoppen in het formulier. In principe kan dit ook zonder de polls add-on te gebruiken, maar dan heb je in de Gravity Forms administratie zijde natuurlijk geen duidelijke weergave van de resultaten.
  3. Je kan dan eventueel zoals in het voorbeeld nog extra velden (conditioneel) tonen bij ‘Ja’ en ‘Nee’, zodat je om meer info kunt vragen aan de bezoeker om de keuze toe te lichten.

    Toon meer opties bij een ‘nee’ keuze

  4. Om zo veel mogelijk informatie te krijgen om op te kunnen filteren binnen de Poll add-on (in de administratie) heb ik extra verborgen velden toegevoegd in het formulier: Pagina titel {embed_post:post_title}, Pagina URL {embed_url}, Pagina ID {embed_post:ID} en Bezoeker IP {ip}.
  5. De ‘Ja’ en ‘Nee’ knop is gestyled met CSS. Hierbij wordt de radio button vervangen door in dit geval een knop, maar je kan het natuurlijk ook vervangen door een plaatje of een icoontje. Je voegt hiervoor op de Poll radio buttons een class toe .gf-feedback-buttons. Het formulier zelf geef je de class .gf-feedback.

    Feedback weergave keuze aan bezoekers zijde



    Bovenstaande CSS code neem je over in jouw child-theme style.css of in een custom CSS optie binnen de WordPress website.
  6. Nu rest je nog het formulier toe te voegen onder een bericht of pagina. Wil je dit handmatig doen dan kun je gewoon de Gravity Forms shortcode gebruiken in de betreffende pagina of het bericht. En dan ben je klaar om te gaan testen in jouw website.

Optioneel

beheer omgeving: bericht optie om formulier te tonen

Voor iets meer gemak voor de gebruiker kun je Advanced Custom Fields plug-in gebruiken. Hiermee voeg je een keuze optie toe aan de beheer omgeving van pagina’s, berichten of een Custom Post Type. Je noemt het veld bijvoorbeeld ‘cf_geholpen’ zoals in het voorbeeld hier onder.

Daarna moet je wel het betreffende template in jouw child theme aanpassen zodat de pagina/bericht weet of hij het formulier wel of niet moet tonen en waar. Je moet de code dus op de juiste plek toevoegen. De code hier onder kijkt naar de status van het custom field, bij een ‘true’ wordt het formulier getoond.

Let op!
Als je meerdere formulieren hebt in Gravity Forms dan kan het zijn dat dit formulier niet het ID ‘1’ heeft. Je moet  het ID (1) in de code op regel 10 dan aanpassen naar jouw formulier ID.

Google Analytics Event Tracking for Gravity Forms toepassen

Door het gebruik van deze plug-in kun je de resultaten van bijvoorbeeld de ja/nee keuze gebruiken in Google Analytics.

Hoe je dit instelt binnen Google Analytics kun je hier lezen en ook vind je daar meer informatie over alle mogelijkheden die deze plug-in biedt om interacties in een Gravity Form te tracken binnen Google Analytics.

Veel succes met het bouwen van jouw Gravity Forms feedback formulier. Heb je vragen of wil je hulp inhuren neem dan contact op.

Lees in het haha! portfolio meer over het project waarin dit Gravity Feedback formulier is toegepast.