Mostrar importe pendiente para envío gratuito en WooCommerce

Extensión para WooCommerce que muestra el importe restante para conseguir envío gratuito.


por

Cuando ofrecemos envío gratuito a nuestros clientes a partir de cierto importe de compra, es una buena opción poder ir mostrando qué importe le queda para poder conseguir el envío gratuito, ya que a veces son pocos euros o céntimos incluso y que vale la pena motivar al cliente para que añada más cosas al carrito.

La extensión que he probado y funciona perfectamente para hacer esto es

Amount Left for Free Shipping for WooCommerce

Te permite hacer eso exactamente, mostrar un mensaje en el carrito de la tienda indicando el importe restante para envío gratuito, personalizando ese mensaje y el que aparece una vez alcanzado ese mínimo.

Además te ofrece las opciones en shortcode y php por si necesitas integrarlo en la plantilla o en algún widget, y la opción de añadir manualmente el importe mínimo para envío gratuito (por si utilizas algún plugin o extensión para gastos de envío y no te lo coge bien automáticamente)

Tiene una versión PRO con opciones para mostrar el mensaje en otros lugares de la web (checkout, mini-cart, aviso en la web…) y opciones ajax para modificar el comportamiento y poder personalizarlo.

Pero en principio yo con la gratuita he tenido suficiente para los clientes que lo han necesitado.

Mejorar el aspecto del mensaje de Amount Left for Free Shipping for WooCommerce

Aunque el plugin funciona muy bien y la versión gratuita es suficiente en muchos casos, el mensaje que muestra es bastante sencilla y puede pasar desapercibida:

amount left woocommerce

Para poder mostrarlo mejor, podemos darle los estilos css que necesitemos, añadiendo etiquetas html y el css en nuestro theme, pero una forma rápida de hacerlo y que se ajuste con el resto de la tienda, es insertar el aviso dentro de una capa con la clase woocommerce-message, de esta forma mostrará el estilo del aviso de WooCommerce por defecto que tengamos definido en el tema utilizado:

<ul class="woocommerce-message"><li>¡Sólo te quedan %amount_left_for_free_shipping% para conseguir envío gratuito!</li></ul>

Nota: WooCommerce por defecto utiliza varias clases de css para los avisos, woocommerce-message, .woocommerce-info, woocommerce-error, por defecto verde, azul y rojo cada uno. Según el tema utilizado puede que esos mensajes tengan estilos personalizados para adaptarlos al resto de la web.

¿Eres implementador o desarrollador WordPress?

En la Zona DPW encontrarás más recursos, tutoriales, plantillas, y una biblioteca de snippets para poder utilizar en tu día a día y ganar tiempo en tu trabajo:

ACCEDER AHORA