Gravity Form met een dynamische input

Voor een project bij RRWD web development, moest ik een functionaliteit bedenken i.v.m. het ontwerp van een nieuwe WordPress website. In dit grafisch ontwerp stond in de sidebar een drop down menu met een submit button. Je kunt in dit geval een afspraak maken en alvast aangeven waar het over gaat. Dus zou het mooi zijn als de aangegeven reden van afspraak onthouden zou worden en meegestuurd werd naar het afspraak-formulier. Dit staat niet standaard in Gravity Forms, dus moest ik uit zoeken hoe we dit voor elkaar krijgen.

We beginnen simpel met een formulier te maken met de volgende html code:

<form id="form1" name="form1" method="get" action="/contact">
<label>
<select name="choice" id="select">
<option value="First Choice">First Choice</option>
<option value="Second Choice">Second Choice</option>
<option value="Third Choice">Third Choice</option>
</select>
</label>
<label>
<input type="submit" name="button" id="button" value="Submit" />
</label>
</form>

Wanneer de submit button wordt geklikt gaat de pagina met de informatie na de “/contact” pagina. Hier in zit het mail formulier van gravity forms.

Maar om nou de waarde op te halen van het ingevulde formulier moeten we die ook even op vragen. Dat doen we met de volgende php code:

<?php $choice = $_GET['choice'] ?>

Deze staat boven het formulier waar het Gravity Forms formulier zich bevindt. Aangezien we geen PHP in een WordPress pagina kunnen zetten moeten we dus een aparte template maken voor deze pagina.

Vervolgens gaan we naar onze form in de WordPress-backend. Hier in maken we een dropdown-field met dezelfde waardes als het formulier dat we boven hebben staan.

Daarna gaan we naar de “Advanced” tab van de dropdown. Daar zien we “Allow field to be populated dynamic” staan, vink deze aan! Geef hem een parameter mee die identiek is aan de naam van het formulier dat we in het begin hebben gemaakt. In dit geval dus “choice”, en violá!

Het zou nu moeten werken!

Met dank aan: Carl Hancock van Gravity Forms voor de support.

Advertisements

Author: Rick Leyten

Webdesigner, ontwerpt en realiseert websites!

2 thoughts on “Gravity Form met een dynamische input”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s