Canvas Support

reCATCHA not works with V3 Keys

5 replies · opened Jul 22, 2021

OovetterJul 22, 2021

Hallo,
my website is (not) ready now.

I got many spam-mail over my contact-formulars.
Now I try to implement reCAPTCHA, but it does not work...

I implement on my short contact formular bottom right.

attachment

Can you help?

SSemicolon WebSTAFFJul 22, 2021

Hello,

Please use the Code Sample from the contact-recaptcha-v3.html Template which include reCaptcha v3 compatible codes.

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.

OovetterJul 22, 2021

I inserted: 

			`<div class="col-12 form-group">
										<label for="template-contactform-message">Ihre Mitteilung/Anfrage <small>*</small></label>
										<textarea class="required sm-form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
									</div>

									<div class="col-12 form-group d-none">
										<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
									</div>

                                
                                <strong><div class="col-12 form-group">
                                    <script src="https://www.google.com/recaptcha/api.js?render=6LeDCbIbAAACWLvwhIiq1mkx8niFXOJ8OoucsqlE"></script>
									<script>
									grecaptcha.ready(function() {
										grecaptcha.execute('6LeDCbIbAAACWLvwhIiq1mkx8niFXOJ8OoucsqlE', {action: 'contact_page'});
									});
									</script>
								</div> </strong>                                       
                                    
									<div class="col-12 form-group">
										<button class="button button-3d m-0" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Nachricht senden</button>
									</div>
								</div>`

but no success !
What is wrong?

SSemicolon WebSTAFFJul 22, 2021

Hello,

The codes you are using are old codes which were already fixed in newer versions of Canvas. Please make sure that you are always using the Latest Version of the Codes. Here is the correct one:
[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]

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.

OovetterJul 22, 2021

Sorry, error still exist...

I startet the redesign of the wibsite 6 month ago with Version 5.x
Then I got a mail, that version 6 is available, but it is not a upgrade ... I have redesign all !!!
There is a limit of money and I must work with version 5.
I append the contact-file anfrage.html (the key is not valid - I have changed).

I hope you can help.

SSemicolon WebSTAFFJul 22, 2021

Hello,

We absolutely understand but we need a Live URL in order to check the issue. The Codes currently provided with the package works perfectly fine and currently we do not have any reported errors with this, so we are not sure what is causing the issue. So we will need to check this Live in order to determine the exact cause of the issue as the actual issue might be something else.

Thanks for your Patience.

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard