Contact Form 7 Not Showing Success Message

Try switching to the default theme and deactivating all other plugins.

I have the same problem.
But it’s not a solution to use an other theme or the default theme.
And @cronje-design-co said “I have disabled my theme and activated Twenty Seventeen and the problem persists”.

Yeah, clearly @takayukister is not very interested in helping. I’ve just rolled back to 4.7 which fixes the problem. For now.

I’ve also rolled back to 4.7 and now it’s working.

i’m too …

I’ve also rolled back to 4.7 and now it’s working.

@takayukister Do you have any real solutions to this problem other than “Try switching to the default theme and deactivating all other plugins.”

In every thread about this problem, that’s the only feedback that you provide. That is not a solution at all.

I’ve already tried deactivating all plugins, and switching back to the default theme. The problem still persists.

This is your plugin, are you going to support it or not?

WEll, I ended up using one of the DOM events: wpcf7mailsent to get working with a custom message, so at least there is an alternative to rolling it back to a prior version.

Add the message container:

<div class="submit-success">Successfully sent! Whatever else..</div>

Style your message however you want w/ a ‘display: none;’.

And, add this .js

    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );
 

https://contactform7.com/dom-events/

It’s not something everyone will understand, but will work!

Hope this issue is fixed at some point, and perhaps this can help others until it is resolved.

Great work on the plugin, and hope all is well.

When you guys said rolled back to 4.7, u mean wordpress 4.7? or contact form 7 version?

How to “roll back”?

@illumination2025, hi, i tried pasting your DOM js code into the Additional Setting in CF7, but it is still not working. Did i miss out anything?

• This reply was modified 6 years, 8 months ago by brainee828.
• This reply was modified 6 years, 8 months ago by brainee828.

Hi, @Brainee.

The .js should go into the page somewhere, usually toward the bottom of the page, like in the footer.php file or enqueue in functions.php by some method to show up in the footer area. I recommend identifying the page itself w/ a conditional statement, so doesn’t load on every page.

The, please make sure you put create your own success message, as shown above. Of course, you can style things however you wish as well.

Make sense?

The code snippet does not go in additional settings in CF7 UI.

Hope that helps, Brainee! Happy Wednesday!

• This reply was modified 6 years, 8 months ago by Joseph G..

Keep in mind if you are adding this JS to your template file that you’ll need to do this:

jQuery(function($) {
    Your jQuery here...
}) 

The docs say that there’s no need to specifically target your form. So I was able to get this to work (thanks to Joseph G.)

jQuery(function($) {
document.addEventListener( 'wpcf7submit', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );
})

Hope this helps someone!

Hi Joseph G,
If you are still reading this, can you please tell me where I put the custom message with the div styling you show above?
Thanks,
GaryRW

Hi, Gary.

Sure thing, you can really put it most anywhere, but generally, it’s at the bottom (or top) of the form. So, you can place after your submit in the contact form configuration.

Make sense?

Yes Joseph, that does make sense. Didn’t realize it was that easy! However, unfortunately it did not work. My situation is twofold:
1- The success message does not show
2- The fields do not clear after submitting

This does not appear to be theme-related (I tried the exact same form on a different site with the same theme and it works fine). It also does not seem to be plugin-related, since I deactivated all plugins to no effect.

If you have any other ideas I would love to hear them!
Thanks,
GaryRW

You want to post the URL?

You look in the console (F12 on Chrome) to check for any errors?