Tutorials

When using a multipage form, users might try to go back to previous pages by using the browser back button instead of using the previous button in the form. In Internet Explorer (IE) and Edge this triggers the browser to navigate away from the page where the form is embedded and the users often looses the information he already entered. Even worse is that IE and Edge use the backspace key as a shortkey for the browser back button. And backspace is a key most people use, when they fill out forms...

This plugin from GravityWiz / Gravity Perks will make it a lot easier for you to create repeater blocks inside a Gravity Form, in which you can use all your Gravity Forms knowledge to validate, count and do more within a repeating form. This is going to be a game changer, but there are still some burdens to overcome.

Do you want to change the Ajax Spinner for your gravity forms?

Display the number of entries in Gravity Forms (and filter them). Or count and display the total for multiple entries of a number field in Gravity Forms and show it on your website with this simple shortcode.

Do you want to add a very complex list field to your Gravity Form? This is the way to do it. Add dates, dropdowns, uploads and numbers (and calculations of these numbers) to your list field. it’s amazing what extra power you give to your form… for your users!

Do you want to generate PDF’s automatically filled with data from Gravity Forms entries? And do you want to show this as a download link on the front end of your WordPress website? With the combination GravityView and Gravity PDF it’s easy.

Gravity Forms doesn’t offer a colorpicker as one of their standard fields. JetSloth released a Gravity Forms Add-On to include a color-picker in your form. It hooks into several Standard Fields like 'Single Line Text', 'Radio Buttons' and 'Checkboxes'.

Do you want to show the page number or the total number of pages in your Gravity Forms PDF file? This can be done with merge tags.

Do you want to use a CSS list in your Gravity Forms description? That can come in handy, but it doesn’t look very nice if the Gravity Forms CSS is enabled.

When you use pages in your Gravity Forms (people click Next to go to the next page in the form) or when people submit their form, you may want to automatically have the page centred at the top of your website. This is very easy to do. It makes it much friendlier for visitors of your form, because they know that they start from the same point after clicking a button (Next or Submit).

If you use Gravity Forms in a Multi Site install of WordPress, and you create new sites,
you may want to add the Gravity Forms license key automatically to your new site.

Do you want to change the expiration date for Gravity Forms ‘Save and continue’ functionality (standard 30 days)? This is easily done by adding filter in the functions.php file in your theme folder.

How to capitalize the content of a Gravity Forms input field? There are two possible angles. If you just want to display the content of a field in Uppercase, use the CSS.
If you want to convert the user input to Uppercase while submitting the form, use the PHP solution.

This article gives an overview of the possible CSS ready classes which can be used in Gravity Forms.

You can use GravityView to dynamically populate a lot of fields in your Gravity Form. In this tutorial we explain you how you can use GravityView and Import Entries to make a beautiful list of links (which uses already available information) to fill in fields in a Gravity Form automatically (which also reduces the chance of wrong information!).

If you use the calculation function in Gravity Forms, sometimes you want to show people right away a percentage of the numbers they typed in. For example: The are a number of people that follow a study, and a number of people that passed the exam. You create a number field in Gravity Forms that calculates the percentage: people that passed the exam / total people * 100.
If you have 100 people following the exam. And 20 people that passed. You get: 20 / 100 * 100 = 20%
You probably want to show this as easy as possible: 20%
But that is not so easy in Gravity Forms. We found a solution.

Autocomplete, or word completion, is a feature in which predicts the rest of a word a user is typing. The Autocomplete plugin from MA-group makes it possible for Gravity Forms text fields. Users can press the tab key to accept a suggestion or the down arrow key to accept one of several loaded options.

Do you want to duplicate sections and multiple fields in your Gravity Forms? It will take a lot of time when you do it in the standard form builder. Bulk Actions gives you a tool to easily duplicate or clone multiple fields and whole sections.

Drip campaigns (known by many other names like drip marketing, automated email campaign, lifecycle emails, autoresponders and marketing automation) are basically a set of marketing emails that will be sent out automatically on a schedule. If you have Gravity Forms and Gravity Flow installed, it’s very easy to set up your own Drip Campaign.

Gravity Forms Address Autocomplete simplifies the form filling process helping your users to enter their address with the Google Places suggest API. You make them save time by finding accurate addresses with suggestions and filling forms faster with autofill.

Do you want to show data from your Gravity Forms in a (complex) Bar Chart? There is only one plugin you should use: GF Chart. You can easily make Bar charts (even very complex ones) from the data visitors of your website filled in on your website.

In some cases you want to show some fields as ‘Read only’ in Gravity Forms. Especially when you use Dynamic Population, you may want to only show the information without visitors of the site being able to change this information.

With Gravity Forms Utility you can trigger Gravity Forms e-mail notifications when updating an entry, even when using GravityView to update entries from the front-end of your site. You can download this plugin using the button below.

If you use the popular WordPress template X-theme in combination with Gravity Forms, you may experience some problems with CSS Ready Classes. There is a simple solution for that.

