7 mejores plugins de cuadrícula de categoría de producto para WooCommerce

La mayoría de las tiendas WooCommerce se centran mucho en las páginas de detalles de los productos, pero a menudo descuidan la importancia de la presentación de las categorías. Ahí es donde suele comenzar el recorrido del cliente. Los diseños de categorías limpios y estructurados no solo mejoran la navegación, sino que también hacen que tu tienda parezca más profesional y más fácil de comprar.

Los plugins de categorías de productos están diseñados precisamente para eso. Te permiten organizar y mostrar tus categorías con cuadrículas, sliders, filtros y carruseles sin necesidad de código. Algunos funcionan con Gutenberg, otros están hechos para Elementor y muchos incluyen diseños adaptables, plantillas y opciones de diseño adecuadas para cualquier diseño de tienda.

En esta guía, hemos seleccionado siete plugins destacados que le permiten crear cuadrículas de categorías de productos con un mejor control del diseño, un mejor filtrado y un mejor estilo. Echemos un vistazo más de cerca.

Nombre del plugin

Editores compatibles

Características principales

Instalaciones activas

WowStore

Gutenberg

Bloqueo de categorías, filtrado, upsells, carrito inteligente

5,000+

TiendaLentor

Gutenberg, Elementor

Widgets de cuadrícula, carrusel, más de 125 widgets

100,000+

Bloques de producto para WooCommerce

Gutenberg

Rejilla de categorías, más de 5 diseños, clasificación

5,000+

Vistas de contenido

Gutenberg, Classic, Elementor

Creador de cuadrículas, filtros, más de 70 plantillas

100,000+

WooCategory

Gutenberg, Elementor, Divi

Deslizadores, visualización multinivel, opciones de estilo

10,000+

Elementos ilimitados para Elementor

Elementor

Rejilla de categorías, consultas personalizadas, más de 200 widgets

100,000+

Categorías de productos Diseños

Gutenberg (shortcodes)

Vistas de cuadrícula y deslizador, control de shortcode

3,000+

WowStore

WooCommerce Builder & Gutenberg WooCommerce Blocks - WowStore

No todos los plugins le permite rediseñar diseños de categoría WooCommerce dentro del Editor de bloques. Ahí es donde entra WowStore. Tiende un puente entre WooCommerce y Gutenberg con un constructor completo y un amplio conjunto de bloques de tienda-amistoso, por lo que la construcción de una red de categoría con estilo nunca es un dolor de cabeza para usted. 

WowStore incluye un bloque dedicado a las categorías de productos que te permite mostrar las categorías en cuadrículas limpias y personalizables. Puedes ajustar las columnas, el espaciado y el estilo directamente desde Gutenberg. El plugin también añade soporte para el filtrado de productos por categoría, lo que mejora la navegación y ayuda a los compradores a encontrar lo que están buscando. Si estás construyendo plantillas personalizadas, WowStore te da un control total sobre tu tienda, categoría y páginas de archivo sin tocar una línea de código.

El resto del conjunto de herramientas se encarga de todo, desde potenciadores de ventas como los bloques adhesivos Añadir al carrito y Lista de deseos, hasta funciones centradas en los ingresos como las ventas adicionales, las ventas cruzadas, los pedidos anticipados y los temporizadores de carrito. Añade a esto una barra de envío gratuito y un filtrado avanzado de productos, y tendrás una configuración de WooCommerce basada en cuadrícula que es a la vez funcional y fácil de convertir.

WooCommerce Builder & Gutenberg WooCommerce Blocks - WowStore Demo
Demo

Características principales

  • Bloque de categoría de producto para Gutenberg.
  • Constructor dedicado para páginas de categorías y plantillas.
  • Filtrado de productos por categoría, precio y atributos.
  • Lista de deseos, comparación y vista rápida.
  • Herramientas de venta cruzada y de venta mejorada.
  • Página Añadir al carrito y Carrito inteligente.
  • Barra de progreso de envío gratuito.
  • Docenas de bloques adicionales de WooCommerce.

Precio: 

Puedes empezar con la versión gratuita o actualizar a Pro a partir de $49/año.

TiendaLentor

TiendaLentor

