IQComputing

Hello,

We’ve tested the form and it appears to work as expected. Are you certain that the spam is coming from the form and these are automated submissions? Another option is to install something like the Contact Form 7 Honeypot plugin which tries to trick bots into checking an invisible input box.

Additionally, We did notice that your footer has plain text email addresses which bots can scrape and add to their email lists. Your team could install something like Obfuscate Email plugin.

Hopefully the above solutions help mitigate spam at your inbox. Since it does not appear that the reCaptcha is broken we’ll go ahead and mark this thread as resolved. Have a wonderful rest of your week!

@versio Please create a new thread and link the site you’re having issues with.

Also, please ensure that your domain is white-listed on the API key.

Hello,

First off, thank you for linking your website. It’s much easier and faster to debug issues with a direct link 🙂

It looks like a theme or plugin is overwriting the inline CSS. The technical explanation is that this box is supposed to be hidden and holds the response back from Google whenever the user passes or fails clicking the reCaptcha checkbox. We can see this simply by clicking the checkbox. The box has an inline CSS style of display:none; which usually prevents other CSS properties from displaying it. Unfortunately, CSS has a “catch all” !important which takes precedence.

There’s an internal style, maybe in the Customizer Additional CSS panel, generated by a plugin, or added some other way which says:

#cf7cstmzr-form.cf7cstmzr-form-578 .wpcf7-form textarea {
   display: block !important;
}

If you view the source of the page you can see this style on line 124. Usually you want to not use the !important CSS property if you can help it. If you’re familiar with how this CSS is being added a simple fix for this could be:

#cf7cstmzr-form.cf7cstmzr-form-578 .wpcf7-form textarea:not(#g-recaptcha-response)

If a plugin is adding this CSS then we suggest contacting that plugins support.

If you’re not sure how that CSS is being generated then we suggest you install the WordPress Health Check & Troubleshooting plugin. This will allow you to safely ( just for your logged in user ) disable all plugins except Contact Form 7 and this plugin. It will also allow you to switch to a default theme to see if the issue lies with the theme itself. At which point you can enable plugins until you find the one causing issues.

In short, something is overriding our plugins CSS using !important which we cannot prevent. We’ll leave this thread open for a little while longer. Should you have any questions please reply back to this thread and we can assist you further. Have a wonderful rest of your week!

Hello,

Could you link the website you’re having issues with? By seeing an example of the issue we may be able to replicate the issue on our end and push out a fix for this.

Hello,

The reCaptcha v3 built into Contact Form 7 should apply to all the forms on a page. It is a learning algorithm. At first it may not block as many spam bots and users may get the image checker more often than not but in the long run it will learn how users interact with the forms vs how bots interact with the forms. The reCaptcha will eventually be able to easily distinguish between the two.

It could also be some malformed HTML in the core theme that’s an issue. An unclosed tag could cause problems with Javascript being able to find certain elements.

We still are having issues replicating this specific issue with the TwentyTwenty theme but we’ll install the listed Contact Form 7 plugins and continue testing. If or when you run the Health Check Troubleshooting mode, please do let us know the results.

Hello,

Thank you for bringing this to our attention! It looks like the Javascirpt we have in place runs into an issue whenever two Contact Form 7 forms are on the same page, specifically when one of the two does not have reCaptcha. This is something we’ll need to investigate further and will push an update once we have a tested solution in place.

While we patch this issue there are 2 foreseeable options which unfortunately require administrative intervention.

1) Add a reCaptcha to the footer email subscription form until a patch for this plugin is in place.

2) Temporarily remove the email subscription form until a patch for this plugin is in place.

We apologize for any inconvenience this may have caused and will reply back to this thread once an updated version of this plugin has been published. In the meantime should you have any questions, comments, concerns please reply back to this thread and we can assist you further.

Hello,

We installed Loco Translate and could not replicate your issue. It appears that the Italian community has translated the plugin 100%. Here’s what we did to test that specific translation was working as expected.

Before following the below instructions please take a backup of your website and database. Understand how to do a restore should something go wrong. We take no responsibility if you do not have a backup or do not know how to restore your saved backup.

– – – – – – – – – – – – – – – – – –

1) Install Loco Translate, Contact Form 7, and ReCaptcha v2 for Contact Form 7

2) Navigate to Settings -> General

3) Change the language from the default to Italian (Italiano)

4) Navigate to Dashboard -> Updates and click the “Update Translations” button. This will download all the translations for the current language for all plugins, themes, and WordPress core.

5) Wait for all translations to be updated successfully.

6) Navigate to Loco Translate -> Plugins -> ReCaptcha v2 for Contact Form 7. You should see Italian translated 100%.

7) Click ReCaptcha v2 for Contact Form 7 in the list of installed plugins to edit any of the translations. You can change “Please verify that you are not a robot.” to something other than “Dimostra di non essere un robot.” by finding it in the list of translations and changing the text in the bottom textarea.

8) Save your changes by clicking the blue “Save” at the top.

9) Finally, you can test if the reCaptcha message is translated by creating a simple form with the reCaptcha on it. Fill the required fields and submit the form without clicking the reCaptcha checkbox. You will see that either the default translation above appears “Dimostra di non essere un robot.” or if you’ve modified the translation that should appear.

We did test this on a basic install ( fresh WordPress and default them ) and multisite install and did not have issues.

– – – – – – – – – – – – – – – – – –

The filter function you mentioned above could/should also work. That would go in an external plugin or in your themes functions.php file. If you have a WordPress theme you may need to create a Child Theme so your changes do not get overwritten. We suggest using Child Theme Configurator plugin since it’s easy. For more information on Child Themes please read the WordPress Handbook regarding the topic.

– – – – – – – – – – – – – – – – – –

Hopefully the above helps solve your issue. We do not believe at the moment there’s any issue with the plugin or the plugin translation. Should you follow the above instructions and continue to have issues, have any questions, comments, or concerns please reply back to this thread and we can help further. Have a wonderful rest of your week!