If you make custom pdf templates for Gravity PDF, it can be handy to have a list of all the merge tags from a specific form. With our simple plugin you can use a shortcode to get all the merge tags from a specific form ID.

There is now a plugin available that triggers the Gravity Forms e-mail notifications when updating an entry in GravityView. You can download this plugin using the button below. We also explain how you can make seperate notifications for 1st time entry and updating the entry.

Do you want to change the order of the Gravity Forms Address field items? Especially to put the ZIP-code before the City (as is usual in Germany and the Netherlands for example)? Here you find the easiest way.

This plugin allows you to limit the selectable dates in your Gravity Forms Datepicker fields. The plugin gives you granular control to manage the selectable date range with an easy-to-use user interface.

Normally uploads in a Gravity Form are stored in the same folder. This is a problem when uploaded files are privacy sensitive and you want to share the links to files with people who filled in a form. They know the way to the folder, so they can get access to files from others (merely by guessing). Thankfully, it is possible to create unique folders for each upload.

Do you want to show a Likert scale question in your Gravity Forms? With the Survey Add-On for Gravity Forms that’s easy to do.

Do you need an Upload field in your Gravity Forms list column? No need to look further, the plugin does just that: Provides two ajax file upload fields – a single field and the ability to make the a list field column an upload field.

You want visitors or users to rank different answers (set them in a specific order)? The survey Add-On for Gravity Forms makes that possible. You can give different options and ask your visitor to rank them a certain way, for example the best highest and the worst lowest.

In Gravity Forms there is the option to count characters. But maybe you want to limit the amount of Words typed in a Single Line Text, Paragraph Text and Post Body fields. You can do this with the Gravity Perks Plugin Word Count. With this plugin it’s possible to set a minimum number of Words and a maximum number of Words in a text field in Gravity Forms. This way you have much more control over what people type in your form.

Do you want style your form with 4 quarter fields (CSS ready classes). This is a default option now in Gravity Forms. Read here how to use it in your form.

Do you need a Date field in your Gravity Forms list column? No need to look further, this plugin does just that: it allows you to turn a list field column into a ‘date’ field.

Do you want to show a slider in your Gravity Form? This is the way to do it. Simply add a slider and decide how to show it: what is the maximum (in currency, or number) and minimum and which steps can they make. Look at the example below.

Do you need a Number field in your Gravity Forms list column? And to make calculations within a list row or column? No need to look further, the plugin of Adrian Gordon does just that: Turn your list field columns into repeatable number fields.

Do you want to preview data filled in your Gravity Forms before visitors submit it? Don’t look further, there is an excellent plugin available for just that.

Do you need a Drop Down field in your Gravity Forms list column? No need to look further, the plugin of Adrian Gordon does just that: Gives the ability to add drop down (select) fields inside of a list field column.

Do you want to make it possible to visitors of your form to copy data filled in in text fields to other ’empty’ fields? For example the invoice address and the shipping address. Or a name from a contact and somebody that is signing the form? Well… this is easy doable.

Do you want to have a list of all the merge tags from a specific form? With our simple plugin you have a special admin page or can use a shortcode to get all the merge tags from a specific gravity form. No more clicking on a dropdown to select the merge tag you need, but just copy and paste it from the list.

Do you want to change the standard error text (when people did something wrong on your form). It looks quite unfriendly, the standard validation error. So let’s make it a little bit more friendly. You find the PHP and CSS code you need to do just that.

Gravity Forms has CSS Ready Classes to style your form fields. Using these classes, you can easily create more advanced layouts for the fields in your forms. Excellent idea, however, the problem is you always need to remember what the exact class name is. Now with this CSS Ready Classes selector, you don’t need to remember. Simply click on a button to launch the pop-up and choose the class you want to add.

Did you know you can use images in your radio buttons in Gravity Forms? This is a nice way to provide your visitors with a visual, appropriate image to select when they provide information. You see it already as a design pattern, so use it also in your Gravity Form!

Maybe you want to generate a unique ID, code, number or combination of numbers and letters for each entry in Gravity Forms. This is very easy with the special Gravity Perk Unique ID.

Do you want to add a rating field to your Gravity Form? For example to rate an experience, article or for another evaluation? With the Survey Add-On you can easily add a Rating field to your webform.

When you have some kind of repetition in your form (every time the same block), for sure the Gravity Forms List field is best to use. But sometimes it’s difficult to fit everything in one single row. With a little CSS you can change that easily.

Do you want to have a full page overlay confirmation message in your Gravity Form? Here you will find some inspiration on how to achieve that.

With the plugin Import Entries you can easily import entries using an Excel file. This makes it also possible to import big list of data to your WordPress site and use it to fill in information automatically using the Polulate Field possibility in Gravity Forms.

Do you know you can add functionality to your Gravity Forms Merge Tags. This can come in handy, for example when you want to show a field input capitalized or you want to replace certain values in the field.