La mayoría de los sitios de WooCommerce necesitan algo más que listados de productos; necesitan estructura, libertad de diseño y jerarquía visual. ShopLentor responde a estas necesidades con un constructor basado en bloques y widgets que funciona tanto con Elementor como con Gutenberg. 

Este plugin incluye un widget Product Grid dedicado con filtros de categoría y ajustes adaptables. Además, los módulos Product Category Carousel y Category Showcase te permiten mostrar las categorías de WooCommerce en cuadrículas horizontales o de bloques estilizadas. Cada widget incluye ajustes para el control de las columnas, el espaciado, el orden y la lógica de visualización, lo que te ayuda a crear diseños que se ajustan perfectamente en todos los dispositivos. Las pestañas, las listas y las funciones de filtrado de categorías completan el conjunto de herramientas para cualquiera que se centre en una categorización limpia de los productos.

ShopLentor destaca por su completo sistema de creación de plantillas. La versión gratuita incluye plantillas de archivos y productos, mientras que la versión Pro añade un conjunto de más de 125 widgets Elementor, más de 60 bloques Gutenberg, editores flexibles de carrito y pago, módulos de ventas adicionales y complementos centrados en las ventas para dar a tu tienda una base más estructurada. 

Demostración de ShopLentor
Demo

Características principales

  • Widget de rejilla de productos con filtros de categorías y configuración adaptable.
  • Módulos Carrusel de categorías de productos y Escaparate de categorías.
  • Navegación por categorías basada en pestañas, listas y filtros.
  • Plantillas personalizadas para las páginas de tienda, archivo y producto único.
  • Creadores de plantillas para páginas de carrito, pago y cuenta.
  • Más de 125 widgets Elementor y más de 60 bloques Gutenberg.
  • Funciones de vista rápida, lista de deseos y comparación.
  • Muestras de variaciones, cuentas atrás y módulos de ventas adicionales.
  • Sticky Add to Cart y AJAX cart drawer.

Precio

Puedes empezar con la versión gratuita o pasar a Pro a partir de $59 por semestre.

Bloques de producto para WooCommerce

Bloques de producto para WooCommerce

Una cuadrícula limpia puede ayudar a los compradores a centrarse. Bloques de Producto para WooCommerce trae exactamente eso al Editor de Bloques. Con un pequeño conjunto de bloques de visualización de productos dedicados, este plugin le da más control sobre cómo las categorías y los productos se presentan a través de su tienda.

El plugin incluye un bloque de cuadrícula de categorías de productos con tres estilos de diseño incorporados. Puede elegir mostrar todas las categorías o limitar la vista sólo a las categorías principales. El panel de configuración le permite definir cuántas categorías mostrar, cuántas columnas utilizar y si mostrar o no el recuento de productos. También puede ocultar las categorías vacías y ordenar todo según el orden del menú.

Además de la cuadrícula de categorías, el plugin ofrece siete bloques más. Estos incluyen múltiples estilos de Lookbook, un Vertical Product Slider, una Scattered Product List y un Product Carousel. Todos los bloques se integran de forma nativa en el editor Gutenberg sin necesidad de herramientas externas.

Bloques de Producto para WooCommerce Demo
Demo

Características principales

  • Categorías de productos Bloque de cuadrícula con tres estilos de diseño.
  • Mostrar todas las categorías o sólo las categorías principales.
  • Establezca cuántas categorías mostrar.
  • Oculte las categorías vacías si es necesario.
  • Mostrar u ocultar recuentos de productos.
  • Ordenar categorías por orden de menú.
  • Elija el número de columnas.
  • Incluye siete bloques de exposición de productos adicionales.
  • Funciona completamente dentro del editor Gutenberg.

Precio

Este plugin está disponible gratuitamente en WordPress.org.

Vistas de contenido

Vistas de contenido

Una maraña de shortcodes o fragmentos de código puede plagar los intentos de mostrar entradas, páginas o contenido personalizado. Content Views lo soluciona añadiendo opciones de diseño visual tanto al editor clásico como a Gutenberg.

Content Views incluye un potente constructor de vistas que permite consultar entradas, páginas y tipos de entradas personalizados en función de categorías, etiquetas, fechas, autores o palabras clave. Cada diseño se puede insertar utilizando shortcodes, bloques o widgets. El plugin viene con 16 bloques Gutenberg y 16 widgets Elementor diseñados para cuadrículas, listas, deslizadores, acordeones, líneas de tiempo y más. Su biblioteca de plantillas cuenta con más de 70 patrones prediseñados que se pueden personalizar con tipografía incorporada, espaciado y opciones de visualización.

