Contact Form 7 reCAPTCHA not showing properly in Hueman theme

Hi rg. I’ve helped a couple of other users with the same issue but don’t know that they ever found a solution. One I never heard back from and the other switched to a different contact form. Is this the reCaptcha plugin you installed?

Hi bdbrown, thank you for your reply. I am using the reCAPTCHA that is now part of the newest version of Contact Form 7.

I chose Contact Form 7 because it was recommended by the banner at the top of Hueman’s admin page. Do you know of another contact form that has reCAPTCHA and works well with Hueman?

Thank you.

As an added bonus, if you put the [recaptcha] anywhere AFTER <p>Your Name (required) [text* your-name] </p> , you cannot click in the Your Name field. It only works if you put [recaptcha] at the top in Hueman–it works as expected in TwentyFifteen. Very strange.

Hi rgatl,

I had the same problem and solved using Fast Secure Contact Form plugin, see the result here: https://librimotivazionali.com/contatti/

Might be able to add some CSS to fix it if you can post a link to your site. Or, as @supremissimo84 mentioned, try another contact form plugin. I’ve used FSCF on a couple of sites. A bit more complex because there are a lot of options, but I’ve never had any problems with it.

Thank you for your replies. I’d really like to be able to use the next reCAPTCHA instead of a traditional CAPTCHA challenge. It doesn’t look like FSCF does that, unless I’m missing it.

Temp link until goes live: https://shoutkey.com/chard (if you need me to move the [recaptcha] to the bottom, broken position again, let me know).

Thank you again.

Here’s why FSCF doesn’t include reCAPTCHA:
https://www.fastsecurecontactform.com/will-you-add-recaptcha

Yes, I’d need to see it at the bottom of the form (or wherever you want it to be).

hi,
i’m also using CF7 for my contact form, and i realized that if you put the code [recaptcha] on the bottom of the page, it is not showed.
I solved this issue by placing it at the top of the form like this:

[recaptcha]

<p>Il tuo nome (richiesto)<br />
    [text* your-name] </p>

etc.

as you can see here: https://www.iknowit.it/contattaci/

Hi bdbrown, their reasoning makes sense, though I only need one per page.

karyah, that is ultimately what I did too, but it’s not very intuitive. To me, it makes sense to have the reCAPTCHA next to the submit button, but I can’t get the form to work with it that way in Hueman.

i know, i would like to have it at the bottom of the page too, but by now it’s the only way to make it work, i suppose..

Hi, this is how my recaptcha cf7 works well with Hueman.

[recaptcha theme:dark]<p>Név (k?telez?)
[text* your-name] </p>

<p>Email cím (k?telez?)
[email* your-email] </p>

<p>Tárgy
[text your-subject] </p>

<p>üzenet
[textarea your-message] </p>

<p>[submit “Küldés”]</p>

Look at: https://www.mosthallottam.hu/kapcsolat/
Hope this helps:-)

BDBROWN: So sorry, I didn’t see your message about wanting to see the reCAPTCHA in the “bad” position. Here it is: https://shoutkey.com/carry

The current code for CF7 is:

<p>Your Name (required)<br />
    [text* your-name] </p>

<p>Your Email (required)<br />
    [email* your-email] </p>

<p>Your Phone (required)<br />
    [text* your-phone] </p>

<p>Subject<br />
    [text your-subject] </p>

<p>Your Message<br />
    [textarea your-message] </p>

<p>[recaptcha]<br />
Please check the box above to prove you're not a spambot</p>

<p>[submit "Send"]</p>

Please let me know when you’ve seen it, so I can put it back (or if you have suggestions), as the site is live now.

Thank you again,
rg.

Just out of curiosity, what happens if you switch this:

<p>[recaptcha]<br />
Please check the box above to prove you're not a spambot</p>

to this:

<p>Please check the box below to prove you're not a spambot<br />
    [recaptcha] </p>

Thank you for your reply. I started with it that way. It’s stil not good (updated with your edits): https://shoutkey.com/carry

Give this a try in your custom css:

.themeform input[type="submit"] {
    margin-top: 90px;
}