JS errors with recaptcha integration

  • Resolved streettb

    (@streettb)


    2 years, 9 months ago

    I’m getting two javascript errors with this plugin:

    (1) Failed to load resource: the server responded with a status of 400 (in reference to api.js)
    (2) Uncaught ReferenceError: grecaptcha is not defined
    at HTMLDocument.<anonymous> (script.js?ver=5.2.2:28:3)

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author IQComputing

    (@iqcomputing)

    Hello,

    We recommend double-checking the installation steps. Some easy to miss steps can include:

    1) Ensure that your domain name is listed on the Version 2 API Keys through Google Webmaster.

    2) Ensure that under “Contact > reCaptcha Version” in the left-hand admin menu, you have Version 2 set and saved in the select box.

    Generally, 400 Errors occur whenever Version 3 is requested with Version 2 keys. Hopefully, using the above, you’re able to fix your issues, but if not, please reply to this thread, and we can assist you further. Have a wonderful rest of your week!

    Thread Starter streettb

    (@streettb)

    I double-checked the domain name on the Google console and ReCaptcha version 2 is set under “Contact > ReCaptcha Version.” The version of Contact Form 7 is currently 5.2.

    Any other troubleshooting recommendations?

    Plugin Author IQComputing

    (@iqcomputing)

    Hello @streettb

    Looking at the source, we can see that the api.js script from Google is still trying to pull in ver=3.0 instead of 2.0. We’re also not seeing the wpcf7-recaptcha-controls.js that should appear. Could you verify that your theme calls wp_head() and wp_footer() in the header and footer respectively?

    Another debugging method to test if it’s a theme or plugin conflict is installing the WordPress Health Check & Troubleshooting plugin. This is an official WordPress plugin and you can view their documentation. We still recommend taking a website backup but this plugin will allow you to safely disable plugins and revert to a default WordPress theme. If you change the theme to a TwentyTwentyOne theme and the reCaptcha displays, then you know it’s a theme issue. Otherwise, you can start troubleshooting plugins to figure out which one is the conflict. For more information on Troubleshooting, please review their documentation:

    https://make.www.ads-software.com/support/handbook/appendix/troubleshooting-using-the-health-check/#troubleshooting

    Currently, since we don’t see our plugin script file in the source code we suspect it’s either a theme issue or another plugin is adding their own reCaptcha script and is conflicting. Hopefully, with the above information, you’re able to narrow down the root cause of this issue. Otherwise, please reply back to this thread and we can assist further. Have a wonderful rest of your week!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘JS errors with recaptcha integration’ is closed to new replies.