¿Cómo deshabilitar la validación del código postal de WooCommerce?

¿Quieres eliminar el campo del código postal? En este tutorial, te mostraremos cómo deshabilitar la validación del código postal de WooCommerce para mejorar su página de pago y aumentar sus tasas de conversión.

¿Por qué eliminar la validación del código postal de WooCommerce?

De forma predeterminada, los campos de código postal son obligatorios en WooCommerce para que incluyan validación. Sin embargo, a veces esos campos no son necesarios y agregan fricción a la página de pago. Por ejemplo, hay muchos países en África, América Central y Oceanía que no tienen o no usan códigos postales. Además, si los usuarios escriben texto en el campo del código postal, WooCommerce mostrará un mensaje de error y no permitirá que los compradores completen el pago.

Tener una página de pago optimizada y ajustada es clave para cualquier tienda en línea. Debe eliminar cualquier distracción para proporcionar una experiencia de compra mejor y más rápida para sus clientes. Como resultado, tener campos innecesarios y mensajes de error puede afectar la experiencia de compra de sus usuarios y sus tasas de conversión. Entonces, en esta guía, te mostraremos cómo deshabilitar la validación del código postal de WooCommerce en la página de pago.

deshabilitar la validación del código postal de woocommerce - predeterminado

¿Cómo deshabilitar la validación del código postal de WooCommerce mediante programación?

Como modificaremos el functions.php archivo de su tema, antes de comenzar, le recomendamos que cree un tema hijo. Puede consultar nuestra guía para crear uno o utilizar cualquiera de estos complementos.

Entonces, para eliminar la validación del código postal en WooCommerce, primero, vaya a la página de un producto y agregue un producto al carrito haciendo clic en el botón Agregar al carrito. Ahora, echemos un vistazo a cómo puede hacer lo siguiente:

  1. Elimine el código postal de la página de pago de WooCommerce
  2. Haga que el campo Zip / Postcode sea opcional
  3. Eliminar los campos de facturación de la caja
  4. Editar etiquetas de los campos de la página de pago

1) Elimine el código postal de la página de pago de WooCommerce

Una opción para deshabilitar la validación del código postal es eliminar completamente el campo del código postal de la página de pago de WooCommerce. La forma más sencilla de hacerlo es utilizando algunos de los ganchos de WooCommerce.

Por lo tanto, para eliminar el campo zip de la página de pago, simplemente copie y pegue el siguiente script al final del functions.php archivo de su tema hijo:

// Disable zip/postcode field
add_filter( 'woocommerce_checkout_fields' , 'QuadLayers_remove_billing_postcode_checkout' );
function QuadLayers_remove_billing_postcode_checkout( $fields ) {
unset($fields['billing']['billing_postcode']);
return $fields;
}

los woocommerce_checkout_fields hook es uno de los ganchos principales de WooCommerce que puede usar para personalizar la página de pago. Entonces, con la función incorporada de PHP unset() vacías el campo y lo envías de vuelta a WooCommerce con el regreso; en la siguiente línea.

eliminar el campo de validación de woocommerce de código postal

2) Hacer que el campo Zip / Postcode sea opcional

Otra alternativa para deshabilitar la validación del código postal en la página de pago de WooCommerce es hacer que las opciones de campo en lugar de obligatorias. Para hacer eso, pegue el siguiente script al final de la functions.php expediente:

// Make zip/postcode field optional
add_filter( 'woocommerce_default_address_fields' , 'QuadLayers_optional_postcode_checkout' );
function QuadLayers_optional_postcode_checkout( $p_fields ) {
$p_fields['postcode']['required'] = false;
return $p_fields;
}

Aquí, estamos usando un gancho diferente ('woocommerce_default_address_fields'). En este caso, puede utilizar este enlace para modificar un campo de facturación en la página de pago. Establecer el campo de código postal en falso lo hará opcional y eliminará la validación.

3) Elimina los campos de facturación del pago.

El campo Zip se muestra en el formulario de facturación, por lo que otra forma de deshabilitar la validación es personalizar la sección de facturación y eliminar algunos campos de la página de pago. De la misma manera, desactivó el campo de código postal en el punto 1, puede hacer lo mismo con cualquier otro campo.

Puede identificar el campo de código postal en el código con estos índices: $fields['billing']['billing_postcode']). Del mismo modo, puede ocultar cualquier otro campo que desee. Solo necesita conocer los índices correctos para ese campo específico.

Estos son algunos de los identificadores de campos que normalmente puede eliminar para mejorar la experiencia de compra de los clientes:

unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']);

Cada índice que identifica un campo tiene un nombre que se explica por sí mismo. Además, el índice de ‘facturación’ le indica que el campo se encuentra dentro del formulario de facturación.

Por ejemplo, si desea eliminar el empresa y dirección 2 campos, necesita este código:

// Remove company and address_2 billing fields 
add_filter( 'woocommerce_checkout_fields' , 'QuadLayers_remove_billing_fields' ); 
function QuadLayers_remove_billing_fields( $fields ) { 
unset($fields['billing']['billing_company']); 
unset($fields['billing']['billing_address_2']); 
return $fields; 
}

Como puede ver, puede usar más de un índice al mismo tiempo. Para eliminar más campos, simplemente agréguelos a la función anterior usando el índice correspondiente.

Eliminar campos de pago de woocommerce

4) Edite las etiquetas de los campos de la página de pago de WooCommerce

Ahora, digamos que ha decidido hacer que el campo Zip / Postcode sea opcional, pero desea cambiar la etiqueta de ese campo (Zip / Postcode) para que sea más claro para sus usuarios.

