How to display field values in Gravity Forms

How to display Gravity Forms field values

Written by Casey Burridge Marketing Coordinator at GravityKit since 2021, Casey is an expert on Gravity Forms, WordPress, and marketing.

Last updated:

Categories Gravity Forms

Tags ,

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 confirmation message box with the text 'Application submitted. Please review your application below: {all_fields}.

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:

The full form submission, with all field values displayed on the front end

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.

The merge tag picker for the Gravity Forms notification message box

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.

A notification message making use of Gravity Forms merge tags

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.

Selecting a Gravity Forms as the data source for a new View in GravityView

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.

The different View Types available in GravityView

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.

The GravityView visual View editor

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.

The GravityView embed shortcode used for embedding Views inside pages and posts

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!

A table containing Gravity Forms data with a search bar above

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.

A checkbox labeled 'Allow User Edit' 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!

The GravityView Edit Entry Layout, allowing users to edit their form submission from the front end

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!

Helpful tips right in your inbox.

Subscribe to our weekly newsletter for tips, special offers, and more!

Helpful tips right in your inbox.

Subscribe to our weekly newsletter for tips, special offers, and more!