Recaptcha v3 Integration

Hello,

This is because you are using Custom JS Codes for the Form which overrides the Default Functionality. Meanwhile, we already have an Example included for Google reCaptcha v3: http://themes.semicolonweb.com/html/canvas/contact-recaptcha-v3.html . You can simply change the YOUR_SITE_KEY to your v3 Site Key and add your v3 Secret Key in the include/forms.php File.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Glad the issues were resolved. We would still recommend using the Default Codes as this might cause conflicts later down the line because of this line: $(‘#widget-subscribe-form’).submit(function(e).

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

We actually didn't know which Backend Type you were using. Our JS Codes are flexible enough to work with most backend languages. What we meant with our suggestion was for you to make sure that both the JS Functionalities do not conflict with each other. Because if you are using the same JS Function on a Single Element, they would not work like default and cause conflicts. So to extend it, you can add the .customjs Class to the .subscribe-widget DIV and this would disable the Default JS Functionality, and then you can use your Custom Codes ensuring that everything will work smoothly.

We are always here to help and provide you with the best possible recommendations.

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Apologies for the Inconvenience regarding this.

This is a Silly Mistake on our side, as we had missed adding the .subscribe-widget Class on the .widget DIV wrapping the Subscription Forms. Simply add this class and this issue will be resolved!

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

The http://themes.semicolonweb.com/html/canvas/contact-recaptcha-v3.html Template uses the include/form.php File, while the Subscription Widget uses the include/subscribe.php File. You will need to add the Google reCaptcha PHP Codes in the this File as well to make it work with Subscription Widgets.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Apologies for the Inconvenience! There was a Slight Bug in the Code in the HTML. Find the following code:
[ch_pre]


grecaptcha.ready(function() {
grecaptcha.execute('YOUR-SITE-KEY', {action: 'contact_page'});
});

[/ch_pre]

and replace it with:
[ch_pre]

grecaptcha.ready(function() {
	grecaptcha.execute('YOUR-SITE-KEY', {action: 'contact_page'}).then(function(token) {
		// add token value to form
		document.getElementById('g-recaptcha-response').value = token;
	});
});

[/ch_pre]

and then you simply add your reCaptcha v3 Secret in the include/form.php File. If you are using the Subscription Forms, you will need to Copy the reCaptcha related Codes from the include/form.php File and paste it in the include/subscribe.php File.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

This would work perfectly fine for multiple forms on the Page. just change the 2 marked IDs (see attached image) per form.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

It would be more recommended to use it this way as the reCaptcha needs to set token after being executed.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.