How to use Gravity Forms with Headway

We’re big fans of Gravity Forms here at Headway so we thought we’d go over how to use Gravity Forms with Headway.

Using WordPress

Simply create your form as you normally would in the Gravity Form setup, then use the “Add Form” TinyMCE button to select your form. For my screenshots, I’ve created a page called Contact and a form also called Contact. I’m going to add my form to my contact page.

gravityforms-tut-1

gravityforms-tut-2

As long as the content block (in the Headway Visual Editor) that the page or post is using is set to default, your form will show up as expected.

gravityforms-tut-3

Within Headway

If you want a little bit more control and want to perhaps add a form to your footer or have the form separate from a page or post’s content, you have a couple options.

Fetch a page

You can draw more than one content block on a layout. If you have a page (or post) that you want to have the normal content and the content form separate from the page content, you can draw two content blocks for that page’s layout.

For my screenshots, I’m adding a form to a page called “About Us”. We need two content blocks. The first one is set to default mode to show the page content.

gravityforms-tut-4

The second one we are going to use a Custom Query and fetch the Contact page.

gravityforms-tut-5

And you would see
gravityforms-tut-6

Use a Custom Code Block

Another option would be to use a custom code block and use the shortcode to place your form.

gravityforms-tut-7

And you would see

gravityforms-tut-8

In Conclusion

You have options when it comes to using Gravity Forms with Headway. We’re sure you’ll find one of these options meets your needs!

Spread the word!

Leave a reply

Copyright © 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress