Si tienes una tienda online hecha con WooCommerce, hay una funcionalidad que muchas veces pasa desapercibida pero que puede ser extremadamente útil para mejorar la experiencia de compra: los productos agrupados en WooCommerce.

Mi nombre es Jefferson Maldonado y en este tutorial quiero mostrarte exactamente cómo funciona esta característica, cómo configurarla paso a paso y en qué casos puede ser realmente útil dentro de una tienda online.

Este tutorial surge porque muchos usuarios de la comunidad me preguntaban cómo crear una especie de “canastilla de productos” o un producto principal que permita elegir rápidamente varios artículos relacionados. La buena noticia es que WooCommerce ya trae esta funcionalidad integrada de forma nativa, por lo que no necesitamos instalar ningún plugin adicional.

A lo largo de este artículo te voy a mostrar cómo hacerlo usando un ejemplo muy claro: una canastilla de frutas frescas, similar a lo que podría tener una tienda online de supermercado o de productos orgánicos.

Qué son los productos agrupados en WooCommerce

Antes de entrar en la parte técnica, vale la pena entender qué significa exactamente crear productos agrupados en WooCommerce.

Un producto agrupado es básicamente un producto principal que reúne varios productos individuales dentro de una sola página. El usuario puede entrar a ese producto agrupado y seleccionar rápidamente cuáles de esos artículos quiere añadir al carrito.

Imagina por ejemplo una tienda online de supermercado. En lugar de que el usuario tenga que entrar a cada fruta individualmente para comprarla, podrías ofrecer una canastilla de frutas frescas y simplemente seleccionar las cantidades que quiera añadir al carrito.

Consejo práctico: esta funcionalidad funciona muy bien cuando vendes productos que normalmente se compran juntos.

También puede aplicarse a otros tipos de tiendas, por ejemplo:

• accesorios de bicicletas
• repuestos de patinetes
• kits de herramientas
• sets de productos para impresión personalizada

En todos esos casos, los productos agrupados permiten una selección mucho más rápida.

Cuándo conviene usar productos agrupados

Es importante entender que un producto agrupado no es lo mismo que un bundle de productos.

Un bundle normalmente implica un descuento o una oferta por comprar varios artículos juntos. En cambio, los productos agrupados simplemente organizan varios productos en una misma página para facilitar la compra.

En otras palabras, WooCommerce no modifica los precios de los productos cuando los agrupas. Cada artículo mantiene su precio original. Esto significa que el producto agrupado funciona más como una forma de organización y selección rápida, no como una promoción.

Consejo profesional: si lo que quieres es ofrecer descuentos por paquetes, necesitarás usar plugins adicionales de bundles.

Cómo crear productos agrupados en WooCommerce paso a paso

Ahora sí, vamos a la parte práctica. Te voy a explicar exactamente cómo crear un producto agrupado dentro de WooCommerce.

Paso 1: Crear un nuevo producto

Lo primero que debemos hacer es crear un nuevo producto dentro de WooCommerce.

Para ello vamos a:

Productos → Añadir nuevo

En el ejemplo del tutorial yo creé un producto llamado Canastilla de fruta fresca, que representará el contenedor de todos los productos agrupados. Podemos agregar una descripción del producto igual que haríamos con cualquier otro producto.

Paso 2: Seleccionar el tipo de producto agrupado

Este es el paso clave.

Dentro del panel de configuración del producto, WooCommerce nos permite elegir el tipo de producto. Por defecto aparece como producto simple, pero aquí debemos cambiarlo a producto agrupado.

Cuando seleccionamos producto agrupado ocurre algo interesante: WooCommerce oculta varias opciones que normalmente aparecen en los productos simples.

Por ejemplo desaparecen:

• el precio
• la opción de producto virtual
• la opción de producto descargable

Esto ocurre porque el producto agrupado no tiene precio propio. El precio final dependerá de los productos individuales que el cliente seleccione.

Paso 3: Configurar datos adicionales del producto

Aunque el producto agrupado no tiene precio, sí podemos configurar otras cosas. En el ejemplo del tutorial yo utilicé la categoría Fresh Fruit, ya que estaba trabajando con un ejemplo de supermercado online.

