Gravity Forms AJAX Submit feature image showing a cloud with up and down arrows

Gravity Forms AJAX Submit: All You Need to Know

Written by Casey Burridge

Last updated:

Categories Gravity Forms

Tags , ,

Did you know that Gravity Forms supports AJAX? Enabling AJAX means that your forms no longer require a page reload to validate and submit entries.

Keep reading to find out everything you need to know about Gravity Forms AJAX submissions.

What Is AJAX?

AJAX stands for Asynchronous JavaScript And XML. It’s a programming technique that allows you to access information from a web server after a page has already loaded.

AJAX allows applications to exchange data with a web server in the background using the built-in XMLHttpRequest object. Using AJAX it’s possible to update parts of a web page without reloading the entire page.

AJAX form submission in Gravity Forms is sleek and improves the user experience.

Join Our Newsletter!📧🙌

✅ Helpful Gravity Forms content straight to your inbox

✅ Be the first to hear about new updates and releases

How to Enable Gravity Forms AJAX Submission

📝 AJAX is disabled by default on new Gravity Forms forms.

You can enable AJAX on new or existing forms in just a few clicks. Here’s how to do it.

Enable AJAX Submission on Existing Forms

The process for enabling AJAX on your existing forms is different depending on which editor you’re using (Classic or Block).

Block Editor (also known as “Gutenberg”):

  • Navigate to the page where your form is embedded
  • Click on the Gravity Forms Block
  • Open the “Advanced” settings panel
  • Toggle AJAX on
Editing a form in Gravity Forms with an arrow pointing to the AJAX toggle under "Advanced" in the Form Settings.

Classic Editor:

  • Navigate to the page where your form is embedded
  • Locate the Gravity Forms shortcode (it starts with [gravityform…)
  • Add ajax=“true” before the closing bracket 
The WordPress classic editor containing a Gravity Forms shortcode with the parameter ajax="true"

Enable AJAX Submission on New Forms

Once again, the process differs depending on which editor you’re using. 

Block Editor (“Gutenberg”):

  • Go to an existing page/post or create a new one
  • Click the + icon to add a new block to your page
  • Select the “Gravity Forms” block
  • Select your form from the dropdown menu
  • Open the “Advanced” settings panel on the left
  • Toggle AJAX on
  • Save the Post or Page

Classic Editor:

  • Go to an existing page/post or create a new one
  • Click the “Add Form” button above your editor
  • Check the box that says “Enable AJAX”
  • Click “Insert Form”
  • Save the Post or Page

As you can see, it’s quick and easy to enable AJAX on new or existing forms! 

AJAX Form Saving

With the release of Gravity Forms 2.6 comes a new feature – AJAX Form Saving. Now you can save your changes in the form editor without the need for a page refresh! This provides a faster and smoother experience when updating forms.

Start Using AJAX With Your Gravity Forms Today

AJAX is a powerful programming technique that allows applications to read data from a web server without reloading the page. Gravity Forms supports AJAX, which means you can validate and submit form entries on your site without reloading the whole page. Enabling AJAX submission is a straightforward process and can improve your website from a UX perspective, so why not try it out?

💡 Pro tip: To learn more about Gravity Forms, read How to Use Gravity Forms: The Ultimate Guide.