reCAPTCHA not visible

  • Resolved Andrew Sandman

    (@andrew-sandman)


    9 years, 6 months ago

    I am having a problem with reCAPTCHA not showing up on a simple form I made.

    I have already registered with google, added my Site Key and Secret Key to the CF7 Integration section, and included the recaptcha tag on said form.

    I have inspected the code in Chrome’s Console and it appears that the code is being wrapped within a noscript tag like so:

    <div data-sitekey="6LdUZQ0TAAAAAAzuVS5hkq7S0eNPfZ4B8reFcwYV" class="wpcf7-form-control g-recaptcha wpcf7-recaptcha"></div>
<noscript>
  <div style="width: 302px; height: 422px;">
    <div style="width: 302px; height: 422px; position: relative;">
      <div style="width: 302px; height: 422px; position: absolute;">
        <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LdUZQ0TAAAAAAzuVS5hkq7S0eNPfZ4B8reFcwYV" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;">
        </iframe>
      </div>
      <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
        <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;">
        </textarea>
      </div>
    </div>
  </div>
</noscript>

    https://remcoproducts.com/formtest/

    Any thoughts on what is causing this or how to resolve?

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try switching to the default theme. It’s definitely a theme issue.

    Thread Starter Andrew Sandman

    (@andrew-sandman)

    That was it! I was using a custom template. When I switched to default, the captcha displayed and worked properly.

    Thank you for the assistance Takayuki.

    Hi there,

    I have exactly the same problem as Andrew. However, using [recaptcha] doesn’t work either.
    How to get rid of this noscript ?

    <div class="wpcf7-form-control-wrap"><div data-sitekey="6LcQtRgTAAAAAC8pqpj80dtdZ7iNxRH8brfpxT14" class="wpcf7-form-control g-recaptcha wpcf7-recaptcha"></div>
<noscript>
	<div style="width: 302px; height: 422px;">
		<div style="width: 302px; height: 422px; position: relative;">
			<div style="width: 302px; height: 422px; position: absolute;">
				<iframe src="https://www.google.com/recaptcha/api/fallback?k=6LcQtRgTAAAAAC8pqpj80dtdZ7iNxRH8brfpxT14" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;">
				</iframe>
			</div>
			<div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
				<textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;">
				</textarea>
			</div>
		</div>
	</div>
</noscript>
</div>

    Thank you Takayuki.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘reCAPTCHA not visible’ is closed to new replies.

Tags