Avisos
Vaciar todo
Buenos días:
Traslado este tema aquí desde otro post para no enredar más la otra consulta (enlace al otro post). Al principio era un tema secundario, pero se ha convertido en principal.
Mi problema es que configurando el reCaptcha v3 metiendo las claves en Contacto/Integración/reCatpcha, guardo cambios, voy al frontend y no se muestra la insignia de reCaptcha v3, aunque si se consulta el código fuente de la página, sí están los scripts del reCaptcha v3 (en la etiqueta <Head> y en la etiqueta <Body>).
También he probado con la opción del plugin "Invisible reCaptcha for WordPress" de Mihai Chelar, y me ocurre exactamente lo mismo... Tampoco se muestra la insignia, pero sí están los scripts en el código fuente de las páginas.
Para descartar un problema con las claves, he ido a la panel de control de reCaptcha de Google, he borrado el reCaptcha v3 que había creado y he vuelto a crear uno desde cero, asociado al dominio de mi tienda y generando nuevas claves de reCaptcha v3.
Me sigue ocurriendo lo mismo. No veo la insignia en el front end pero sí veo los scripts en el código fuente.
¿qué puede estar pasando? 🤔
De momento dejo configurado el reCaptcha en la Integración de Contacto de Contact Form 7 en Wp. Si no conseguimos solucionarlo, lo configuraré en el plugin y observaré si cambia el código que se inserta en el código fuente. De momento creo que es mejor centrarnos en esta opción, para ir por partes y no enredarnos.
A continuación os dejo los scripts que aparecen al inspeccionar el código fuente, por si nos pueden dar alguna pista (he sustituido el dominio y la clave):
Código insertado en el la etiqueta <head> del formulario de "Mi cuenta" sin tener activado el reCaptcha v3:
Líneas 79 a 82
<script type='text/javascript'>
/* <![CDATA[ */
var et_core_api_spam_recaptcha = {"site_key":"","page_action":{"action":"mi_cuenta"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.nuestratienda.es/wp-content/themes/Divi/core/admin/js/recaptcha.js?ver=5.4.1'></script>
Código insertado en la etiqueta <body> del formulario de "Mi cuenta" sin tener activado el reCaptcha
NINGUNO
Código insertado en la etiqueta head del formulario de "Mi cuenta" teniendo ACTIVADO el reCaptcha v3 Contacto/integración:
Líneas 79 a 82
<script type='text/javascript'>
/* <![CDATA[ */
var et_core_api_spam_recaptcha = {"site_key":"","page_action":{"action":"mi_cuenta"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.nuestratienda.es/wp-content/themes/Divi/core/admin/js/recaptcha.js?ver=5.4.1'></script>
Código insertado en la etiqueta <body> del formulario de "Mi cuenta" teniendo ACTIVADO el reCaptcha v3 Contacto/integración:
Línea 500
<script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=xxxxxxxxxxxxxxxxxxxxxxxxx_xxxxxxxxxxxxxxxxx&ver=3.0'></script>
Líneas 534 a 596
<script type='text/javascript' src='https://www.nuestratienda.es/wp-content/plugins/ajax-search-for-woocommerce/assets/js/search.min.js?ver=1.7.1'></script>
<script type="text/javascript">
( function( sitekey, actions ) {
document.addEventListener( 'DOMContentLoaded', function( event ) {
var wpcf7recaptcha = {
execute: function( action ) {
grecaptcha.execute(
sitekey,
{ action: action }
).then( function( token ) {
var event = new CustomEvent( 'wpcf7grecaptchaexecuted', {
detail: {
action: action,
token: token,
},
} );
document.dispatchEvent( event );
} );
},
executeOnHomepage: function() {
wpcf7recaptcha.execute( actions[ 'homepage' ] );
},
executeOnContactform: function() {
wpcf7recaptcha.execute( actions[ 'contactform' ] );
},
};
grecaptcha.ready(
wpcf7recaptcha.executeOnHomepage
);
document.addEventListener( 'change',
wpcf7recaptcha.executeOnContactform, false
);
document.addEventListener( 'wpcf7submit',
wpcf7recaptcha.executeOnHomepage, false
);
} );
document.addEventListener( 'wpcf7grecaptchaexecuted', function( event ) {
var fields = document.querySelectorAll(
"form.wpcf7-form input[name='g-recaptcha-response']"
);
for ( var i = 0; i < fields.length; i++ ) {
var field = fields[ i ];
field.setAttribute( 'value', event.detail.token );
}
} );
} )(
'xxxxxxxxxxxxxxxxxxxxxxxxx_xxxxxxxxxxxxxxxxx',
{"homepage":"homepage","contactform":"contactform"}
);
</script>
La verdad es que no sé muy bien si está funcionando, pero simplemente no muestra la insignia (algo que no me importaría), o si por el contrario al no mostrar la insignia no está funcionando. He hecho pruebas de registro y de finalizar compras, teniendo configurado el reCaptcha v3 y no me muestra ningún error.
Ojalá podamos solucionarlo pronto.
¡Muchas gracias por vuesta ayuda!
Respondido : 09/06/2020 10:05 am
Hola Miguel.
Ok, prueba con el siguiente plugin:
-> https://es.wordpress.org/plugins/no-captcha-recaptcha-for-woocommerce/
Una vez activado accede a WooCommerce -> No CAPTCHA y añade la Key
.- Selecciona donde quieres que se meustre, por defecto en todo.
Revisa si se muestra.
Un saludo
Respondido : 09/06/2020 4:14 pm
Miguel me gusta
Pepe, con este plugin avanzamos algo, pero sigo teniendo problemas. Te cuento brevemente.
Solo funciona con claves de reCaptcha v2, no con claves de reCaptcha v3.
Se muestra en los formularios de "Acceso" "Registro" y en "He olvidado mi contraseña", pero no se muestra en el formulario de "Finalizar compra".
Me gustaría poder tener reCaptcha v3 y que se mostrara en los 4 formularios.
En el peor de los casos, mejor que no tener nada, me conformaría con reCaptcha v2, pero lo necesitaría en todos los formularios.
¿Alguna otra idea?
¡Muchas gracias!
Respondido : 10/06/2020 9:14 am
Hola Miguel.
pero no se muestra en el formulario de "Finalizar compra".
Ok, Hemos intentado pasar algunos plugin Gratuitos paar ver si se podia añadir, el problema es que muchos de ellos no son comaptibleles con las plantillas de Divi.
Tendrias que hacer uso de un plugin de pago que si que es compatibel con Divi y WooCommerce:
-> https://es.wordpress.org/plugins/google-captcha/
Un saludo
Respondido : 10/06/2020 2:57 pm
Miguel me gusta
Hola, Pepe:
Al final, después de mucho buscar, no voy a tener más remedio que conformarme de momento con el reCaptcha v2 "No soy un robot". He encontrado un plugin Advanced noCaptcha & invisible Captcha que me funciona bien (en vista móvil y en vista de escritorio), pero solo con la versión reCaptcha v2 "No soy un robot". El mismo plugin no funciona ni con v2 invisible, ni con v3 (no acabo de entender qué está pasando con esto, la verdad).
Lo único que me faltaría sería poder ubicar el reCaptcha de "Finalizar compra" antes del botón "Realizar el pedido" ¿Podríamos hacerlo mediante código en el functions.php?
Tendrias que hacer uso de un plugin de pago que si que es compatibel con Divi y WooCommerce:
Consideraré la opción que me comentas en cuanto la tienda arranque un poco 😉 👍
¡Muchas gracias por tu ayuda, Pepe!
¡¡Buen finde!! 🍺
Respondido : 12/06/2020 1:03 pm
Hola Miguel,
En este caso veo que la consulta esta relacionado sobre otro tema, para mantener un control sobre el hilo te recomiendo abras un nuevo tema de esta forma podremos ayudarte con mayor detalle.
Un Saludo 😊
Respondido : 12/06/2020 5:49 pm
Perdona, Karen, pero creo que sí que está relacionada. Este tema lo abrí nuevo porque empezó como una consulta secundaria de otro.
Si no hay problema, esperaré a que @pepesoler me responda. En cualquier caso si me pedís que abra otro tema para lo de la reubicación del botón, no tengo inconveniente.
Gracias
Respondido : 12/06/2020 7:51 pm
Hola Miguel,
Puedes intentar agregando este código css en tu hoja de estilos:
.anr_captcha_field {
background-color: #ebe9eb;
margin-top: -20px;
padding-left: 15px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
button#place_order {
position: absolute;
right: 30px;
margin-top: 30px;
}
@media screen and (max-width: 768px) {
button#place_order {
bottom: 15px !important;
width: 90% !important;
}
.anr_captcha_field {
padding-bottom: 80px !important;
}
}
Nos comentas si te funciona, Saludos 🖐️
Respondido : 12/06/2020 8:43 pm
Miguel me gusta
Respondido : 12/06/2020 10:04 pm
Hola Miguel,
Perfecto, nos vas contando
Saludos 🖐️
Respondido : 12/06/2020 10:05 pm
Hola Miguel,
¡Enhorabuena ha funcionado!
Coméntanos si con esto podemos dar el tema como cerrado.
Un Saludo 😊
Respondido : 15/06/2020 1:00 pm
