wordpress

How can I hide the contact form and shows "sent!" after successful sending

I'm using Contact Form 7 plugin in a WordPress template. I created the form and the related CSS, so everything is working fine. I need to do the following, when I click the send button and I have a successful sent email. the form should disappear and shows "Sent!" instead of that. I need to know the code that I need to change. Please see the photo that shows what I like to do

enter image description here

Solution

  • In order to hide contact form 7 you have to add the following code, in the setting section of the contact form 7 you already generate it

    on_sent_ok:  "document.getElementById('contactform').style.display = 'none';"

    'contactform' is the id of the "div" that includes the tags of your contact form.