Error in a page has two forms with Invisible reCAPTCHA

[Carlos Rovira]

Hi,

one of our pages has two forms and one of them doesn’t show the invisible reCAPTCHA badge. If I “inspect” the page I get (This is in Chrome, I see it as well in Safari):

Uncaught Error: reCAPTCHA has already been rendered in this element
at Object.Gr [as render] (VM67 recaptcha__es.js:398)
at (index):1331
at renderInvisibleReCaptcha ((index):1344)
at VM67 recaptcha__es.js:402
at qr (VM67 recaptcha__es.js:387)
at VM67 recaptcha__es.js:402
at VM67 recaptcha__es.js:413

So I think this is a bug since the plugin should support more than 1 form in the same page.

Thanks for such wonderful plugin!

Carlos

[MihChe]

Hi Carlos,
Could you please send me the URL? If you don’t feel comfortable to post it over here mark the reply as private.

Let’s see what’s going on over there because the plugin supports reCaptcha for multiple forms on the same page

~Mihai

[Carlos Rovira]

This reply has been marked as private.

[MihChe]

Hi Carlos,
The issue is with your theme!
It loads your minified scripts several times and also loads another recaptcha api from google.
In the same page you have:

<script src='//avant2.es/wp-content/cache/wpfc-minified/cd1a329c3215745b405b9a7f6166d203/1519769601index.js' type="text/javascript"></script>

<script src='//avant2.es/wp-content/cache/wpfc-minified/533d043b21eafe4d2f35290325cc0dd2/1519933712index.js' type="text/javascript"></script>

<script defer src='//avant2.es/wp-content/cache/wpfc-minified/d72e9c3db9068c25820d608b45814250/1519934368index.js' type="text/javascript"></script>

<script type='text/javascript' src='https://www.google.com/recaptcha/api.js?ver=4.9.4'></script>
<script type='text/javascript' async defer src='https://www.google.com/recaptcha/api.js?onload=renderInvisibleReCaptcha&#038;render=explicit'></script>

This is the issue!
~Mihai

[Carlos Rovira]

Hi MihChe, thanks!

I’ll check with theme authors to see how to fix it. Thanks for pointing this! 🙂

[Author]

Posts