How to Automatically Reload a Form After Submission is Completed – Gravity Forms

THIS POST MAY CONTAIN AFFILIATE LINKS. PLEASE READ OUR DISCLAIMER FOR MORE INFO.

In this tutorial, I’ll show you two simple solutions to automatically reload your form in Gravity Forms after the confirmation message is displayed, including how to control the amount of time before the page should reload.

Use Case

You want to use a form to collect inquiries from a tablet at your store location, or for customers to sign consent forms before entering the gun range.

You need the user to know that the submission was successful, but you also do not want someone to have to man the tablets and reload the page manually so that the form is available for the next user.

The Gravity Forms Limitation

Gravity Forms is a great solution for collecting data, however, it does not offer any built-in feature to automatically reload the form after successful submission. This is what I’ll show you how to do below.

If you prefer to use only the built-in Gravity Forms functionality, you could create a confirmation redirect that redirects back to the form page, however, you would not be able to display a submission “success” message first.

The form would just reload, and the user might think the submission did not work, as demonstrated below.

What You Need

In this tutorial, I will demonstrate how you can accomplish this solution with two different solutions.

Option 1: GravityWiz Add-On

Option 2: Shortcode Redirect

In both of these tutorials, I am going to skip walking you through how to build your form, and just show you how to implement the solution into an existing form.

Option 1: GravityWiz Add-On

With this solution, we will use a merge tag, provided by the plugin GP Reload Form, in the form confirmation message that will reload the form after 5 seconds without a page refresh.

Step 1: Install & Activate the Plugins

This is not a free solution and will require the purchase of a GravityWiz license (if you don’t already have one).

After you purchase or if you already have a license, you can download and install the plugins from your GravityWiz account download page.

You will need the Gravity Perks core plugin and the GP Reload Form add-on.

Step 2: Add Merge Tag to Confirmation Message

This is the merge tag provided by the plugin. You will need to add it to your confirmation message, but you can use the merge tag widget to easily add the merge tag as shown below.

{reload_form}

How to add the merge tag using the merge tag widget:

What your message should look like once the merge tag is added:

If you want to customize the reload message shown on the page, you can learn more about how to do that here: https://gravitywiz.com/documentation/gravity-forms-reload-form/#reload-form-merge-tag

Step 3: Enable Automatic Reload

If you do not enable this option, the user will have to click a link to trigger the form reload.

  • Go to Form Settings
  • Scroll to the bottom of the page
  • Check the box for “Automatically reload the form”
  • Set your desired seconds until reload
  • Click Save Settings

Once that is done, you’re ready to go.

Check out the demo below:

FAQs

Why does the form populate the fields after reloading using the GP plugin?

To prevent the GP Reload Form plugin from dynamically reloading field values and instead reloade the form with blank field values, use the gprf_disable_dynamic_reload hook.

Option 2: Shortcode Redirect Plugin

With this solution, we will use a shortcode, provided by the plugin, in the form confirmation message that will reload (redirect) the page after 5 seconds.

Step 1: Install & Activate the plugin

You can download the plugin and install it manually from WordPress.org, using the link below.

You can also install the plugin from within your WordPress dashboard:

  • Plugins > Add New > Search “Shortcode Redirect”

Step 2: Add Shortcode to Confirmation Message

This is the shortcode provided by the plugin. You will just need to replace the URL with your forms URL and the amount of time you want to pass before the page redirects.

[redirect url='http://form-url-here.com' sec='5']

This shortcode will be added to your forms confirmation message as shown below:

This will allow the confirmation message to display for 5 seconds before automatically redirecting back to the form page, creating a page “reload” effect.

Check out the demo below:

The Wrap Up

If you want to go with a free option you’ll want to use option one and use the Shortcode Redirect plugin. However, if you want a solution that was built exclusively for Gravity Forms, you will want to go with option two, the Gravity Wiz perk Reload Form.

If you have questions or need help feel free to reach out using the chat or comments below.

0 0 votes
Article Rating
Subscribe
Notify of
guest

2 Comments
Inline Feedbacks
View all comments
Maddy
Maddy
11 months ago

Hi,

Thanks for these options! Using Option 2: Shortcode Redirect Plugin, do we have the option to not add the URL and just capture the URL from the tab? My URLs have UTMs which will be different for different users so i can’t just add one URL.
It would be nice if it could just capture the URL of the page to reload.