reCAPTCHA v3 blocks CF7 form sending | Spam – orange rectangle | JS error

  • Resolved savitri14

    (@savitri14)


    3 years, 4 months ago

    Hello,

    I’ve decided to post the following, after reading many threads discussing the false positive spam detection malfunction using reCAPTCHA v3.

    I have a single website with one contact form (duplicated in two pages). Any form sending attempt is blocked by reCAPTCHA v3 followed by an orange rectangle with the following error message:
    There was an error trying to send your message. Please try again later.

    Moreover, when the page is loaded the following js error occurs:
    Error: Invalid site key or not loaded in api.js:
    <my site key>

    The configuration on both Google reCAPTCHA settings and CF7 integration section seems to be just fine.

    The form used to work perfectly fine in the past with reCAPTCHA v3 and I can’t say when the malfunction has begun.

    As suggested by CF7 developer Mr.Takayuki Miyoshi, I also tried to lower the spam score to 0.3 using the following filter code, which doesn’t fix the problem:

    add_filter( ‘wpcf7_recaptcha_threshold’,

    function( $threshold ) {
    $threshold = 0.3; // decrease threshold to 0.3

    return $threshold;
    },

    10, 1
    );`

    CF7 plugin is up to date – Version 5.4.1

    I’d appreciate your advice.
    Thanks a lot.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Where can we see the website in question?

    Thread Starter savitri14

    (@savitri14)

    Hello,

    Thank you for replying.
    My website URL is:
    https://savitrisalant.com

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    What other plugins and theme do you use on the site?

    Thread Starter savitri14

    (@savitri14)

    Theme: Neve

    Plugins:
    1. All In One WP Security
    2. BJ Lazy Load
    3. Blocks CSS: CSS Editor for Gutenberg Blocks
    4. Compact Audio Player
    5. Contact Form 7
    6. Element Pack Lite – Addon for Elementor
    7. Elementor
    8. Elementor Addon Elements
    9. Elementor Header & Footer Builder
    10. Envato Elements
    11. Essential Addons for Elementor
    12. Livemesh Addons for Elementor
    13. Master Addons for Elementor
    14. PowerPack Lite for Elementor
    15. Premium Addons for Elementor
    16. Reusable Blocks Extended
    17. Unlimited Elements for Elementor
    18. WPS Hide Login

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try switching to the default theme and deactivating all plugins excluding Contact Form 7.

    Why you are advised to deactivate plugins and switch to the default theme.

    Thread Starter savitri14

    (@savitri14)

    Hi,

    Following your recommendation, I used Health Check & Troubleshooting to disable all plugins and use a default theme.

    The default theme is “Twenty Twenty” and Contact Form 7 is the only enabled plugin.

    The result is that I still get an error but it’s a different error which loads a different URL:
    https://savitrisalant.com/wp-admin/admin-ajax.php#wpcf7-f11-o1
    and displays 0 i.e., the digit on the screen.

    The Console indicates an error in:
    admin-ajax.php

    With the following content:
    POST https://savitrisalant.com/wp-admin/admin-ajax.php 400 admin-ajax.php#wpcf7-f11-o1:1

    Please advise.
    Thanks a lot.

    Thread Starter savitri14

    (@savitri14)

    Hi,

    The contact form on my website can’t be sent due to the issues specified above. In the meantime I might be loosing client’s communication. I’d be grateful if someone could advise.

    Thanks a lot.

    Thread Starter savitri14

    (@savitri14)

    After further research, I found the source of the problem and the solution.
    Using Health Check & Troubleshooting I’ve disabled all plugins and switched to a default theme: Twenty-Twenty.

    After enabling Contact Form 7, I enabled one plugin at a time and performed Empty Cache and Hard Reload to find out which plugin causes the recaptcha__en.js error:
    Error: Invalid site key or not loaded in api.js:
    <my site key>

    It seems that the plugin Master Addons for Elementor is responsible for the problem because their Header,Footer,Comment Form extension uses Google re-Captcha V2 and therefore has to be disabled in order for Contact Form 7 to function properly. After this extension was disabled as suggested by the plugin developershere the error was gone and I and contact forms are sent without any problem.

    I read many support threads regarding this matter and saw that a lot of people struggle to solve similar issues with CF7 and Recaptcha V3. My advise to you is:

    1. follow the method kindly offered by Mr. Takayuki Miyoshi here:
    Why you are advised to deactivate plugins and switch to the default theme

    2. After finding the plugin or theme responsible for the malfunction, search its support forum for a solution. If there isn’t any solution there, start a thread on that forum using all the info you’ve gathered. It seems likely that the problem would be related to the other theme or plugin support of Recaptcha V2/3.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘reCAPTCHA v3 blocks CF7 form sending | Spam – orange rectangle | JS error’ is closed to new replies.