Con la siguiente secuencia de comandos, puede cambiar la etiqueta ‘Zip / Postcode’ a lo que desee. Por ejemplo, lo cambiamos por Codigo de AREA:

/* WooCommerce: Change Billing strings  */
add_filter( 'gettext', 'QuadLayers_billing_field_strings', 20, 3 );

function QuadLayers_billing_field_strings( $translated_text, $text, $domain ) {
switch ( $translated_text ) {
    case 'Postcode / ZIP':
        $translated_text = __('Area code','woocommerce');
        break;
    }
return $translated_text;
}

los gettext hook es muy útil y generalmente se usa en traducciones. Aunque esto no es exactamente una traducción, este gancho será útil de todos modos.

El código anterior cambia la etiqueta predeterminada de WooCommerce (código postal / postal) para el Codigo de AREA cuerda. Eche un vistazo al script de arriba y vea dónde están estas cadenas en el código.

Si desea traducir más cadenas, simplemente agregue sus traducciones dentro de la declaración de cambio de la siguiente manera:

function QuadLayers_billing_field_strings( $translated_text, $text, $domain ) {
switch ( $translated_text ) {
    case 'Billing details' :
        $translated_text = __( 'Order information', 'woocommerce' );
        break;
    case 'Ship to a different address?':
        $translated_text = __('Send to other location please','woocommerce');
        break;
    case 'Company name':
        $translated_text = __('Company','woocommerce');
        break;
    case 'Postcode / ZIP':
        $translated_text = __('Area code','woocommerce');
        break;
    }
return $translated_text;
}

En este punto, debería poder eliminar y convertir en opcionales algunos de los campos de pago y también ha aprendido a traducir una cadena usando la gettext gancho.

En la siguiente imagen, eliminamos varios campos, cambiamos el nombre del campo Código postal para el código de área y lo hicimos opcional. Además, hemos editado el encabezado del formulario de facturación y envío a una dirección diferente.
deshabilitar la validación del código postal de WooCommerce - Final

Eliminar la validación del código postal de WooCommerce con complementos

Si no tiene habilidades de codificación o no se siente cómodo editando el functions.php archivo, tenemos una solución para usted. Usted puede eliminar la validación del código postal de WooCommerce con complementos. Existen varias herramientas, pero mostraremos cómo deshabilitar los campos de código postal con dos complementos freemium:

  1. Administrador de pagos para WooCommerce
  2. Pago directo de WooCommerce

1) Administrador de pagos para WooCommerce

Checkout Manager es un excelente complemento para personalizar el proceso de pago y uno de los mejores editores de campo que existen. Le permite agregar, editar y eliminar campos en la página de pago. De esta manera, puede personalizar los campos que desea mostrar en las secciones Facturación, Envío y Campos adicionales.

Entonces, para deshabilitar la validación del código postal de WooCommerce, primero, debe instalar y activar el complemento. Puede descargar Checkout Manager de forma gratuita desde el repositorio de WordPress o comprar uno de los planes premium que comienzan en 20 USD (pago único).

Una vez que haya activado Checkout Manager, es hora de eliminar los campos que no desea. Entonces, en su administrador de WordPress, vaya a WooCommerce> Pagar> Facturación. Allí tendrá la opción de deshabilitar el código postal y otros campos que no desea mostrar en la sección de facturación.

Luego, puedes ir a la sección de envío y repetir el proceso. De esta manera, no solo puede eliminar el campo zip, sino también personalizar su página de pago.

Checkout Manager tiene muchas otras funciones que puede utilizar para mejorar su pago, como crear campos condicionales o permitir que los usuarios carguen archivos en el proceso de pago. Para obtener más información sobre cómo utilizar este complemento, puede consultar la página de documentación.

2) Pago directo de WooCommerce

Otro complemento que puede utilizar para eliminar el campo de código postal es Pago directo. Este es uno de los mejores complementos de pago para WooCommerce y le permite eliminar campos innecesarios para simplificar la página de pago. Y lo mejor es que tiene una versión gratuita.

Entonces, antes de comenzar, puede descargar la versión gratuita o comprar uno de los planes premium que comienzan en 20 USD (pago único).

Después de eso, en su administrador de WordPress, vaya a WooCommerce> Pago directo> Pago. Allí, ve al Eliminar campos de pago sección y seleccione el código postal y todos los campos que no desea mostrar en la caja. Además, tendrá otras opciones para personalizar la página de pago.

Eliminar el campo del código postal con WooCommerce Direct Checkout

Direct Checkout es muy fácil de usar y funciona a la perfección, por lo que no tendrá ningún problema con él.

Conclusión

Con todo, algunos campos en la página de pago no son necesarios y agregan fricción al proceso de compra, por lo que es mejor eliminarlos. Hemos visto cómo deshabilitar la validación del código postal de WooCommerce para mejorar la experiencia de los usuarios y aumentar sus tasas de conversión. Además, ha aprendido a personalizar el pago por mhacer que el campo zip sea opcional, reliminar los campos de facturación de la caja y editar etiquetas.

Para aquellos que no tienen habilidades de codificación, también hemos visto cómo eliminar el código postal y otros campos de la página de pago con dos complementos: Checkout Manager y Direct Checkout. Estas herramientas tienen versiones gratuitas y son muy fáciles de usar, por lo que son una excelente alternativa para aquellos que no quieren editar el functions.php expediente.

Por último, si desea personalizar otras partes de su tienda, le recomendamos que consulte nuestra guía para editar la página de la tienda y aumentar sus ventas.

¿Ha eliminado la validación del código postal? ¿Tuviste algún problema al seguir este tutorial? ¡Háganos saber en la sección de comentarios a continuación!