Mensajes de pocas existencias personalizados en woocommerce sin tener que instalar Plugins
Tabla de contenidos
Mejorando el sistema de inventario de Woocommerce
Woocommerce es el plugin de ecommerce mas utilizado del mundo, pero algunas funciones no están todo lo bien resueltas que nos gustaría.
Una de ellas, es la gestión de inventario, que si bien nos permite mostrar o no el stock de unidades restantes, no nos deja crear mensajes personalizados cuando el stock baja de una cantidad.
Para ajustar estos parámetros, debemos ir a Woocommerce / Ajustes / Productos / Inventario
Es en ese apartado donde puedes indicar cual es el Umbral de pocas existencias por defecto, eso servirá para que nos envíe un correo informativo y también para que se muestre por defecto en la página de producto individual, aunque ese dato lo podremos modificar de forma personalizada en los ajustes de productos simples y productos con variaciones.
Lo ideal sería que siempre mostrase la cantidad de unidades disponibles (o no), pero que cuando esta cantidad fuera igual o inferior al umbral de pocas existencia, lo hiciera con un mensaje personalizado, por ejemplo: ¡Corre! Solo quedan 2 unidades
Y eso, Woocommerce no lo hace de forma nativa.
Usando un Plugin
Como hay plugins para todo, esto no iba a ser una excepción.
Con Woo Custom Stock Status lo podemos hacer, pero para tan poca cosa, es algo innecesario, además, no está muy bien resuelto el tema de usar el plural, o sea que tanto si quedan dos unidades como si sólo queda una unidad, los Mensajes de pocas existencias personalizados en woocommerce son algo como …sólo quedan 1 unidades (queda un poco feo).
Con unas líneas de código
Como ya sabrás, me gusta hacer las cosas de la forma mas fácil posible, y en este caso no es necesario usar un plugin.
Si ya me sigues, sabrás que uso a menudo el plugin Code Snippets, para incluir pequeños fragmentos de código sin tener que modificar el archivo functions.php del tema ni crear un tema hijo.
Si no lo tienes instalado y activado… corre insensato, ya estas tardando.
Sólo tienes que crear un nuevo fragmento de código, ponerle un título y pegar estas líneas.
Lógicamente puedes modificar las líneas 13 y 15 para que cambie el mensaje que se mostrará.
/**Aviso de estado de Stock - Acceder a Woocommerce/Ajustes/Productos/Inventario escoger el umbral de existencias en las que se mostrará el mensaje de pocas unidades y seleccionar "siempre mostrar la cantidad restante del inventario" o "Sólo mostrar la cantidad restante del inventario cuando sea baja"**/
add_filter( 'woocommerce_stock_html', 'lpedm_custom_stock_message', 10, 3 );
function lpedm_custom_stock_message( $availability_html, $stock, $product ){
$num_items_in_stock = $product->total_stock;
$availability = $product->get_availability();
if($num_items_in_stock == 0) {
return $availability_html;
exit;
}
if ( $product->total_stock <= get_option( 'woocommerce_notify_low_stock_amount' ) ) {
if($num_items_in_stock == 1) {
$new_availability_html = ' ¡Corre! Solo queda ' . $num_items_in_stock . ' unidad
';
} else {
$new_availability_html = ' ¡Corre! Solo quedan ' . $num_items_in_stock . ' unidades
';
}
} else {
$new_availability_html = empty( $stock ) ? '' : '' . esc_html( $stock ) . '
';
}
return $new_availability_html;
}
El resultado
Una vez hayas creado el snippet, podrás hacer dos cosas en los ajustes de Woocommerce/Ajustes/Productos/Inventario:
- Si escoges la opción “siempre mostrar la cantidad restante del inventario” mostrará el mensaje habitual de woocommerce cuando el producto tenga un stock suficiente, por ejemplo “Quedan 5 unidades” en color verde. Y el mensaje “¡Corre! Solo quedan 2 unidades” cuando el umbral de pocas existencias sea inferior al que hemos configurado en los ajustes.
- Si en cambio escoges “Sólo mostrar la cantidad restante del inventario cuando sea baja” el producto mostrará el mensaje por defecto cuando el stock sea suficiente “En Stock” y el mensaje “¡Corre! Solo quedan 2 unidades” cuando el stock sea bajo.
En cualquier caso, se mostrarán Mensajes de pocas existencias personalizados en woocommerce que incitarán a tus clientes a comprar sin perder tiempo.
Nos quedaría de esta forma:
Mejorando lo presente
Seguro que te has fijado que la imagen de producto lleva una etiqueta azul con el mensaje “POCAS EXISTENCIAS“, no es obligatorio que la pongas, pero si muy recomendable.
Esa etiqueta también se muestra en la tienda y en cualquier listado de productos (Archive) o usando uno de los múltiples shortcodes que ofrece woocommerce, que muestran los artículos en oferta, destacados, etc.
Mostrar esa etiqueta en un primer vistazo hará que tus clientes se interesen por ese producto, así que te voy a explicar como ponerla.
Advanced Woo Labels
Advanced Woo Labels es otro de esos plugins que no debería faltar en ninguna instalación de Woocommerce, además de crear etiquetas (Ribbons) personalizadas, nos permite darle comportamientos específicos.
Lo podemos descargar del repositorio de WordPress y activarlo, nos crea una nueva sección en el menú izquierdo, donde podremos ver las etiquetas creadas, añadir nuevas y unos simples ajustes para indicar donde queremos que se muestren, aunque tal como viene configurado, yo no tocaría nada.
La versión gratuita es increíble, podemos crear tantas etiquetas como queramos, y mostrarlas en función de:
- Estado del stock
- Precio
- Descuento
- Puntuación
- Categoría
- Producto
- Rol de usuario
- Y mucho mas…
Y por supuesto, colocar esas etiquetas donde queramos y con el aspecto que mas nos guste.
Yo en este caso, he creado una etiqueta que se llama “Pocas existencias” donde indico que la condición para mostrarse es que la cantidad de stock sea igual o inferior a 2.
También puedes crear condiciones complejas añadiendo mas condiciones para que se muestre, u otro grupo de condicioes.
Por ejemplo, podríamos indicar que queremos que se muestre el aviso de “Pocas existencias”, cuando además de quedar 2 o menos unidades, también pertenezcan de una categoría determinada.
Ya ves, es 100% configurable (y gratis).
Ahora que ya sabes como crear Mensajes de pocas existencias personalizados en woocommerce de una forma fácil, puedes compartirlo en tus redes o dejar un comentario si tienes dudas.