How to build an application review system using GravityView

How to build an application review system for grants, research proposals, jobs, contests, and more

Written by Casey Burridge

Last updated:

Categories GravityView

Tags , , ,

Whether you’re overseeing grant applications, evaluating research papers, or managing job applications, having a defined workflow and review system is key. 

While dedicated software platforms and SaaS solutions exist to address this need, they are often overly expensive and limited in functionality.

In this tutorial, we’re going to show you how to build your own application review system on WordPress using Gravity Forms and GravityView. we’ll explore how this approach can lead to efficiency, cost-savings, transparency, and empowerment for your organization.

💡 Check out a live demo of the finished application review system, and download the entire setup for importing to your own website!

Download the free grant application form template now!

Import the template into Gravity Forms and customize as necessary.

Gravity Forms: grant application form

Sneak peek

In this example, we’re going to build a system for collecting and reviewing grant proposals. Here is the grant application form that users submit.

A grant application form built using GravityView

When users submit grant applications, staff can vet them from a custom dashboard.

A dashboard page for grant reviewers to review grant applications, build using GravityView

Reviewers can then add ratings and comments to individual applications as part of the review process.

Notes and comments added to a grant application

Finally, after reviewers have added their ratings/comments, board members can approve or deny the application from their own dashboard.

A grant reviewer dashboard with a column for approving grant applications

Pretty neat, isn’t it?

What you’ll need

Here are the plugins you will need to create the system in this tutorial:

Building an application review system without any code

Many nonprofit organizations and educational institutions have limited resources and therefore aren’t able to hire developers, or pay agencies for custom development work. WordPress is the ideal platform for such organizations as it’s 100% free to use.

Furthermore, there are thousands of plugins available that add features and functionality to the platform. Two such plugins—Gravity Forms and GravityView—work in combination, allowing users to create complex information systems, and front-end interfaces, without any technical knowledge!

In this guide, we’ll show you how to leverage these powerful tools to create your own custom application review system that you can enhance and maintain without any coding skills.

Why build an application review system on WordPress?

Building an application review system is not just about making your workflow more efficient; it’s about fostering transparency, collaboration, and data-driven decision-making.

By taking advantage of WordPress with Gravity Forms and GravityView, you can create a system that aligns with your organization’s goals and enhances the overall application review experience for all users. 

Let’s take a look at some specific benefits of this approach:

Better accountability and transparency

With an application review system, you can maintain a comprehensive record of all submissions, reviewer feedback, and decisions. This level of transparency not only fosters trust among applicants but also helps your organization adhere to ethical standards and guidelines. It also makes it easier to trace the evaluation process, making it fair and unbiased.

Efficiency and time savings

An application review system helps streamline the entire application process, reducing manual administrative work. Applications are collected electronically, eliminating the need for paper submissions or endless email threads! This efficiency saves significant time for both applicants and reviewers, allowing them to focus on the quality of the applications rather than the logistics of submission and tracking.

Customization and flexibility

Every organization has unique requirements for its application review process. Building a custom system using Gravity Forms and GravityView on WordPress allows you to tailor the system to your specific needs. 

You can create custom forms, set up unique scoring criteria, and design a review workflow that aligns with your organization’s goals and values. This level of customization ensures that the system adapts to your requirements, not the other way around!

Cost-efficiency compared to existing solutions

Existing software solutions for similar purposes can often be prohibitively expensive. Many commercial application review platforms charge hefty licensing fees, subscription costs, and maintenance expenses. 

Building your custom application review system on WordPress with Gravity Forms and GravityView can be a much more affordable option. By investing time and effort into building your system, you can avoid the ongoing financial burden of expensive software licenses, saving your organization valuable resources in the long term. 

Overview of the system: Features and workflow

Before we dive into how we built the system, let’s go over how it works, its different components, and the various features it supports. Remember that GravityView is highly customizable, so you’ll be able to customize this system depending on the unique needs of your project!

We built this solution for a fictional nonprofit organization. In this organization, the grant review process is split into two stages. First, staff members vet applications before passing them on to board members who have the final say as to whether they get approved or not. Here’s how it works:

  1. As with most of our tutorials, everything begins with a form! The application form allows logged-in users to submit grant applications. They then have access to a dashboard that displays all their submitted applications, along with the status of each one. From here, students can also view and edit their applications.
  1. There is a separate dashboard for staff where they can view, filter and sort through all applications. They also have the ability to add notes and comments to these applications that are only visible to other reviewers. Once a consensus has been reached as to whether the application should proceed to the final review stage, the staff will update its status.
  1. Finally, board members can see all applications, along with the staff’s notes and comments. They are then able to approve or deny an application using a special field that only they have access to.

