ReCaptcha not displaying

brocars 23 Apr, 2018
Hi

Trying to implement ReCaptcha into V4 forms as there seems to have been a recent increase in spam submissions using the normal captcha. I have followed your video tutorial but can't get the recaptcha to display. See link below.

When I hit submit i get the correct error warning (The reCAPTCHA wasn't entered correctly. Please try it again.)

https://www.armfieldangling.com/index.php?option=com_chronoforms&tmpl=component&chronoform=recpatcha_test

Any ideas?

Thanks. Paul
GreyHead 25 Apr, 2018
Hi Paul,

I don't see any sign of the ReCaptcha code being loaded on the page. This may be because there is no Load ReCaptcha action in the On Load event but equally possibly the problem is that Google stopped support for the original ReCaptcha in March of this year.

You could either add the code to use the newer version of ReCaptcha manually, or probably better start the upgrade to a later version of ChronoForms.

Bob
brocars 26 Apr, 2018
Hi Bob

Turns out I added a "load captcha" element in stead of a "load recaptcha" element. I have now changed that but still can't see the recaptcha at https://www.armfieldangling.com/index.php?option=com_chronoforms&chronoform=recpatcha_test

The form code is as follows:

<div class="ccms_form_element cfdiv_text" id="input_text_11_container_div" style=""><label>name</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="input_text_1" />
<div class="clear"></div><div id="error-message-input_text_1"></div></div><div class="ccms_form_element cfdiv_custom" id="input_id_3_container_div" style=""><label for="input_id_3">Label Text</label>{ReCaptcha}<div class="clear"></div><div id="error-message-input_custom_3"></div></div><div class="ccms_form_element cfdiv_submit" id="input_submit_21_container_div" style="text-align:left"><input name="input_submit_2" class="" value="Submit" type="submit" />
<div class="clear"></div><div id="error-message-input_submit_2"></div></div><div class="ccms_form_element cfdiv_empty" id="empty_container_div" style=""><div class="clear"></div><div id="error-message-empty"></div></div>

Really don't want to have to recreate all the forms I have on various sites to CF V5 if at all possible. How would I "add the code to use the newer version of ReCaptcha manually"?

Thanks

Paul
GreyHead 29 Apr, 2018
Hi Paul,

The Google instructions for ReCaptcha v2 are here It should be quite simple to add the code using Load JS and a Custom element.

Bob
This topic is locked and no more replies can be posted.

VPS & Email Hosting 20% discount
hostinger