Auto-Submit a Form on Page Load Gravity Forms

We have had a couple of requests from Gravity Forms users that wanted to know how to submit a form automatically once the form page loads.

In some cases, they are passing data via a query string and all they need is for that data to populate the form and be submitted.

Use Case Example

One use case I can think of is a simple solution for employees to clock in and out. They log in to their account, and click the “clock in” button which is preloaded with a URL and any necessary parameters. I’ve demonstrated this below.

To get this to work you only need an HTML field in your form and the code snippet below.

Setting Up Your Form

You can add whatever fields you’d like to your form, but for this to work, you must have an HTML field with the code below added to the content field.

Below is the code snippet you will need.

To make the code work you will need to make two modifications after pasting it into your HTML field.

1. Change ID# on line 24 to your forms actual ID number
2. Change the delay time on line 27, currently set to 500 which is half a second

/**
* GravityRanger Auto-Submit Form on Page Load
*
* Allows you to auto-submit a form when the page loads, with a 1/2 second delay.
* https://gravityranger.com/auto-submit-form-page-load/
* 
* @instructions:
* 
*  1. Change gform_ID# to your forms ID number (line 24)
*  2. Set the amount of time you'd like to delay the script (line 27)
*  3. Add the scipt to an HTML field within your form
* 
* @version  1.0
* @author   GravityRanger
* @license  GPL-2.0+
* @link     https://gravityranger.com/
*
*
*/

<script type="text/javascript">
setTimeout(function(){
jQuery(document).ready(function(){
    jQuery('form#gform_ID#').trigger('submit'); //change ID to your forms ID# number
});

}, 500); //seconds before submit (1000 = 1 second)

</script>

Additional Code Snippet

If you prefer to not have a delay in your submission and instead have the form submitted as soon as the form renders, you could use the snippet below.

Just be sure to replace ID# with your forms ID number.

<script type="text/javascript">
     jQuery(document).on('gform_post_render', function(){
           jQuery('.gform_wrapper:not(.gform_validation_error) form#gform_ID#').trigger('submit');
    });
</script>

The Wrap Up

I’m sure there are many other use cases where having the ability to auto-submit a Gravity Forms form is necessary, and if you have one of those cases, hopefully, this solution will work for you!

If you have any questions or need additional assistance, please use the comments below.