Now let’s start building the application review system, step by step.

Create your user roles

If you intend applications to go through multiple review stages, you may need to set up multiple user roles on your site. In this example, we have two user roles—one for regular staff, and one for Board members. To create or edit user roles in WordPress, you can use the free Members plugin.

Creating the grant application form

The first thing we need to do is create the grant application form. To do this, we’ll hover over “Forms” and click “New Form”. Now we can start building our form using the Gravity Forms drag-and-drop builder.

The Gravity Forms visual form editor

Feel free to add any fields you feel are necessary here. If your form is quite lengthy, consider grouping similar fields under new “Sections” to make it easier to fill out. You could also consider building a multi-page form.

When you’re finished adding your fields, the final thing you’ll need is a hidden Drop Down field for the application’s status. The reason it’s hidden is because we don’t want applicants to see this field when filling out the form. Only the grant reviewers will have the ability to update this field.

A Drop Down field labeled 'Status' and set to 'Hidden'

This dropdown field will have three choices—“Pending”, “Initial review”, and “Final review”. When an application is submitted we want its status to automatically be set to “Pending”. To achieve this, we’ll click on the checkmark to the left of the choice label so that it turns green.

Drop Down field choices

Here’s what our completed grant application form looks like on the front end:

A grant application form built using Gravity Forms

Save time by downloading our grant application form template now!

The next step is to create the dashboard that applicants see after submitting their application.

Creating the applicant dashboard

The dashboard we’re going to build will be a View that displays details about an applicant’s application(s), along with links to view and edit them on the front end, should they wish to do so.

To create a new View, we’ll hover over “GravityKit” and click “New View”. After giving our View a name, we’ll go ahead and select our grant application form as the data source, and choose the Table layout as our View Type.

The View creation screen in GravityView

Now we can start configuring the View using GravityView’s powerful drag and drop editor. On the Multiple Entries layout, we’ll add the following fields:

  • Date Created
  • Entry ID (rename this to “Application ID”)
  • Name
  • Project focus
  • Status
  • Link to Single Entry (rename this to “View application”)
  • Link to Edit Entry (rename this to “Edit application”)
The 'Entries Fields' section of the View editor

Now click on the “Single Entry Layout” tab to configure this page. The Single Entry page allows users to view their full application. If there are any fields you don’t want users to see here, simply don’t include them in the configuration.

We want to give users the ability to edit their applications after they have already been submitted, so we’ll go ahead and configure the Edit Entry Layout as well. Okay, now that our View has been fully configured, there’s one more thing we need to do.

We’re going to add an advanced filtering condition that restricts entries in a View to those created by the currently logged-in user. This means that users will only be able to see the applications that they submitted!

To add this condition, we’ll scroll down to the View settings, click on the “Filter & Sort” tab and then click “Add Condition”.

An advanced filtering condition limiting entries to those created by the currently logged-in user

💡 Pro tip: To filter Views based on conditional logic, you’ll need the GravityView Advanced Filtering Extension.

Here’s what our applicant dashboard looks like on the front end. As you can see, the logged-in user can View all of their present and past applications.

A dashboard for applicants where they can view and edit all of their grant applications

When they click on the “View Details” link, they are taken through to the Single Entry page where they can view the application in full.

A grant application displayed on the front end using GravityView

If they click on the “Edit Entry” link, they are able to edit their application on the front end!

A page where users can edit their grant applications on the front end

After configuring the dashboard View, you may want to embed it on a page on your website. You can do this using either the GravityView WordPress block or the embed shortcode.

Creating the grant reviewer dashboard

Now that we have built the applicant dashboard, we can turn our attention to building out the grant reviewer dashboard. This is what grant reviewers can see when reviewing new applications.

This dashboard will also be a table View linked to our grant application form. However, the fields we add here will be different from those added to the applicant dashboard.

