[Resuelto] Problemas con el proceso de pago de Stripe  

Hola Eloisa,

Primero verifica bajar la versión PHP de tu sitio a 7.4:

https://guias.webempresa.com/preguntas-frecuentes/cambiar-la-version-php/

Puedes seguir esa guía que te comparto para ello, luego si sigues con el error verifica cambiar el plugin que estás usando a este:

https://es.wordpress.org/plugins/woocommerce-gateway-stripe/

Para su uso y configuración tenemos una guía que puedes seguir:

https://www.webempresa.com/blog/integra-stripe-en-woocommerce.html

Realiza esa configuración y verificas si logras conectar a Stripe con el.

Un saludo 🖐️ 

Hola @argenis. Gracias por tu respuesta. He bajado la versión de php a la 7.4 e instalado el plugin WooCommerce Stripe Payment Gateway pero nada, al intentar pagar ahora me sale el error que te muestro en la imagen con el mensaje: Cannot read properties of null (reading 'submit'). También te muestro en imagen que el plugin y stripe reflejan que está correctamente activado pero el caso es que los pedidos se reflejan tanto en wordpress como en stipe pero como cancelados o incompletos porque el usuario nunca llega a acceder a la ventana para introducir la tarjeta. Ya habia probado antes con este plugin y otros varios pero nada, no hay forma. Con los otros se queda cargando la página y con este plugin WooCommerce Stripe Payment Gateway me sale el mensaje que te comento

Hola Eloisa,

Comprendo, vamos a hacer lo siguiente, ya verificado que el plugin puede no ser el problema, verifiquemos lo que indican en ese soporte, trata de seguir esta guía para hacer el ajuste en el security policy que hablan en ese texto que nos envías:

https://www.webempresa.com/blog/como-anadir-las-cabeceras-content-security-policy-x-content-type-x-frame-xss-en-tu-htaccess.html

Sigue esta guía y si tienes alguna duda durante el proceso o algún problema nos indicas y con gusto te ayudamos.

Un saludo 🖐️ 

Hola @argenis. He comprobado en WP Doctor y la Cabecera Content-Security-Policy se salía como correcta. Sin embargo, como te muestro en la imagen, las Cabecera X-Content-Type, Cabecera X-Frame y Cabecera XSS, no. Para solucionarlo he añadido el siguiente código al final del archivo functions.php.

add_action( 'send_headers', 'add_header_seguridad' );
function add_header_seguridad() {
header( 'X-Content-Type-Options: nosniff' );
header( 'X-Frame-Options: SAMEORIGIN' );
header( 'X-XSS-Protection: 1;mode=block' );
}

Una vez incluido me aparecen todas las cabeceras correctas, como te muestro en la segunda imagen, pero el proceso de pago sigue sin funcionar en la web apareciendo el mismo mensaje "
 Cannot read properties of null (reading 'submit')" 
 

Hola Eloisa.

Lo primero actualiza todo lo que tienes pendiente, Plugins, WordPress, Plantilla.....

Una vez actualizado revisa si se soluciona.

Si no se soluciona, activa el plugin de Stripe ( Veo que no lo tienes activo ) y lo indicas para que podamos revisarlo.

Un saludo

Buenos días Pepe. Perdona la tardanza en contestar. He actualizado la plantilla y todos los plugin a excepción de Woocommerce Custom Product Addons, que no me deja por tener la licencia caducada. La versión de WP creo que estoy en la más actual. Además de probar con el plugin WooCommerce Stripe Gateway que me recomendabas he probado con otros plugin de pago con Stripe pero el problema persiste. Finalmente he dejado activo el plugin WooCommerce Stripe Gateway y desactivado el resto de pago con stripe. No hay forma de que ninguno funcione. Con alguno de los plugin la pagina se queda cargando al tratar de hacer el pago (el pedido llega como en espera en WP) y con otros como el de WooCommerce Stripe Gateway al tratar de hacer el pago me sigue saliendo el mensaje:

• Cannot read properties of null (reading 'submit')

Hola Eloisa

Ok, Ahora mismo no veo que tengas ninguna opción de pago de Stripe en el checkout de WooCommerce.

Por favor añade la opción de pago en el checkout y lo indicas para que podamos revisarlo, necesitamos poder reproducir el error para ver que puede estar pasando.

Un saludo

Hola, no entiendo a qué te refieres con que no tengo la opción de pago de stripe en el checkout. Como te muestro en las imagenes tengo activo el stripe con el plugin WooCommerce Stripe Gateway y en la página de finalizar compra se me muestra la opción de pagar con tarjeta de crédito/débito, pero sigue sin dejar hacer el pago

Hola Eloisa.

Vale ya veo, al parecer no deja añadir los datos de la tarjeta y revisando en la consola del navegador veo el siguiente error:

Refused to load the script 'https://js.stripe.com/v3/?ver=3.0' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline'

Viendo los plugins que tienes instalados, Creo que el problema está en el plugin " Cookies and Content Security Policy "

Prueba a desactivar el plugin y revisa si se soluciona. 

Un Saludo

Diosss Pepe!!! Era justo eso muchísimas gracias!!!! No sabes lo que te lo agradezco que llevamos mucho tiempo sin poder vender por ese motivo. Lo he desactivado y se ha hecho el pago sin problema.  Millones de gracias por tu ayuda! ❤️ 

Hola Eloisa.

Nada gracias a ti, me alegra mucho que lo solucionaras  😀 

Cualquier consulta que tengas no dudes en comunicarlo.

Un saludo