How to display Gravity Forms field values

Gravity Forms is a powerful tool for collecting data, but displaying that data is where things can get tricky.

Merge tags allow you to display field values in confirmations and notifications. This is helpful when you want to display a completed submission to the user, or include user-submitted field values inside notification emails. 

However, what if you want to display field values on pages or posts? We’ll show you how to do that, too! Keep reading to find out more.

How to display form field values after a form has been submitted

Sometimes, you may want to display submitted field values after a user submits your form. You can do this by adding Gravity Forms merge tags inside the form confirmation or notification message.

Displaying all field values from a Gravity Forms submission

Merge tags in Gravity Forms allow you to dynamically display submitted field values in confirmations, notifications or post content templates. If you want to display the full form submission, you can use the {all_fields} merge tag.

Go to the form settings and click on “Confirmations” or “Notifications” on the left. Now, scroll down to the message box and add your chosen text along with the {all_fields} merge tag.

The {all_fields} merge tag will be replaced with a preformatted HTML table containing all the submitted values! Here’s what it looks like when a user submits our employment application form:

Adding the {all_fields} merge tag to a notification message will output the same HTML table inside the email body.

💡 Pro tip: To learn more about Gravity Forms merge tags, read our ultimate guide! 

Adding individual field values using field merge tags

There may be times when you only want to display certain field values, rather than the entire form submission. You can do this by using field merge tags. Every field in your form has an associated merge tag, which you can use to dynamically display the field’s value.

To bring up a list of merge tags, simply click on the {..} icon next to the “Add Media” button. Clicking on a field name will automatically add that merge tag to the message.

Here’s an example notification message that we’re sending to site Admins when a new user submits an employment application. The merge tags will be replaced with the actual field values from the user’s submission.

Now you know how to display form field values from a user’s submission in confirmation messages or notification emails! But you may also need a way to display form entries on pages and posts. Well, you’re in luck because that’s what we’re going to show you next!

How to display Gravity Forms field values on pages or posts

While you can use merge tags to display Gravity Forms field values in confirmations or notifications, you can’t use them on pages or posts. If you want to display form entries, or specific field values on a page or post, you’ll need GravityView.

GravityView is a certified add-on for Gravity Forms that allows you to display your form entries on the front end and build powerful web applications using preset layouts.

Why display field values using GravityView?

GravityView gives you the ability to harness your form data for use in powerful, front end web apps. Here are some examples of what you can do using GravityView:

• Build directories
• Create a job board
• Manage your entries without seeing the backend of the site
• Create tables that are filterable and searchable
• Build other form-based CRUD applications

Now let’s take a look at using GravityView to display Gravity Forms entries on pages and posts.

Using GravityView to display Gravity Forms field values on pages or posts

Everything in GravityView begins with a “View”. To create a new View, hover over “GravityKit” in your WordPress menu and click “New View”. After giving your View a name, you’ll need to select a Gravity Forms with the data you want to display.

The next step is to select a View type (i.e., a layout for displaying Gravity Forms entries). GravityView supports 5 different View types – Table, List, Map, DataTables and DIY.

For this example, we’ll select the DataTables layout. After choosing a View Type, we can start configuring the View using GravityView’s intuitive drag and drop editor!

To add form field values, all you need to do is click on the “Add Field” button and select the form field that you want to display. You can then drag and drop the fields to reorder them or move them to different areas in the View.

There are also two widget areas at the top and bottom of the View. Widgets include search bars, pagination info, and much more. All widgets and fields are configurable by clicking on the gear icon next to their labels.

To display your View on a page or post, all you need to do is copy the embed shortcode and paste it inside a WordPress Shortcode module.

Here’s what our View looks like on the front end. As you can see, there are several search inputs at the top. Below that is a table with all of the employment applications, including a “View Details” link to read the full submission. And because we’re using the DataTables layout, there are buttons for exporting entries to CSV, Excel, and PDF!

GravityView also allows users to edit their form entries on the front end. That’s what we’re going to look at next!

💡 Pro tip: To see a live demo of this View, check out our GravityKit demo site.

Allowing users to edit their form submissions

By configuring GravityView’s Edit Entry layout, you can make certain field values editable front the front end of your website! If you want users to be able to edit entries they create, enable the “Allow User Edit” option in the View settings.

Logged-in users will now be able to edit entries that they create, right from the front end of your site!

GravityView is a powerful tool for displaying Gravity Forms field values on pages or posts using different layouts. You can learn more about GravityView on our website. 

Start displaying Gravity Forms field values

In this post, we showed you how to display Gravity Forms field values in confirmations and notifications using merge tags. We also showed you how to display field values on pages or posts using GravityView.

If you’re looking to display Gravity Forms data on your site and start building powerful form-based web applications, get GravityView today!