Problem
Multi-page forms are great for breaking long surveys or applications into digestible chunks, but they come with a rigid assumption: the user must click through every single page to reach the Submit button on the last one.
That becomes a problem when someone only needs to edit part of an existing entry, or when the first few pages capture everything you actually need and the rest is just bonus detail. You don’t want to force people to hammer the Next button five times just to finish.
Solutions
Gravity Forms doesn’t provide a “Submit from any page” switch in the UI, but with a small snippet, you can add a Submit button to every page.
Option 1: Code Snippet (Free)
This snippet adds a “Submit Now” button next to each Next button, letting the user submit from whichever page they’re on. Place it in an HTML field inside the form.
Replace GFFORMID with your actual Form ID.
<script>
/**
* Gravity Wiz // Gravity Forms // Submit from Any Page
* https://gravitywiz.com/
*
* Adds a "Submit Now" button after each Next button on a multi-page form.
* Clicking it forces submission from the current page without visiting later pages.
*
* INSTRUCTIONS:
* 1. Replace GFFORMID with your actual Gravity Forms Form ID.
* 2. Add this code to an HTML field inside the form (NOT a confirmation message).
* Alternatively, scope it to the form page via WPCodeBox.
*/
jQuery( document ).ready( function( $ ) {
$( '#gform_next_button_GFFORMID_1' ).closest( '.gform_body' )
.find( '.gform_next_button' ).each( function() {
var fieldId = gf_get_input_id_by_html_id( $( this ).attr( 'id' ) );
$( this ).after(
''
);
} );
} );
</script>
<style>
/* Optional spacing between Next and Submit Now buttons */
.gform_next_button { margin-right: 10px !important; }
</style>
</?>What it does:
- Iterates every Next button on the current page.
- Injects a Submit Now button after each one.
- Clicking it sets the target page number to
0, which tells Gravity Forms to treat the current page as the final page. - Triggers form submit with
trueto bypass the normal page-advance logic.
Option 2: Restructure with Conditional Logic (No Code)
If you don’t want to touch JavaScript, redesign the form so later pages are optional:
- Add a field on the first page (Radio Buttons or Drop Down): “Do you want to add extra details?” with choices Yes / No.
- On every later page, open the page’s settings and enable Conditional Logic.
- Set the condition: Show this page if “Do you want to add extra details?” is Yes.
- Make sure fields on those later pages are not required. Required fields on hidden pages will still block submission.
Now, a user who selects No sees the Submit button on page 1 because Gravity Forms hides the remaining pages entirely.
Limitations & Caveats
- Validation on skipped pages: If later pages contain required fields, the form will still reject submission even with the Submit Now button. Either make those fields optional, or hide them via conditional logic.
- Progress saving: Submitting early saves a completed entry, not a partial one. If you need to capture abandoned data, use the Partial Entries Add-On instead.
- Field visibility: Fields hidden by conditional logic are not validated on submission. Fields on later pages that are merely skipped by the JS are still part of the form DOM and may be validated if required.
- AJAX forms: The snippet works with both regular and AJAX-enabled multi-page forms because it manipulates the same DOM elements Gravity Forms uses natively.
- Gravity Forms version: Tested on Gravity Forms 2.7+. The
gf_get_input_id_by_html_idhelper is part of Gravity Forms core and should be available.
Need More Help?
If you still need help and Gravity Forms support isn’t an option, feel free to use the comments or chat options below.
