Al igual que en otra publicación previa vimos cómo modificar los campos del checkout en WooCommerce, en esta ocasión vamos a abordar otra modificación que suele generar dudas a la hora de personalizar nuestro ecommerce: cómo activar o desactivar por defecto la casilla de “Enviar a una dirección diferente”.

Como seguramente sepas, WooCommerce es una de las principales plataformas de ecommerce a nivel mundial, debido a que es gratuito y funciona sobre WordPress, el CMS sobre el que funcionan casi 1/3 de las páginas web de Internet.

A la hora de montar nuestro ecommerce con WooCommerce suelen surgir muchas dudas sobre cómo modificar aspectos de su diseño o funcionamiento. Muchas de ellas pueden solucionarse mediante plugins para WooCommerce, pero en ocasiones es incluso más rápido, cómodo y barato tocar algunas líneas de código para conseguir lo que queremos.

Casilla de envío a otra dirección

Hoy vamos a aprender a activar o desactivar por defecto la casilla de “Enviar a una dirección diferente”, que aparece al finalizar el proceso de compra y que permite al cliente elegir si quiere recibir el producto o servicio en la misma dirección que ha indicado en los datos de facturación (los primeros que se le piden), o, por el contrario, prefiere indicar una dirección alternativa.

Puedes ver a lo que me refiero en la siguiente imagen:

Activar o desactivar enviar a otra dirección WooCommerce

Como ves, en la imagen superior la casilla está desactivada. Esto significa que WooCommerce considerará como dirección de envío la misma que la indicada en el apartado de facturación. Cuando marcamos la casilla podemos ver lo siguiente:

WooCommerce enviar a otra dirección distinta

Como ves, aparecen nuevos campos en los que podemos indicar una dirección de envío diferente a la de facturación. Esto puede resultar muy útil en varias situaciones:

  • El cliente está realizando la compra como regalo, y por tanto la dirección de envío es la de la persona a quien le va a hacer el regalo.

  • El cliente quiere recibir el pedido en un domicilio alternativo o en su trabajo, dado que no suele estar en su domicilio habitual en horario de entrega.

  • La persona que está pagando la compra es un intermediario o está ayudando a otra persona que no sabe comprar, por lo que el receptor real de los productos no es quien paga.

Así pues, pese a que en algunas ocasiones podamos pensar en la conveniencia de eliminar estos campos para facilitar el proceso de compra, vemos que tienen la suficiente importancia como para mantenerlos ahí.

No obstante, lo que sí puede interesarnos es que este campo de envío a otra dirección aparezca, por defecto, marcado o desmarcado. De manera que si aparece marcado nos mostrará los campos adicionales, mientras que si aparece desmarcado tendremos dichos campos ocultos.

Modificando el código

Precisamente vamos a aprender a marcar o desmarcar por defecto esta casilla de una manera muy sencilla, a través de código.

Lo primero que necesitamos es tener un editor de código, como por ejemplo Sublime Text (es gratuito), y acceso a los archivos de nuestra instalación de WordPress mediante FTP. Puedes utilizar algún cliente FTP como FileZilla para acceder a los archivos y hacer todas las operaciones necesarias.

Una vez nos conectemos por FTP a nuestro alojamiento, debemos acceder al archivo functions.php ubicado en la carpeta principal del tema que tengamos activo. Deberíamos encontrarlo en la siguiente ruta:

/wp-content/themes/TemaActivo/functions.php

Descargamos el archivo a nuestro equipo, y lo abrimos con Sublime Text. Dependiendo del tema que utilices, es posible tanto que este archivo esté vacío (normalmente en un child theme), como que haya bastante contenido. No te asustes. El código de colorines no muerde y verás como no es nada difícil hacer lo que necesitamos.

Baja hasta la última línea del archivo, justo antes de la etiqueta de cierre de PHP, es decir, justo antes de ?>

En la línea anterior debes pegar una de las siguientes opciones:

  • Si lo que quieres es que la casilla de enviar a una dirección diferente aparezca desmarcada, y por tanto no se muestren por defecto los campos de la dirección adicional, pega el siguiente código:

    /* PERSONALIZACION CHECKOUT WOOCOMMERCE */
    
    add_filter( 'woocommerce_ship_to_different_address_checked', '__return_false' );
    
    // FIN
  • Si lo que quieres es que la casilla de enviar a una dirección diferente aparezca marcada, y por tanto se muestren por defecto los campos de la dirección adicional, pega el siguiente código:

    /* PERSONALIZACION CHECKOUT WOOCOMMERCE */
    
    add_filter( 'woocommerce_ship_to_different_address_checked', '__return_true' );
    
    // FIN

Recuerda, debes copiar y pegar sólo una de las opciones anteriores. Una vez lo hayas añadido, guarda el documento, cierra el editor de texto y sube el archivo modificado por FTP a tu alojamiento mediante un cliente como FileZilla. Te preguntará si deseas sobreescribir el archivo. Indica que sí y espera a que se complete la transferencia.

Una vez subido el archivo, ya puedes acceder a tu página, probar a añadir un producto al carrito de WooCommerce. ¡Tachán! Al ir a “Finalizar la compra” debería aparecerte la casilla de la dirección adicional marcada o desmarcada en función del código que hayas elegido.

Y con esto ya has dado un pasito más en la personalización y mejora de tu ecommerce. No era tan complicado, ¿verdad?

Hasta aquí el post de hoy. Espero que te haya resultado de utilidad y no dudes en compartir en los comentarios tus modificaciones o cualquier duda o consulta que te surja durante el proceso. ¡Hasta la semana que viene! 🙂

¡Compártelo!
Categorías: Programación

  • Forever Free

    Muchas gracias! me ha servido!

Uso de cookies

Me obligan a informarte de que uso cookies para ayudarte a mejorar la experiencia en esta web. Es algo obvio, pero si continúas navegando estás dando tu consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies y política de protección de datos.

ACEPTAR
Aviso de cookies