2x recaptcha on one page is causing issues:

customer site:
http://unidos.org/pedidos-de-oracion/

This is basically a prayer request form, and on the bottom there is no captcha showing up, even though the field is there.

My best guess is that I also have a dropdown contact us in the primary menu 'Contáctenos'

The recaptcha shows up properly in the dropdown.

Is there a proper way to accomplish this where I can have a dropdown contact us form and also have the ability to have other forms on the website at the same time?

Yes I have applied the recaptcha key. That is why it shows up in the contact us dropdown in the primary navigation menu.

It just won't show up in the prayer request form. Best guess being that I have recaptcha already loaded on the page via the dropdown contact us 'Contáctenos'

If you go to http://unidos.org/pedidos-de-oracion/ and click on the navigation button 'Contáctenos' you will see the captcha there.

sorry, site is in spanish, would be so much easier to explain if it were english

thank you.

I'm pretty sure that is the issue. When I try to fill in a prayer request form and click submit, it of course gives an error about the captch. What it does is expands the hidden 'contact us' div to show the captcha up there.

Maybe there is a better trick to 'hidding' the contact us hidden div?
something like not actually loading the div content until the button is pressed, so that way there would be no way for the captcha's to conflict when on same page? Probably take some js magic to do that, which I'm not good at yet.

I struggled for a couple of days on this but came up with no solution. I could use some ideas if you have any. After speaking to the client, they are pretty opposed to removing the drop down contact form, yet still maintain that they want other forms on the site.

I've seen other sites in the past doing this, but can't seem to track one down so that I can view the source code for ideas.

If anyone has the time I could really use some pointers. I'm not much of a coder, but am willing to dedicate the time to figuring it out, just need at least a path to follow

thanks

@Kevin
Thank you for looking into it.

I tried multiple js solutions to not actually load the 'contact us' drop down until it's clicked, so that technically the contact form does not exist on a page. That would ultimately solve the issue, but I am not quite that good with js yet. Still working on it, as I have seen it done before.

Basically grasping at straws until I find a solution.