IQComputing

Hello,

We recommend trying the simple route with just “wpcf7-recaptcha-controls.js” first, saving the settings, clearing the server WP Rocket Cache, clearing your local browser cache, and checking if the issue has resolved.

If you find the issue persists, then you could try adding the full URL or maybe even parts of the URL such as:

plugins/wpcf7-recaptcha/assets/js/wpcf7-recaptcha-controls.js

Hopefully you’re able to find a workaround for your issue with WP Rocket. If you have any questions you may reply back to this thread and we can assist further. Have a wonderful rest of your week!

Hello,

It could have something to do with WP Rocket lazy loading the ReCaptcha Callback script. If you open your dev tools you should see the following error:

reCAPTCHA couldn't find user-provided function: recaptchaCallback

The ReCaptcha callback is in the plugin script wpcf7-recaptcha-controls and looking at the page source we see that WP Rocket is lazy loading the script. We would recommend excluding wpcf7-recaptcha-controls from being lazy loading.

https://docs.wp-rocket.me/article/976-exclude-files-from-defer-js

It looks like you may be able to add wpcf7-recaptcha-controls.js to the area linked above in the WP Rocket docs.

Hopefully this help, but if not you can reply below and we can investigate further. Have a wonderful rest of your week!

Hello,

At the provided link, the only available forms are in Elementor and not in Contact Form 7. This plugin only works with Contact Form 7 forms.

We do have a wpcf7_recaptcha_locale filter hook in the following plugin file that you could use to switch the ReCaptcha language:

recaptcha-v2.php LN 70
apply_filters( ‘wpcf7_recaptcha_locale’, get_locale() )

The usage of the filter hook could look something like this:

/**
 * Return the curent page ReCaptcha locale.
 * Defaults to the site locale from get_locale() function.
 * 
 * @param String $locale
 * 
 * @return String $locale
 */
add_filter( 'wpcf7_recaptcha_locale', function( $locale ) {
	
	// Example: domain.com/?lang=ru
	if( isset( $_GET, $_GET['lang'] ) && 'ru' === $_GET['lang'] ) {
		$locale = 'ru_RU';
	}
	
	return $locale;
	
} );

Hello,

There is a slight difference between an asset loading and an asset making requests . The plugin loads the asset once, and you can verify this by viewing your website source directly. The Network Tab shows requests being made by your website and any of the loaded scripts. The ReCaptcha API (api.js), once loaded, goes out and makes further requests. Presumably, verifying that your ReCaptcha key belongs to you and your domain. We have no control over any requests the API makes since it is provided by Google.

Additionally, you can see that these requests are quite small and take fractions of a second. The right-hand side of your Network Tab image is measuring these requests in milliseconds. We know there are 1000 milliseconds in a second. If we add up all the requests, including the loading of api.js (not highlighted in your screenshot) it comes out to 179 milliseconds. That is less than half a second ( 0.18 seconds ) for the API to load and then make the additional requests that it needs to function properly.

Hopefully, that answers your questions and concerns, but if you have anything else, please reply back to this thread and we can assist further.

@optionway

There’s nothing in PHP 8 or 6.2.2 that we are aware of which would prevent the plugin from working properly. We also run this plugin on several PHP 8 + 6.2.2 websites and have not run into any issues.

This leads up to believe that it may be a plugin or theme conflict. We would recommend taking a backup of your website, understanding how to restore your back up, and installing the WordPress Health Check & Troubleshooting Plugin. This will allow you to safely disable plugins and revert to a default theme ( just for your admin user so that this does not affect visitors ). You can then enable each plugin one by one until you find the culprit. For more information, we do recommend reading their documentation.

An alternative option is to edit your topic and add a link to your website in which we can take a look at the dev tools to see if there are any JavaScript errors causing an issue and check the source to ensure everything is loading as expected. Please note that if you link your website outside the provided topic link box, this link will be publically available (and usually not an optimal solution for most users).

Hopefully using the above resources you’re able to resolve your issue but should you have any questions or can provide further information we can assist further. Have a wonderful rest of your week!

Hello @leonfeijen

Unfortunately, it’s difficult to say what the issue is without a link to the site in question. This issue could be a JS conflict with another script on the site. It could be a theme or plugin-specific CSS override causing issues.

First, we recommend installing something like the WordPress Health Check Plugin and follow their instructions on how to safely disable plugins and revert to a default theme.

If you can edit your question above, we would recommend adding your website URL into the public URL field so that we may see the site in question. Once we are able to review the frontend of the site, we should be able to tell you what the root cause is.

Hopefully using one of the above methods we’re able to help resolve the issue. Should you have any further questions, clarifications, or details please reply back to this thread and we can assist further. Have a wonderful rest of your week!

Hello,

This could be an issue with WP Rocket Cache delaying the load of the WP ReCaptcha script. One of the users on the Contact Form 7 forums suggests the following:

I just added the word: Recaptcha
Into the WP Rocket File Optimization tab in section: Delay JavaScript Execution – excluded javascript-files

SLV (@dwnl)

Another option is to exclude optimization of api.js in the WP Rocket settings.

Additionally, we are seeing some JS errors in the console of the website that may be interfering with the load process that may need to be fixed as well. We recommend trying the above and possibly disabling the WP Rocket plugin to see if the ReCaptcha loads properly. If the ReCaptcha loads after disabling WP Rocket then you could reach out to WP Rocket for a solution.

If you have tried the above, and then tried to disable WP Rocket entirely, and continue to run into the same issue, please reply back to this thread and we can assist further. Otherwise, have a wonderful rest of your week!