Un error bastante extraño que a veces sucede en WooCommerce, y con varios posibles culpables y soluciones, es que no se muestre la casilla de aceptación de términos y condiciones.
Vamos, que al ir al pago tu cliente ve que hay algo referido a la política pero sin casilla alguna para aceptar los términos y condiciones de compra.
Así que vamos a ver estos posibles culpables y soluciones…
Índice de contenidos
SSL no activo
Una posible causa es que no esté activo un certificado SSL en el Ecommerce, y esto puede provocar varios errores, desde que no funcione la página de finalizar compra al completo, a simplemente que no se muestre la dichosa casilla de aceptación de los términos y condiciones.
La solución es sencilla: instala y/o activa un certificado SSL, es gratis.
Luego ve a los ajustes de WooCommerce, en WooCommerce > Ajustes > Cuentas y privacidad y guarda cambios sin necesidad de haber guardado ninguna configuración.
No has definido una página de términos y condiciones
Considero que es un fallo de usabilidad de WooCommerce que haya ajustes desperdigados en varias partes de sus páginas de configuración, y este es un ejemplo claro de ello.
Uno pensaría que los ajustes de términos y condiciones estarían en los ajustes de cuentas y privacidad ¿no?, ya que ahí se definen prácticamente todos los ajustes relacionados con los clientes a la hora de pagar, y también la página de política de privacidad.
Pero no, resulta que la página de términos y condiciones se configura en el personalizador de WordPress.
Simplemente tienes que especificar cuál es tu página de términos y condiciones y, de repente, aparece la casilla de verificación.
Conflictos con archivos del tema
También puede ser, en ocasiones, que alguna plantilla del tema activo entre en conflicto con los ajustes de WooCommerce.
En este caso, una posible solución es forzar su visualización por CSS.
Ve al personalizador y añade lo siguiente en la sección de CSS adicional:
input[type="checkbox"], input[type="radio"], .woocommerce form .form-row .input-checkbox {
display: inline;
}Y ya, no se me ocurren más posibles motivos y soluciones. Bueno sí, que el tema no sea compatible con WooCommerce, pero eso ya lo habías previsto ¿no?
Y tendría fácil solución: cambiar de tema.
En el resto de las situaciones tus clientes ya podrán leer y aceptar los términos y condiciones de compra, algo imprescindible en todo Ecommerce.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Fernando, Buenas Noches.
Gracias por tu post, pero tengo una consulta: Estoy usando Woocommerce con el tema Helpmate 1.1.4 y WP bakery 6.4.0.
Se me esta presentando el mismo problema, y colocando el código CSS que nos aportante, solo sale un recuadro en toda la expresión pero la casilla de verificación no.
Coloque el wordpress en 5.4,2 y el PHP en 7.1 pero sigue presentando la misma falla.
Tienes alguna recomendación de algo más que podamos hacer para corregir este detalle. Nos va afectar con las conversiones cuando lleguen alli los clientes y se confundan al no poder concluir la compra.
Gracias de antemano y nos vemos en tu ponencia del Worldcamp Mexico 2020.
Saludos
Cómo hago que Terms and Conditions se muestre automaticamente en la página de pago???
Me ha ido de lujo! Gracias!
Genial, gracias por comentarlo 😉
gracias de nuevo Fermando por solucionarme otra vez un tema técnico, amigos wordpress valorar poner esta casilla en la pestaña de política y privacidad que quedaría mas claro
Me sale el checkbox de los términos y condiciones para la versión móvil, pero no en la versión para el pc o la tablet. ¿Por qué puede ser eso?
¿Hay alguna posibilidad de aumentar el tamaño de la casilla de verificación?. No sé porque, pero a algunos clientes les resulta complicado verla ;D.
Gracias mil.
Vaaale, me respondo yo mismo…. no estaba enfocando bien la búsqueda en google.
Dejo la respuesta por si a alguién le puede ser de ayuda
La solución la he visto aqui:
https://wordpress.org/support/topic/checkbox-size-3/
Y es añadir este código al CSS:
input[type="checkbox"]{ margin-left:18px!important; margin-right:20px!important; margin-bottom:10px!important; -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }Gracias y perdón por no haber buscado mejor.
Leche, gracias a ti por compartirlo 🙂
Hola Fernando, me ocurre una cosa muy extraña.
El checkbox me sale marcado por defecto, pero si le doy al botón de comprar me sale un mensaje de error: ‘Por favor, lee y acepta los términos y condiciones para proceder con tu pedido.’
Si quito el check y lo vuelvo a activar ya le puedo dar a comprar.
Como puedo forzar que por defecto ese checkbox salga desactivado de primeras?
Gracias de antemano!
Gracias, me sirvio entrando al personalizador.