El sistema de diseño del plugin se ha creado pensando en la personalización. Puedes controlar el tamaño de las imágenes, los títulos de las entradas, la longitud del contenido y la visibilidad de los metadatos. Para los usuarios de Classic Editor, cada cuadrícula se puede colocar utilizando shortcodes. Para los usuarios de Gutenberg, cada bloque incluye ajustes de respuesta, estilos avanzados y opciones de filtrado de publicaciones para ajustar el resultado.

Demostración de vistas de contenido
Demo

Características principales

  • Funciona con Gutenberg, Classic Editor y Elementor.
  • Incluye 16 bloques Gutenberg y 16 widgets Elementor.
  • Cree cuadrículas, listas, deslizadores, acordeones y líneas de tiempo.
  • Filtros avanzados para taxonomía, palabras clave, autores y fechas.
  • Personalice el tamaño de la imagen, la longitud del texto y los metadatos de la entrada.
  • 76+ patrones y plantillas de bloques Gutenberg listos para usar.
  • Diseño responsive y soporte lazy loading.
  • Inserte rejillas mediante shortcode, bloque o widget.

Precio

Aunque la versión gratuita del plugin está disponible, la función Category Grid está disponible exclusivamente en la versión Pro, que cuesta a partir de $39/año.

WooCategory

WooCategory

La mayoría de las tiendas WooCommerce no destacan sus categorías lo suficientemente bien, lo que a menudo conduce a oportunidades perdidas y confusión para los compradores. WooCategory resuelve este problema permitiéndote presentar las categorías de productos como sliders o bloques con visuales limpios y diseños responsivos. 

El plugin cuenta con un generador de shortcodes que te ayuda a filtrar y dar estilo a las categorías de productos exactamente como quieras. Puede elegir categorías específicas para mostrar, ocultar los vacíos, controlar el número de elementos visibles, e incluso mostrar categorías de varios niveles como hijo o nieto bajo los padres. Además, cada deslizador o bloque puede incluir títulos, imágenes, contadores y un botón personalizable "Comprar ahora".

WooCategory te lo da todo, desde el estilo del diseño hasta los efectos del deslizador. Puedes cambiar las formas de las miniaturas, los bordes, los colores y el espaciado, e incluso aplicar efectos hover. El plugin también incluye controles avanzados de tipografía, filtros de categorías, ordenación de categorías y configuración de columnas basada en dispositivos. 

Demo WooCategory
Demo

Características principales

  • Deslizadores de categorías y diseños de cuadrícula.
  • Filtrar y mostrar categorías específicas.
  • Mostrar categorías superiores e inferiores de varios niveles.
  • Botón Comprar ahora personalizado con controles de texto, color y enlace.
  • Más de 30 opciones de deslizador, incluyendo reproducción automática, desplazamiento, paginación y efectos.
  • Personalice la forma, el borde, los efectos hover y el tamaño de las miniaturas.
  • Columnas de control y espaciado por dispositivo.
  • Compatible con Gutenberg, Elementor, Divi y otros constructores.
  • Generador de código corto con vista previa en vivo.

Precio

WooCategory ofrece una versión gratuita, junto con versiones Pro a partir de $49 por Año.

Elementos ilimitados para Elementor

Elementos ilimitados para Elementor

Ultimate Elements amplía lo que Elementor puede hacer ofreciéndote una enorme biblioteca de widgets, plantillas y herramientas avanzadas. Está hecho para aquellos que quieren más control de diseño y formas más inteligentes de construir WooCommerce y sitios de contenido pesado.

El plugin incluye un widget avanzado de Woo Category Grid que te ayuda a crear rejillas responsivas y elegantes para las categorías de tus productos. Obtienes filtros de consulta precisos como seleccionar términos específicos, categorías secundarias, términos de publicaciones actuales o excluir categorías vacías. La configuración del diseño te permite ajustar las columnas, los espacios e incluso mostrar las categorías utilizando imágenes personalizadas de meta campos como ACF o PODS.

