Desactivar la verificación del código postal en el checkout de WooCommerce

Seguro que ya te habías dado cuenta de que en el checkout o «finalizar compra» de WooCommerce hay varios campos que son requeridos y el Código Postal es uno de ellos.

En la siguiente captura de imagen puedes ver que el campo Código Postal es obligatorio.

WooCommerce Snippet: Campo Código Postal checkout opcional

Hay diferentes motivos por los que necesitemos desactivar ese comportamiento del campo Código Postal de WooCommerce pero eso es lo de menos. Si estás leyendo este post es que esto te interesa de una manera o de otra. Bien para desactivar ese comportamiento o bien para quitar el campo del Código Postal del formulario de la página de finalizar compra de WooCommerce.

Voy a explicarte de manera sencilla ambos casos.

Desactivar la verificación del campo «Código Postal»

En este caso lo que vamos a hacer es desactivar la verificación del Código Postal haciendo que ese campo no sea obligario. Es decir, haremos que el campo sea opcional de manera que si el cliente lo rellenga, bien. Si no, también.

Para esto utilizaremos el siguiente código:

Aplicando este código conseguiremos que el campo no sea obligatorio como podemos observar en la siguiente captura de pantalla:

WooCommerce Snippet: Campo Código Postal checkout opcional

Perfecto, si esto es que buscabas, ya lo tienes.

Te recuerdo que este código lo deberías incluir en un plugin de funciones o en su defecto, utilizar el plugin «Code Snippets» y como último recurso añadirlo en el fichero functions.php del tema activo.

Pasamos a la segunda opción…

Quitar el campo Código Postal del formulario de la página «Finalizar compra»

En este caso, como dice claramente el título, vamos a eliminar el campo Código Postal del formulario del checkout de manera que no se muestre, que no aparezca, ¿ok?

Pues no se hable más, para ese caso utilizaremos el siguiente código:

Sencillo…

WooCommerce Snippet: Campo Código Postal checkout opcional

Y para no ser menos, en este caso también te he preparado un video en el que implemento ambos casos.

El video

Bueno, hasta aquí hemos llegado. Espero que todo esto te sea de utilidad.

Saludos y mucho ánimo!

Convertir el campo de código postal de WooCommerce en un select o lista deplegable

Convertir el campo de código postal de WooCommerce en un select o lista deplegable

Nos ponemos en situación mostrando el campo de «Código postal» que se muestra en el formulario de «Detalles de facturación» en la página de «Finalizar Compra» (checkout) de Woocommerce.

WooCommerce - Cambiar campo código postal por lista desplegable

Como podemos ver, es un campo en el que el cliente introduce un código postal. Éste código postal se verifica y es obligatorio.

Cabe la posibilidad de que esto no nos sirva en nuestro negocio local porque queremos que sólo se pueda comprar si el código postal coincide con uno o unos cuantos que nosotros queremos únicamente.

Esto puede ser debido, como digo, a que nuestro negocio esté enfocado localmente y solo realicemos envíos a sitios cercanos.

Aunque no es la mejor solución es totalmente válida para ciertos negocios por lo que vamos a convertir este campo del formulario en un campo tipo «select» para que el cliente tenga que seleccionar una de las opciones obligatoriamente y no puede poner cualquiera.

En el código he añadido una opción para que no se realice la validación del código postal puesto que he realizado varias pruebas y no me ha funcionado correctamente y puesto que los únicos códigos postales válidos son los que indicamos nosotros, aquí no debería de existir ningún problema.

Si nos fijamos, los códigos postales permitidos están dentro de un array donde podemos añadir todos los que necesitemos.

Por ejemplo:

'option_1' => '01470',
'option_2' => '01473',
'option_3' => '01476',
'option_4' => '01479',
'option_5' => '01581',
'option_6' => '01483',
'option_7' => '01484',
'option_8' => '01485',

Una vez hecho esto, el aspecto de nuestro campo de fomulario será similar a este:

WooCommerce - Cambiar campo código postal por lista desplegable

Para terminar, habría que adaptar un poco el css para que los estilos concuerden con el resto del formulario.

Sin más, espero que os sea de utilizad.

Y ya sabéis, cualquier cosa, dejáis un comentario y lo vemos.

Saludos y mucho ánimo!!

Ir al contenido