WooCommerce: ¿Cómo mostrar distintivos de productos personalizados (por ejemplo, % DE DESCUENTO, NUEVO, GRATIS)?

Ya sabría que los clientes de comercio electrónico compran productos por diferentes razones. Los productos de su tienda pueden ser más baratos que los de sus competidores, tal vez ofrezca mejores tarifas de envío, posiblemente reabastezca los productos más rápido que nadie, o simplemente tiene un gran producto que la gente sigue comprando.

Una forma de mostrar las características y los beneficios de su producto en la página de la Tienda es mediante el uso de «insignias de productos», una serie de mensajes que pueden comunicarse con el usuario de inmediato.

Probablemente ya estés familiarizado con la opción «¡VENTA!» insignia que WooCommerce nos da por defecto. ¿Qué pasaría si quisieras mostrar el porcentaje exacto de esa oferta?

También conoce la opción «Destacado» para los productos de WooCommerce. Sí, se muestran en el código abreviado del producto «Destacado», pero ¿qué sucede si desea que la tienda muestre estos productos especiales de una manera diferente, es decir, mediante el uso de una insignia especial?

Bueno, hay millones de ejemplos sobre cómo podría mejorar su página de productos (y la página de un solo producto) aprovechando al máximo las insignias de productos. Afortunadamente, hay fragmentos y complementos que pueden ayudarlo con eso.

¡ Una pequeña inversión podría significar mejores tasas de clics y, por lo tanto, tasas de conversión más altas !

1. Fragmentos PHP de «Insignias de productos» de WooCommerce

Los clientes me contratan como freelancer de WooCommerce para lograr cosas que los complementos no pueden, o tal vez para evitar usar otro complemento inflado.

Habiendo dicho eso, a la mayoría de los gerentes de tiendas de WooCommerce les gustan los complementos y no les gusta la codificación; si ese es su caso, no dude en pasar a la sección 2

WooCommerce: mostrar una insignia de texto de producto personalizado en la página de la tienda

Los ganchos de WooCommerce le permiten lograr prácticamente cualquier cosa en la página «Comprar» (también llamada «página de productos» o «página de archivo»). Por esta razón, eche un vistazo a mi Guía de gancho visual de la «Página de la tienda» de WooCommerce : https://businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/ – esto le dará una idea de cómo funcionan los siguientes fragmentos están codificados y qué «ganchos» se utilizan para mostrar contenido adicional en las páginas de archivo.

Una vez que haya hecho eso, puede echar un vistazo a estos fragmentos de Business Bloomer (los enlaces deben explicarse por sí mismos):

  • https://businessbloomer.com/woocommerce-display-custom-product-badge/  (solo página de un solo producto)
  • https://businessbloomer.com/woocommerce-display-discount-shop-loop-pages/
  • https://businessbloomer.com/woocommerce-remove-sale-badge-everywhere/
  • https://businessbloomer.com/woocommerce-show-sold-archiveproduct-page/
  • https://businessbloomer.com/woocommerce-add-text-product-shop-page-loop/

Si te gusta programar un poco, pruébalos y disfruta

2. Complementos de «Insignias de productos» de WooCommerce (GRATIS)

Como ya se mencionó, puede usar un complemento para crear insignias de productos, en alternativa a la codificación PHP.

Al hacer una búsqueda simple en Google y seleccionar solo los productos confiables del Repositorio de WP (generalmente miro las instalaciones actuales, la capacidad de respuesta del soporte, la fecha de la última actualización y la calidad general del desarrollador), no hay muchos disponibles. La mayoría de ellos no se han actualizado en años.

El último en pie es YITH WooCommerce Badge Management , que le brinda varias opciones para que pruebe. Las características que vale la pena mencionar son:

  • puede crear insignias de texto ilimitadas y colocarlas donde desee
  • puede asignar insignias por producto

Bastante simple, directo al grano… podría ser el truco para ti. Pero si necesita algo más avanzado, se requiere una pequeña inversión.

3. Complementos de «Insignias de productos» de WooCommerce (PREMIUM)

Hay varias opciones premium con respecto a las insignias de productos; sin embargo, generalmente no confío en Codecanyon ya que sus complementos a menudo se descontinúan.

Si tuviera que elegir dos proveedores confiables, definitivamente elegiría YITH (se especializan en complementos de WooCommerce) o el propio mercado de WooCommerce.com. Hemos visto en publicaciones anteriores cuánto confío en ambos proveedores, sus grandes equipos y su soporte receptivo, por lo que nos concentraremos en ellos.

El primer producto es el complemento YITH WooCommerce Badge Management . Ya presentamos su complemento gratuito en la sección anterior, así que echemos un vistazo a la configuración y funcionalidades de esta versión premium. Las características más importantes son:

  • puede crear insignias ilimitadas basadas en CSS, basadas en imágenes o avanzadas y colocarlas donde quiera, gracias al anclaje de arrastrar y soltar
  • puede asignar insignias automáticamente a productos nuevos (usted define qué significa «nuevo» en días), en oferta, destacados, con poco stock o sin stock
  • puede asignar una insignia personalizada por categoría , por producto, por clase de envío
  • puedes ocultar insignias en la barra lateral
  • puede asignar insignias personalizadas a productos variables
  • puede programar cuándo ocultar/mostrar la insignia
  • tiene un buen  diseñador de insignias , o puede cargar una imagen personalizada
  • hay 16 insignias de imagen listas para usar
  • y mucho más…

Aquí hay algunas capturas de pantalla (haga clic en cualquier imagen para abrir lightbox):

El otro complemento que vale la pena mencionar, esta vez de WooCommerce.com, es WooCommerce Advanced Product Labels , muy similar a YITH en cuanto a funcionalidades y resultados.

Al igual que YITH, este complemento de administración de etiquetas puede dirigirse a productos individuales, categorías, productos en oferta, bestsellers, novedades de productos, precio, estado de existencias, clase de envío, etiquetas, pero también ventas totales y tipos de productos.

Las capturas de pantalla disponibles en línea no son muchas, por lo que esperamos que las siguientes sean suficientes para comparar los dos productos premium (haga clic en cualquier imagen para abrir el cuadro de luz):

Buena suerte con la gestión de su insignia.

Deja un comentario