También tendrás acceso a más de 200 widgets profesionales, un creador de widgets, un mega creador de menús, filtros de entrada en tiempo real, ventanas emergentes dinámicas, creadores de bucles, creadores de formularios y calculadoras, fondos animados, widgets sincronizados y soporte profundo para galerías de múltiples fuentes. Todo dentro de Elementor, lo que lo convierte en una solución completa para usuarios avanzados y diseñadores creativos.

Elementos ilimitados para Elementor Demo
Demo

Características principales

  • Widget Woo Category Grid para Elementor.
  • Reglas de consulta personalizadas para incluir o excluir categorías.
  • Mostrar categorías hijas o categorías del post actual.
  • Ocultar categorías vacías o filtrar por meta personalizada.
  • Soporte de imágenes personalizadas mediante ACF o PODS.
  • Control total de las columnas, los espacios y el estilo.
  • Más de 200 widgets únicos de arrastrar y soltar.
  • Creador de widgets para crear tus propios widgets Elementor.
  • Loop Builder, Popup Builder, Mega Menu, y más.
  • Filtros AJAX para posts y productos WooCommerce.

Precio

Ultimate Elements es gratuito, y el widget Woo Category Grid forma parte de la versión Pro, con un precio inicial de $49 al año.

Diseños de categorías de productos para WooCommerce

Diseños de categorías de productos para WooCommerce

Cuando el diseño de su categoría se ve anticuado o decepcionante, los clientes tienden a pasar de largo sin explorar. Diseños de categorías de productos para WooCommerce ayuda a arreglar eso con dos diseños ya hechos que puede mostrar en ambos diseños de cuadrícula y deslizante utilizando códigos cortos simples.

Dispones de dos shortcodes: uno para la vista en cuadrícula y otro para el deslizador. Cada uno viene con un sólido conjunto de parámetros, incluyendo el diseño de la disposición, el número de categorías, el control de la columna, la clasificación y los interruptores de visibilidad. La vista deslizante añade controles de reproducción automática, velocidad de deslizamiento, paginación, navegación y mucho más. También puedes limitar las categorías por ID o padre, ajustar la altura e incluso aplicar clases CSS personalizadas para ajustar los efectos visuales.

El plugin funciona directamente dentro del editor Gutenberg usando un bloque de shortcode. También crea una útil pestaña "Diseños de categoría" bajo el menú Productos para que puedas comprobar las opciones de diseño antes de añadirlas a tus páginas.

Categorías de productos Diseños para WooCommerce Demo
Demo

Características principales

  • Dos shortcodes para las vistas grid y slider.
  • Dos preajustes de diseño compatibles con ambos diseños.
  • Control del número de categorías y columnas.
  • Opciones de ordenación por nombre, slug o ID del término.
  • Mostrar u ocultar categorías vacías y secundarias.
  • Establezca una altura personalizada y aplique clases CSS adicionales.
  • Controles deslizantes completos para la reproducción automática, el comportamiento de desplazamiento y la velocidad.
  • Panel de configuración específico en Productos → Diseños de categoría.

Precio

Se ofrece una versión gratuita, y el plan Pro tiene un precio de $99/año.

Conclusión

Los diseños de categorías a menudo se pasan por alto, sin embargo, son una de las formas más impactantes de guiar a los clientes a través de una tienda WooCommerce. Una cuadrícula o un slider bien organizados pueden marcar la diferencia entre un rebote y una conversión. Da estructura a tu tienda y ayuda a los visitantes a explorar con intención.

A lo largo de esta lista, has visto plugins que aportan formas creativas, flexibles y fáciles de construir para mostrar categorías de productos. Algunos se mantienen dentro del editor Gutenberg, mientras que otros amplían Elementor o utilizan shortcodes para un control total del diseño. Utiliza estas herramientas no solo por estética, sino para crear mejores caminos a través de tu tienda. Así es como conviertes la navegación en compra y conviertes un sitio de WooCommerce en algo mucho más pulido.



El equipo de Tableberg

Construya hermosas tablas de WordPress - ¡Visualmente!

Despídete de las tablas aburridas. Con Tableberg, puede crear tablas interactivas con capacidad de respuesta mediante el Editor de bloques, sin necesidad de código.

Interfaz Tableberg
🚀 ¡Consigue el mejor plugin de bloque de mesa con 30% OFF!
Este es el texto por defecto para la barra de notificaciones