Google Recaptcha V3 and contact form 7 issues

[Tierramitica]

Hello,

I updated to google recaptcha V3 for the contact form 7 plugin a few days ago, and since then have been having issues with people not being able to send forms. I sometimes encounter the same error message with an orange border around it while doing tests:
“There was an error trying to send your message. Please try again later.”

On the website of Contact form 7, it says the following about this error:

It is expected that some websites using reCAPTCHA v3 will experience side effects from the changes in 5.1.1. In those cases, you will see a response message surrounded by an orange border every time after you submit a form.

Orange Border Response
The orange border indicates that a spammy attempt has been detected by a spam protection module like reCAPTCHA. Seeing the orange border every time is obviously abnormal unless you are a real spambot.

If you get into such situations after upgrading to 5.1.1, you are advised to ensure that the theme you use properly loads JavaScript in the footer area of each page.

We know some theme authors improperly omit wp_footer() call to block scripts from loading. That is one of the worst practices in theme development that will surely causes problems like those explained above. Ask the theme author for a fix if you find your theme has such issues.

So, because I could not find a solution I now deleted the keys, but this can only serve temporarily because I need protection on my site… Could you help me with this? Some people are able to submit the form, others are not, and I am able to submit the form about half the time of my tests…
Thanks for the help.

[mldarshana]

Hi Mitica,

Thanks for writing in! X/Pro themes are properly loading WP_Footer according to the standards. Personally I have tested Contact Form 7 v5.1.1 with Google reCaptcha V3 and I did not experience such issues on my test site. You can also read more information from the following thread (https://theme.co/apex/forum/t/contact-form-7-5-1-5-1-1/49506).

If you have a child theme, there could be conflicts with your child theme customizations. In such cases, I would suggest you to disable your child theme temporarily by activating your parent X theme and re-test your issue further. If you have added any custom JavaScript into your site, remove them as well and re-test your issue further.

If you’re still having issues, then I would suggest you disable all of your 3rd party plugins except your Cornerstone plugin and re-test this issue. If the issue resolved, then you can activate your plugins one by one and test to see which plugin causing the issue.

To identify if this issue is related to X theme, you can also switch to a different theme and re-test your form further.

Let us know what your findings are and also include the link to your contact form, if you require further assistance.

Thanks!