Hiding Form After Submission
Hiding a form after submission in Divi Form Builder
The Form module can hide the form after a successful submission. That makes it clear the submission was received and reduces duplicate submissions.
Steps to enable hide form after submission
- Open the Form module on your page in the Divi 5 Visual Builder.
- Open the Content tab and find the Main options (or equivalent) section.
- Enable Ajax submission so the form submits without a full page reload. This is required for hiding the form after submit.
- Enable Hide form after submission. The form will disappear once the user submits successfully.
You can combine this with a success message or a thank-you page redirect for clearer feedback.
Verify the behavior
- Submit the form with valid data.
- Confirm success state appears.
- Confirm the form is hidden only after a successful submit.
Common issue
If the form does not hide, confirm Ajax submission is enabled and no validation errors are still present.
What's Next
- Form not submitting - Diagnose required-field, validation, and submission-blocking errors.
- Form sends but still shows error - Fix false failure states after successful send.
- Form settings - Review AJAX, notices, redirects, and post-submit behavior.