Disable AJAX for CF7 form submission like a pro with a little help from our experts. Our WordPress Support team is here to help you with your questions and concerns.

How to Disable Ajax for CF7 Form Submission

Contact Form 7 (CF7) is a popular WordPress plugin for creating forms. However, it sometimes it requires us to disable the asynchronous JavaScript and XML (AJAX) features for form submissions.

Today, we are going to explore different ways to achieve traditional synchronous form submission with CF7.

1. Edit CF7 Configuration

1. First, head to the WordPress admin dashboard and select “Contact.” Then, choose the form we want to modify.
2. Then, find the “Additional Settings” tab in the form.
3. Next, we have to insert this line of code to disable AJAX for form submission:

   on_sent_ok: "location.reload();"

   This code tells the form to reload the page after submission.
4. Now, save the changes made to the form configuration.

With the above configuration, we inform CF7 to reload the page after each form submission.

2. jQuery Script

First, we have to include the following jQuery script in our theme’s JavaScript file or a custom script file:

jQuery(document).ready(function($) {
$('form.wpcf7-form').submit(function() {
$(this).wpcf7().trigger('submit');
return false;
});
});


This script targets the CF7 form and triggers submission without utilizing AJAX.

3. Customize Form Tag

First, switch to the “Text” tab and manually edit the `<form&gtl` tag in the CF7 form editor.

Also, remove the class attribute containing “wpcf7-ajax-form.”

This class enables AJAX, and caution is advised when directly modifying the form tag.

4. Use Plugins

Several WordPress plugins offer more control over CF7 behavior. For example, the “Contact Form 7 Redirection,” is available in the WordPress repository. This plugin lets us dictate post-submission actions, including the option to reload the page.

Let us know which one of the above methods helped you disable AJAX for CF7 form submission

[Need assistance with a different issue? Our team is available 24/7.]

Conclusion

Today, our Support Engineers demonstrated how to disable AJAX for CF7 form submission.