También añadí una imagen representativa de una canastilla de frutas, que es lo ideal en este tipo de productos.

Consejo de diseño: usa una imagen que represente el conjunto del producto, no solo un artículo individual.

Paso 4: Vincular los productos agrupados

Este es el paso donde realmente construimos el producto agrupado.

Dentro del panel de datos del producto debemos ir a la sección llamada Linked Products o productos vinculados.

Ahí encontraremos el campo donde podemos seleccionar los productos que queremos agrupar.

En el ejemplo del tutorial agregué los siguientes productos:

• Lemon
• Dragon fruit
• Strawberry
• Peach
• Plum

Todos estos productos ya existían previamente como productos individuales dentro de WooCommerce.

Una vez añadidos, simplemente guardamos el producto.

Paso 5: Publicar el producto agrupado

Después de configurar todo, hacemos clic en Publicar.

Una vez publicado, si abrimos el producto en el frontend veremos algo interesante: el producto agrupado mostrará automáticamente una lista de los productos incluidos.

Cada producto aparecerá con:

• su imagen
• su precio
• un campo para seleccionar la cantidad

El usuario puede elegir cuántas unidades quiere de cada producto y añadirlos todos al carrito en un solo clic.

Cómo funciona la compra desde el punto de vista del usuario

Cuando el cliente entra al producto agrupado, verá algo parecido a una lista de productos disponibles.

Por ejemplo, en la canastilla de frutas frescas podría ver:

Fresas — cantidad
Limones — cantidad
Duraznos — cantidad
Ciruelas — cantidad

El usuario simplemente selecciona las cantidades y presiona añadir al carrito. WooCommerce agregará cada producto individual al carrito con su precio correspondiente.

Esto hace que el proceso de compra sea mucho más rápido que entrar producto por producto.

Cómo se ve el carrito después de usar un producto agrupado

Una vez que el cliente añade los productos, el carrito mostrará cada artículo individualmente. Cada uno con su precio correspondiente. Esto significa que el producto agrupado funciona únicamente como una interfaz de selección rápida.

Ejemplo real aplicado en una tienda online

En el tutorial también mostré un ejemplo de tienda online más avanzado que desarrollamos dentro de nuestro curso de WooCommerce con Divi.

Se trata de una tienda de productos personalizados donde el usuario puede seleccionar variaciones, ver un mini carrito dinámico y navegar por un catálogo completamente optimizado. Todo esto construido con Divi 5 y WooCommerce, sin depender de decenas de plugins externos.

Cursos recomendados sobre WooCommerce y Divi

Si quieres profundizar en cómo crear tiendas online profesionales, te recomiendo revisar algunos contenidos que ya tenemos publicados en uxdivi.com/cursos.

Uno de los más completos es el curso de cómo crear una tienda online con WooCommerce y Divi, donde desarrollamos un proyecto real paso a paso.

En ese curso aprendemos a:

• diseñar la tienda desde cero
• personalizar la página de producto
• crear filtros avanzados
• optimizar la experiencia de compra
• mejorar el checkout

Además utilizamos Divi 5, lo que permite aprovechar herramientas como:

• variables globales
• presets globales
• diseño flexible con flexbox
• layouts optimizados para móvil

Todo pensado para crear tiendas modernas y eficientes.

Conclusión

Los productos agrupados en WooCommerce son una herramienta sencilla pero muy poderosa cuando se usan correctamente.

Permiten organizar productos relacionados dentro de una misma página y facilitan que el usuario añada varios artículos al carrito rápidamente. No son un sistema de bundles ni ofrecen descuentos automáticos, pero son perfectos para crear selecciones rápidas de productos relacionados.

Si tienes una tienda online de:

• alimentos
• accesorios
• repuestos
• kits de productos

te recomiendo probar esta funcionalidad.

Muchas veces una mejora simple en la experiencia de compra puede aumentar significativamente las conversiones. Espero que este tutorial te haya servido para entender mejor cómo funcionan los productos agrupados en WooCommerce.

Y si te gustaría que hagamos un tutorial sobre productos bundle con descuentos, déjamelo en los comentarios. Si vemos que hay interés, con gusto lo grabamos para el canal.

Nos vemos en el próximo tutorial.