January 26, 2017
How to hide Contact Form 7 after successful send
As we know that contact form 7 is built up using different action and filter hooks.Here, we need to use JavaScript action hook “on_sent_ok” through which we can hide the contact form 7 as on_sent_ok hook is being called after the form is successfully submitted.There is option to add JavaScript code in Additional Settings form field at most bottom of contact form 7 page.
Please configure the following code into Additional Settings field of contact form 7.
1 |
on_sent_ok: "document.getElementById('Enter the id to hide').style.display = 'none';" |