Formulaire de contact 7 reCAPTCHA ne s'affiche pas sur le formulaire

J'utilise le formulaire de contact 7 et l'intégration de Google reCAPTCHA. J'ai ajouté mes clés et ajouté le shortcode au formulaire. Je n'arrive pas à faire apparaître la boîte reCAPTCHA sur le formulaire. Ci-dessous le formulaire de contact Code:Formulaire de contact 7 reCAPTCHA ne s'affiche pas sur le formulaire

<ul> 
<li><div class="apo-moved-label"> [text Name id:cf_name]<label for="cf_name" class="white">Name</label><span class="apo-moved-label-border"></span> </div></li> 
<li><div class="apo-moved-label"> [email Email id:cf_email]<label for="cf_email" class="white">Email Address</label><span class="apo-moved-label-border"></span></div></li> 
<li><div class="apo-moved-label"> [textarea Message id:cf_message]<label for="cf_message" class="white">Message</label><span class="apo-moved-label-border"></span></div></li> 
[recaptcha] 
<li><button class="apo-btn apo-btn-small apo-btn-white">[submit "Send Message"]</button><div class="gap"></div></li> 
</ul>

Voici ce que je vois quand je vois la source sur la forme:

<div class="wpcf7-form-control-wrap"><div data-sitekey="6LcY_i8UAAAAAN0EVfgHOAeFOMsE4akLpkzAtn-J" 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=6LcY_i8UAAAAAN0EVfgHOAeFOMsE4akLpkzAtn-J" 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>

Quand je vérifie mon CSS, je ne vois rien bloquer d'afficher.

Source

2017-09-15 tonjaggart

Vous devez entrer votre clé du SITE dans l'espace réservé "MY KEY SITE EST ICI" https://developers.google .com/recaptcha/docs/display Pour référence –

La clé de site est ajoutée sur le site en ligne. Je viens de l'enlever pour ce post. – tonjaggart

Ajoutez ce script dans votre en-tête pour charger le widget reCAPTCHA –

Je suppose que la clé de site n'est pas entrée correctement.

Source

2017-09-15 18:07:41 Sayan

Vous devez inclure les recaptcha library avant la fin de </head>:

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

Source

2018-02-21 12:45:44 kxxxxoo

Formulaire de contact 7 reCAPTCHA ne s'affiche pas sur le formulaire

Répondre

Questions connexes