Let’s start by configuring the Multiple Entries layout. Here, we’ll add the “Date Created” and “Date Updated” fields, the name of the applicant, and the Project focus. Next, we’ll add an “Approval” field at the top (we’ll explain this more in the next section). And finally, we’ll add links to the Single Entry and Edit Entry layouts.

The Entries Fields section of the View editor

We want reviewers to have the ability to update the status of an application, but they shouldn’t be able to edit anything else. To set this up, we’ll only add the “Status” field to the Edit Entry Layout.

The GravityView Edit Entry Layout showing a single field labeled 'Status'

Finally, as we’re expecting to receive a large number of applications, we need a way for reviewers to filter and sort through them. To achieve this, we’ll add a Search Bar widget to our View. 

GravityView’s search bar is highly configurable, allowing us to select which fields to include, modify field input types, and more. For this example, we’ll add search inputs for the Project category, Application Approval Status, and Email Address fields.

The GravityView Search Bar widget settings

Here’s what our grant reviewer dashboard looks like on the front end:

The Grant Reviewer dashboard built using GravityView showing a table of all submitted applications

When a reviewer clicks on the “Edit” link, they will have the ability to change the status of an application by selecting a new option from the “Status” drop down menu.

A page where reviewers can update an application's status from the front end

This will update the status of the application, which will also reflect in the applicant dashboard to give users an idea of where they are in the process.

💡 Pro tip: You’ll need to ensure that only grant reviewers can access this View. Learn how to restrict a View by login status or user role.

Allowing reviewers to rate and comment on applications

Grant reviewers will be in charge of reviewing new applications as they come in, so it’s important that they have a way to add notes and ratings. There are two ways to accomplish this—either by adding entry notes, or by using a separate form and View.

In this tutorial, we’re going to show you how to do this using entry notes (as this is the easier and less complicated way). If you want to find out more about the other way to accomplish this, read this article on our docs site.

Entry notes allow users to add notes and comments to Gravity Forms entries. To enable this functionality on the front end, we’ll simply add the “Entry Notes” field to our View’s Single Entry layout.

The 'Entry Notes' field in GravityView

Here’s what it looks like on the front end:

The entry notes on the front end

As you can see, there’s a simple input field allowing grant reviewers to write comments and notes. After clicking “Submit” the note will be added to the application and include the reviewer’s name and the date and time it was added. These notes will also be visible to other reviewers. 

Okay, we’ve made great progress! We’ve built out the applicant dashboard and the grant reviewer dashboard. Now we need to ensure that board members have the final say as to whether an application gets approved.

Final approval

For this, we could create a third dashboard for board members, but we don’t necessarily need to do that! Instead, we can give board members access to the same dashboard as grant reviewers, with an extra field allowing them to approve/reject applications.

To do this, we’ll use GravityView’s powerful, in-built approval system. To allow board members to approve/reject applications from the front end, we’ll add the “Approve Entries” field to our dashboard View.

GravityView approval fields

We only want board members to be able to approve/reject applications, so we’ll open the field settings and adjust the visibility settings. GravityView’s visibility controls allow us to restrict fields to certain user roles, so we’ll only make this field visible to users with the “Board member” role.

Field visibility settings, with the option to limit visibility to certain user roles

Here’s the new “Approve” column only visible to board members during the final approval stage. To approve/deny an application, they can simply hover over the circle icon and click either the green check mark or the red cross.

A coulmn in the applications table for approving or rejecting an application.

It’s important to know that this field is different from the “Status” drop down field. This field is used for board members to approve/reject applications, while the “Status” field is for applicants to see where they are in the application process.

You don’t necessarily need both fields, it just depends on your workflow! Again, this is an example of how to use GravityView for application review, but it’s certainly not the only way to do so!

Bonus: Export applications to PDF

For some workflows, especially grant applications, it’s important for users to have the ability to export their applications to PDF. This can be achieved using the new PDF for GravityView Extension developed by Gravity PDF.

PDFs generated by the PDF for GravityView application dashboard

PDF for GravityView allows you to export customizable PDFs that match your View’s Single Entry Layout.

Build an application review system with no code

In this post, we showed you how to build your own application review system for grant applications, job applications, or research paper submissions.

First, we used Gravity Forms to create an application form. Then we created powerful dashboards for both users and grant reviewers using GravityView. We also added a way for board members to approve submissions using GravityView’s in-built approval system.

If you found this post valuable, check out our tutorial on hosting a photography contest next!

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!