WordPress y WooCommerce: Calcular costes de envío en función del peso, tutorial paso a paso

WordPress y WooCommerce: Calcular costes de envío en función del peso, tutorial paso a paso
4.7 (93.33%) 6 votos

Aquí estoy de nuevo tutorial en ristre dispuesto a haceros la vida un poco más fácil, esta vez toca un tema inusual en mi blog, se trata de eCommerce, en este caso WooCommerce, la plataforma que está despuntando a pasos agigantados, especialmente desde que el año pasado Auttomatic la adquiriera ¡ni más ni menos que los tíos de WordPress!

El tema de este tuto será permitir una cosa que parece básica, pero que por defecto WC no trae, y es el tema de ajustar el precio de los gastos de envío en función del peso. Obviamente, ¡no vamos a cobrar lo mismo por una caja de zapatos, que por doscientas cincuenta cajas de zapatos!

Lo primero que haremos es instalar el plugin de WooCommerce, para ello iremos  plugins en el menu de WordPress, y haremos clic en “Añadir nuevo”.

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-01

También podemos añadir plugins desde la vista general de plugins

Tras esto nos cargará una vista donde localizaremos a la derecha un campo en blanco que pone “Buscar plugins”, donde teclearemos el nombre del plugin “WooCommerce” y pulsamos “intro”. Unos segundos después se nos mostrará la ficha, donde pulsaremos “Instalar ahora”.

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-01

Aquí lo tenemos, WooCommerce listo para instalar

A continuación, WordPress nos avisará si todo va bien, de la instalación correcta de WooCommerce. Ahora solo quedaría pulsar en “Activar plugin”, vamos, el proceso habitual de instalación de plugins en WordPress.

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-03

¡Recuerda activar tus plugins recién instalados!

En las últimas versiones de WooCommerce, han tenido la delicadeza de preparar un tutorial la mar de completo, la verdad, pero en este caso me lo voy a saltar, para evitar configuraciones sobre las que no tenga total control, por lo que pulsaremos “Ahora no”.

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-04

Mejor lo configuramos todo a mano para que no se escape nada…

Ahora nos toca ya remangarnos, por lo que iremos a WooCommerce en la barra lateral, localizamos ajustes y hacemos clic. Tras esto vamos a la pestaña “General” de la vista que se nos ha cargado, y cambiamos la configuración exactamente con la que os dejo a continuación en la captura de pantalla. Hay que prestar atención a los detalles, por ejemplo, el separador de miles debe ser un punto, y el decimal una coma.

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-05

Lo primero, los ajustes generales, de moneda, país…

Guardamos los cambios, y pasamos al punto siguiente. Ahora tendremos que crear una página de WordPress normal y corriente, fuera de WooCommerce, donde mostraremos los productos, o mejor dicho, la página que será la base de la tienda, por lo que, obviamente la llamaremos “Tienda”. Además, tendréis que crear la página “Carrito”, así como la página “Pagar”. De esta parte no hago capturas de pantalla porque asumo que seréis más que capaces de hacerlo por vuestra cuenta ;-).

Bien, ahora que tenemos ya la página “Tienda” creada, nos vamos al WooCommerce otra vez, y dentro de “Ajustes”, vamos a la pestaña “Productos”, y justo debajo está la opción “Mostrar”. Hacemos clic, y desplegamos a continuación el selector “Página de la tienda”. Obviamente, seleccionamos la página que acabamos de crear, “Tienda”.

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-06

A partir de ahora, esta será la página base de la tienda

Para las paginas “Carrito” y “Pagar” que hemos creado, tendremos que realizar la misma operación, en este caso se lo indicaremos a WooCommerce desde la pestaña “Finalizar compra” > “Opciones de finalizar compra” y bajamos hasta mitad de página donde veremos las opciones de “Páginas de finalizar compra”.

Atención, en la página del carrito tendrás que añadir el shortcode de WooCommerce siguiente: [woocommerce_cart] de lo contrario, el plugin de tienda no ejecutará las funciones del “Carrito” y veremos la página en blanco.

De igual modo, en la página de “Pagar”, tendremos que añadir el shortcode [woocommerce_checkout] si queremos ver claro la vista de datos de facturación, envío, detalles del pago y pedido. ¡Y pagar claro!

A continuación, en el menú de la izquierda, justo debajo de “WooCommerce”, veremos las opciones de “Productos”, donde desplegamos el menú, y vamos a “Añadir producto”. Aquí el proceso es el habitual, es decir creamos un producto cualquiera, con su foto, descripción, etc. ¡No hagas como yo y te olvides del precio!

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-07

Recuerda que tienes que montar en un menú la página tienda

Lo importante aquí es prestar atención a rellenar los campos “Peso” y “Dimensiones”, en nuestro caso nos los pondremos fácil para los cálculos, y optamos por 1kg y medidas 10x10x10 cm.

Bueno pues ya lo tenemos todo a punto de caramelo, vamos con el pequeño add-on que nos va a permitir establecer un método de envío que tenga en cuenta el peso, el país de destino, y en función de estos parámetros sumar los portes al precio total a pagar por el comprador. Este plugin se llama WooCommerce Weight & Country Based Shipping y es una pequeña maravilla muy sencilla de usar.

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-08

Gratis y sencillo de configurar… no se puede pedir más…

Una vez instalado y activado, tenemos que volver una vez más a “Woocommerce > Ajustes > Envío” y en “Opciones de envío” (justo debajo de las pestañas…), le pasamos esta configuración:

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-09

Hemos movido a la primera posición de la lista a Weight Based Shipping, por comodidad

Lo más importante aquí es activar la funcionalidad “Habilitar el envío” para que WC realice la función del cálculo del porte mediante nuestro plugin. Después, justo a la derecha de “Opciones de envío” vemos “Woocommerce WeightCountry”, así que entramos sin pensárnoslo dos veces.

Aquí y ahora es donde sucede la magia, vamos a parametrizar nuestro plugin en función del peso y país. Lo primero, habilitamos este cálculo, y le damos un nombre adecuado, porque lo va a ver el cliente, así que intenta ser descriptivo, no hagas como yo que lo he dejado por defecto… ;-).

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-10

Parece complicado, pero una vez hecho el primero, el resto está chupao…

Si te fijas en la imagen, hemos establecido en el campo “Shipping rates” los parámetros:

0.5|2.99|1

Esto significa que, si el producto a vender pesa menos de medio kilo, el precio será de 2.99 € en el caso de que se envíe al grupo de países número 1 (que como puedes ver más abajo hemos asignado a España).

Es importante marcar la opción de “Add countries to allowed” por si acaso en la configuración general de WC no hubierais añadido algún país a los habilitados para el envío. Así te ahorras posibles dolores de cabeza.

Guardamos los cambios, y ¡listo! ya hemos terminado. Vamos a la tienda, abrimos nuestro producto y… ¡yeah! ya lo tenemos funcionando smile.png

wordpress-woocommerce-calcular-precio-envio-por-peso-y-unidades-volumen-11

No ha sido fácil, pero ya lo tenemos listo, calculamos los portes en función del peso…

Recuerda, pónselo fácil a tus clientes, y en lugar de Weight Based Shipping, pon algo más clarificador, o incluso, no pongas nada… se entiende perfectamente…

Espero que os fuera útil, y como siempre ya sabeis, si os es de utilidad este tutorial, ¡comentad y compartid el post!

2 Comentarios

Deja un comentario