How to display Gravity Forms Survey responses on the front end

How to Display Your Gravity Forms Survey Responses on the Front End

Written by Casey Burridge

Last updated:

Categories GravityView

Tags

Are you looking for a way to display your Gravity Forms survey responses on the front end of your website?

The Gravity Forms Survey Add-On allows you to track the results of your surveys, but only from the backend. One way around this limitation is to use GravityView!

The GravityView plugin is fully compatible with the Gravity Forms Survey Add-On, allowing you to display survey responses inside a View on the front end.

Keep reading to find out more! 👇

What Is the Gravity Forms Survey Add-On?

The Gravity Forms Survey Add-On allows you to collect and analyze data from your target audience by building custom survey forms.

Using the Survey Add-On, you can conduct market research, gauge customer satisfaction, get feedback for products or online courses and much more! The Survey Add-On is included with the Gravity Forms Elite license.

How to Create a Survey in Gravity Forms

After installing and activating the Survey Add-On, hover over Forms, click New Form and give your new form a name. Now you can start adding Survey fields to your form using the Gravity Forms drag-and-drop builder.

Adding Survey Fields to Your Form

You’ll find the Survey field underneath the Advanced tab on the right. To add it to your form, simply drag and drop it onto the canvas.

The Gravity Forms Survey field

The single “Survey” field supports eight different field types! To change the field type, simply select a different option from the Survey Field Type drop down. Here’s a brief overview of each field type.

  • Likert – Allow the user to choose from a range of options (e.g. “Agree”, “Disagree”, “Neutral”).
  • Rank – Allow users to drag and drop options to rank them in their preferred order.
  • Rating – Allow users to select a star rating (out of 5).
  • Radio buttons – Allow users to choose from a range of options.
  • Checkboxes – Allow users to choose multiple options from a list.
  • Single Line Text – Allow users to input a single line of text.
  • Paragraph Text – Allow users to input multiple lines of text (great for questions with open answers).
  • Dropdown – Allow users to select an option from a drop down list.
The Survey Field Type dropdown

After constructing your survey form, the next step is to embed it on a page or post.

Embedding Your Form

You can add your new survey form to a page or post using the Gravity Forms WordPress block.

The Gravity Forms Gutenberg block

Here’s what our survey form looks like on the front end:

A Gravity Forms Survey form

After creating and embedding your survey form, you can send the link out to your customers, employees or whoever you plan on surveying!

After receiving some responses, you’ll probably want to view the results.

Viewing Survey Results in Gravity Forms

Gravity Forms allows you to view survey reports from inside your WordPress dashboard. To do this, edit your survey form and click on Survey Results at the top of the page.

Here you’ll be able to see an overview of your survey responses with some helpful charts showing frequency scores and other important metrics.

The Survey Results page in Gravity Forms

While displaying these results on the front end isn’t possible in Gravity Forms, you can display survey responses using GravityView!

How to Display Survey Responses With a Gravity Forms Add-On 

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

GravityView is also fully compatible with the Gravity Forms Survey Add-On! This allows you to display survey responses on the front end using one of GravityView’s preset layout options.

Installing GravityView

To install GravityView, follow the steps below:

  • Go to your GravityView Account page and download the plugin ZIP file.
  • Log in to your WordPress website, hover over Plugins and click Add New.
  • Click Upload Plugin and then Choose File.
  • Select the GravityView plugin ZIP file you downloaded previously and click Install Now.
  • When the plugin has finished installing, click Activate Plugin.

Now you can create a View to display survey responses on the front end!

Creating a View

To create a new View, hover over Views and click New View

The New View link below the Views menu item in WordPress

Now give your View a name and select your survey form as the data source.

Choosing a data source when creating a new View in GravityView

Finally, you’ll need to choose a layout type. For displaying survey results, the Table and List layouts work best.

The GravityView layout types

For this example, we’ll select the “List” layout.

Adding the Survey Fields

Now you can start adding your survey fields to your View using GravityView’s drag-and-drop editor. 

The 'Add Field' button in the GravityView View editor

Simply click on the “Add Field” button and select your survey fields from the list. As you can see from the image below, survey fields are marked with a special icon.

List of Survey fields able to be added to a View

After adding a field, you can click on the gear icon to modify the field settings. For example, you can change the display setting for Likert fields from a table to a text value.

The field settings in GravityView for a Survey Likert field

You can also give your fields custom labels, adjust the visibility settings and add your own CSS classes for custom styles.

When you’re finished, publish your View and check it out on the front end. Each survey response will be displayed one after the other.

Survey responses displayed on the front end using GravityView

GravityView also includes an embed shortcode, allowing you to embed survey responses on a page or post.

Embedding Survey Responses on a Page or Post

To start off, copy the GravityView embed shortcode (it’s on the right side of the page above the Update button).

The GravityView embed shortcode

Now head over to your page or post and paste the shortcode inside a WordPress Shortcode block.

The GravityView embed shortcode inside a WordPress Shortcode block

That’s it!

💡 Pro tip: To learn more about the GravityView embed shortcode, check out this article on our docs site.

Display Your Gravity Forms Survey Responses Using GravityView!

The Gravity Forms Survey Add-On allows you to conduct market research, create questionnaires, and analyze customer feedback. The add-on adds a new “Survey” field to the form builder with 8 different field types.

Gravity Forms allows you to view the results of your survey from inside your WordPress Admin but there’s no way to display those results on the front end. 

In this post, we showed you how to display your Gravity Forms Survey responses on the front end using GravityView. For more information about displaying survey results in Gravity Forms, enroll in our comprehensive course on Gravity Guide! 🚀