Avisos
Vaciar todo

La insignia de reCaptcha v3 no aparece en el front end, pero sí están insertados los scripts en el código fuente.  

 
Miguel
 Miguel
Estimable Member

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>).

Integración con otros servicios Mamparas anticontagio de Vidrio Templado — WordPress(2)

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!

Citar
Respondido : 09/06/2020 10:05 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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.

Screenshot 2020 06 09 17.12.52

 

Revisa si se muestra.

 

Un saludo

 

ResponderCitar
Respondido : 09/06/2020 4:14 pm
Miguel me gusta

Miguel
 Miguel
Estimable Member

@pepesoler

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!

ResponderCitar
Respondido : 10/06/2020 9:14 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

 

 

ResponderCitar
Respondido : 10/06/2020 2:57 pm
Miguel me gusta

Miguel
 Miguel
Estimable Member

@pepesoler

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?

Finalizar compra Mamparas anticontagio de Vidrio Templado (2)

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/

Consideraré la opción que me comentas en cuanto la tienda arranque un poco 😉 👍 

¡Muchas gracias por tu ayuda, Pepe!

¡¡Buen finde!! 🍺 

ResponderCitar
Respondido : 12/06/2020 1:03 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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 😊 

ResponderCitar
Respondido : 12/06/2020 5:49 pm

Miguel
 Miguel
Estimable Member

@karen

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

ResponderCitar
Respondido : 12/06/2020 7:51 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

ResponderCitar
Respondido : 12/06/2020 8:43 pm
Miguel me gusta

Miguel
 Miguel
Estimable Member

@argenis

Lo pruebo en cuanto pueda y os cuento. 

¡Gracias, Argenis! 😄 👍🏽 

 

ResponderCitar
Respondido : 12/06/2020 10:04 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Miguel,

Perfecto, nos vas contando 

Saludos 🖐️ 

ResponderCitar
Respondido : 12/06/2020 10:05 pm

Miguel
 Miguel
Estimable Member

@argenis

De lujo, Argenis.

Finalizar compra Mamparas anticontagio de Vidrio Templado

¡Queda perfecto!

¡¡Gracias!! 👍 

ResponderCitar
Respondido : 15/06/2020 10:07 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Miguel,

¡Enhorabuena ha funcionado!

Coméntanos si con esto podemos dar el tema como cerrado.

Un Saludo 😊 

ResponderCitar
Respondido : 15/06/2020 1:00 pm