Technical

Adding pages to WordPress with Gravity Forms

by on 10th September 2010

This is an older post from our site (we’ve since rebranded to Builtvisible and the jobs board is no longer in use). This post does, however, give some great advice on how to add pages with Gravity Forms. You might also find this guide to recruitment SEO useful, too. Enjoy!

For almost as long as our site has existed, there’s been a jobs section on our site. Having a way to get people to add content to your site has so many applications, but it can be a little difficult converting something like a form submission into a post, especially if you’re not a WordPress / PHP developer.

There’s always a way with WordPress plugins

There have been a few different versions of the jobs functionality, with the earliest being based around contact form 7 and postie (a WP plugin that converts an email to a full WordPress post).

Needless to say it didn’t feel entirely right to email a form submission to a secret email address, then publishing the contents of that email to a draft WordPress post using Postie. Fortunately, things have evolved a lot since then – thanks pretty much entirely to Gravity Forms.

Get Gravity Forms

Gravity forms is probably one of my favourite WordPress plugins. It’s well developed, flexible and supported well by the good folks at Rocket Genius. Carl even once logged in to Builtvisible for me to help diagnose a problem (which, by the way, was nothing to do with Gravity). Here’s the URL: http://www.gravityforms.com/ – I owe these guys a debt of gratitude and their plugin has paid for itself a hundred times over.

Stage 2 – Understand the post and title templates

If you want to create a form, and write the contents of that form to a WordPress post, Gravity forms has a few features that come in handy. The features are called post templates and title templates, and with them, you can write the contents of a submitted form field directly into a WordPress post and title. The sweet part is the fact that the templates can be constructed as a HTML template.

Create a form

The contents of the job page (with the exception of our logo) were added to a post via a template using a predefined HTML template. Without boring you with all of the details, I’ll show you a few snippets:

form field image

Each form field you configure inside Gravity is assigned a variable name. “Job Title” for instance, has a variable name of “{job-title:12}”. If you imagine that each item of data submitted has a corresponding variable name, you can soon start inventing ways to play back that data in a WordPress post.

That variable can be pulled through into a post template, like this:

template

With the template configured to dynamically insert form data, we can create a post title using job title, salary and location data.

The same applies for the post template too. In essence you can create a HTML template and insert the variables you’d require to form a readable page. Jobs pages are an obvious example, but directory listings, guest blogs, reviews, personal profiles and the like all become a little bit more possible.

Redirect on form submit to take payments

What’s cool about Gravity is the degree of control you have when a user submits their data (in our case – a job advertisement). If you’d like, you can redirect your form to a PayPal payment page, just like ours does.

Other interesting stuff

There’s more to Gravity than simple forms and post submissions – in my “most useful” list I’d definitely include the ability to prefill a field in a form by passing a variable in a URL. The URLs can be formed based on variables passed into HTML templates, making call to actions such as “apply” and “reply” quite possible. I think the biggest lifesaver feature was the ability to export forms and upload them to a new WordPress installation – a lifesaver when we migrated to new, faster hosting. Recommended.

Responses

  1. Excellent post Richard. Funny enough i was speaking to someone yesterday about seogadget and what plugin you used. Great timing. Thanks

  2. No problem Jake – have fun!

  3. I’m a newbie when it comes to using WP, and just today I installed contact form 7 since I can’t place it on the side bar. This one however have more functionality, thanks for sharing. I really need to keep searching to find the right widgets and plug-ins I need.

  4. Hi

    I’ve been trying to post a job to your site, but can’t seem to get the PayPal ‘Submit and pay’ link or the ‘Apply Now’ buttons to work in either Safari or Chrome.

    I then tried your contact form and that didn’t work either.

    Is it a temporary problem? If so, can you let me know once the site’s fixed, as I’d like to post a couple of jobs?

    Thanks

    Justin

  5. Thanks for this Justin – switching HTML5 support off seems to have fixed the submit problem, the apply button is an issue our site for which I’ll need to have a look as soon as possible.

  6. Hi Richard
    Thanks for sorting that out, it’s great that you were able to respond so quickly. I’m looking forward to seeing the responses we get from the ads.
    Justin

  7. Another one here that used to use Contact form 7, but in lots of cases it had issues. Thanks for sharring this one.

  8. Great post for those wishing to set up a jobs board! I used a professional template for my social media jobs board, it is really simple to use and looks really professional. I’m only in the early stages and in the process of trying to get exposure, any hints and tips would be greatly appreciated.

  9. I just installed the newest version of Gravity Forms and I am trying to find the “Create Post Title Template” and “Create Post Content Template” sections in Gravity Forms.

    Could you tell me where to find them?

    I see Post Fields > Body and Post Fields > Title.

    Is that where it is?

  10. I am about to set up a new website and Gravity Forms seems perfect for my requirements and would like my site visitors to be able to upload image file (photos, jpegs, png files) – has anybody used the file upload feature?

  11. Excellent post, I’m thinking of setting up a way for people to put jobs on my website and this seems to be the easiest way. I’m not all that good at getting wordpress to do exactly what I want it to though.

  12. Can you tell me how you integrated Paypal into your form? Did you use the Add-on or redirect another way? I have the lowest version of gravity forms, and supposedly you can redirect to paypal, but I haven’t figured out exactly how yet??? Any help would be much appreciated!!

  13. Alex,
    I use the file upload feature and it works great! I built a “business card builder” form for my partner. He’s going to offer it to a local printing company. Visitors can choose which options they want and then they can upload a logo. On submission, the form takes them directly to PayPal to complete the purchase. It’s pretty amazing!

    Just gotta get GF to produce a confirmation page option before it sends the visitor to PayPal.

Comments are closed.

Join the Inner Circle

Stay one step ahead of the competition by staying with us. Join the Inner Circle to receive a monthly update of Organic Digital marketing resources, blogs and industry news.

Get insights straight to your inbox

Stay one step ahead of the competition with our monthly Inner Circle email full of resources, industry developments and opinions from around the web.