Cómo crear variaciones de producto en WooCommerce: tallas, colores y modelos

Si vendes ropa, calzado o accesorios en Lima, los productos variables son tu mejor aliado en WooCommerce. Un solo producto con múltiples opciones de talla, color o modelo permite que el cliente elija exactamente lo que necesita sin navegar entre decenas de páginas diferentes. En Perú, donde la moda y el calzado lideran las ventas online dentro de las categorías de retail (CAPECE 2024), dominar las variaciones de producto te da una ventaja operativa y comercial sobre tiendas que publican cada variante como un producto separado. Esta guía te lleva paso a paso por todo el proceso: desde entender qué es un producto variable hasta configurar swatches de color y resolver los límites del sistema.

Qué es un producto variable en WooCommerce

Un producto variable es un tipo de producto que tiene múltiples versiones del mismo artículo. Cada versión se llama «variación» y puede tener su propio precio, stock, imagen y SKU. A diferencia de un producto simple (un artículo con un solo precio), el producto variable muestra desplegables o selectores para que el cliente elija sus preferencias.

Un ejemplo concreto: una tienda de ropa en Miraflores vende un polo de algodón Pima. El polo viene en 4 tallas (S, M, L, XL) y 3 colores (negro, blanco, azul). En lugar de crear 12 productos separados, creas un solo producto variable con 12 variaciones. El cliente selecciona talla y color, ve la imagen correspondiente y WooCommerce descuenta el stock de esa combinación específica.

Los productos variables son fundamentales para tiendas de moda, zapatería, accesorios, electrónica (capacidades, colores) y cualquier negocio que venda artículos con opciones. Si aún no tienes tu catálogo organizado, empieza por nuestra guía de cómo agregar y organizar productos en WooCommerce.

Creando atributos: talla, color, material, modelo

Antes de crear variaciones, necesitas definir los atributos. Un atributo es una característica del producto (Talla, Color, Material) y cada atributo tiene valores (S, M, L, XL para Talla).

Atributos globales (recomendado): se crean desde Productos → Atributos y están disponibles para todos los productos. Usa atributos globales si tienes más de 5 productos con la misma característica.

1. Ve a Productos → Atributos.
2. En «Nombre», escribe «Talla». En «Slug», escribe «talla».
3. Haz clic en «Añadir atributo».
4. Luego haz clic en «Configurar términos» y agrega los valores: S, M, L, XL, XXL.
5. Repite para Color (negro, blanco, azul, rojo) y cualquier otro atributo que necesites.

Atributos locales: se crean dentro de cada producto individual. Úsalos solo para características únicas que no se repiten en otros productos.

Generando variaciones de forma masiva

Una vez que tienes los atributos configurados en tu producto, generar todas las variaciones posibles es sencillo:

1. Edita el producto y en «Datos del producto», cambia el tipo a «Producto variable».
2. Ve a la pestaña «Atributos».
3. Agrega los atributos que apliquen (Talla, Color). Marca la casilla «Usado para variaciones».
4. Selecciona los valores: por ejemplo, Talla = S, M, L y Color = Negro, Blanco.
5. Guarda los atributos.
6. Ve a la pestaña «Variaciones».
7. En el desplegable, selecciona «Generar variaciones a partir de todos los atributos» y confirma.

WooCommerce generará automáticamente todas las combinaciones. Con 3 tallas y 2 colores, obtienes 6 variaciones. Con 5 tallas y 4 colores, 20 variaciones. El sistema soporta hasta 50 variaciones por defecto sin necesidad de modificar nada.

Si necesitas generar variaciones para muchos productos a la vez, el importador CSV de WooCommerce permite cargar variaciones en masa. Cada variación se representa como una fila con el campo «parent» indicando el producto padre.

Asignar precio, stock e imagen por variación

Cada variación funciona como un mini-producto independiente. Despliega cada variación haciendo clic en ella para configurar:

Precio: puedes tener precios diferentes por variación. Una camiseta talla XL puede costar S/5 más que la talla S si el costo de material es mayor. También puedes poner precio de oferta individual por variación.

SKU: asigna un código único a cada variación. Un sistema recomendado: POLO-PIMA-NEG-S, POLO-PIMA-NEG-M, POLO-PIMA-BLA-S, etc. Esto facilita el control de inventario y la logística.

Stock: activa «Gestionar stock» a nivel de variación para controlar la cantidad exacta de cada combinación. Si tienes 15 unidades del polo negro talla M y 8 del blanco talla L, cada número se gestiona de forma independiente. Cuando una variación llega a 0, WooCommerce la marca como «Agotada» automáticamente sin afectar las demás.

Imagen: sube una imagen diferente para cada variación. Cuando el cliente selecciona «Color: Azul», la imagen principal cambia automáticamente para mostrar el producto en ese color. Esto es fundamental para la conversión en tiendas de moda.

Peso y dimensiones: si las variaciones tienen tamaños diferentes (como en calzado), puedes definir peso y dimensiones por variación para que el costo de envío se calcule correctamente.

Mostrar swatches de color en la ficha de producto

Por defecto, WooCommerce muestra las variaciones como desplegables de texto (dropdown). Para tiendas de moda y accesorios en Lima, los swatches visuales mejoran significativamente la experiencia de compra:

Swatches de color: en lugar de un dropdown que dice «Negro, Blanco, Azul», el cliente ve pequeños cuadros de color que puede hacer clic directamente.

Swatches de imagen: en lugar de texto «Estampado floral», el cliente ve una miniatura del estampado.

Para implementar swatches, necesitas un plugin. Las opciones más populares son:

• Variation Swatches for WooCommerce (gratuito): agrega swatches de color, imagen y texto. Funciona con la mayoría de temas y es suficiente para la mayoría de tiendas.
• WooCommerce Variation Swatches Pro: versión premium con tooltips, galería por variación y diseño más personalizable.

La instalación es directa: instala el plugin, ve a Productos → Atributos, y en cada atributo global tendrás la opción de definir el tipo de swatch (color, imagen o texto) y asignar el valor visual a cada término.

Límite de variaciones y cómo superarlo

WooCommerce tiene un límite de 50 variaciones visibles por defecto en el frontend. Si tu producto tiene más de 50 combinaciones (por ejemplo, 10 tallas × 6 colores = 60), las que excedan el límite no se cargarán en la página de producto.

Para aumentar este límite, agrega el siguiente filtro en el archivo functions.php de tu tema hijo:

add_filter('woocommerce_ajax_variation_threshold', function() { return 100; });

Este filtro aumenta el límite a 100 variaciones. Puedes ajustar el número según tu necesidad, pero ten en cuenta que más variaciones significan más datos cargados en cada página de producto, lo que puede afectar la velocidad de carga.

Para tiendas con catálogos masivos (más de 100 variaciones por producto), considera estas alternativas:

• Dividir el producto en sub-productos por categoría (un producto para cada línea de color, por ejemplo).
• Usar el plugin Product Add-Ons para opciones que no requieren stock individual.
• Implementar un configurador de producto personalizado con un plugin como WooCommerce Composite Products.

En la práctica, el 95% de las tiendas en Lima no supera las 50 variaciones por producto. Si vendes ropa con 5 tallas y 4 colores (20 variaciones), el sistema nativo funciona sin modificaciones.

Preguntas frecuentes sobre variaciones de producto en WooCommerce

¿Cuántas variaciones puedo tener en un producto WooCommerce?

Técnicamente no hay límite en la base de datos, pero el frontend muestra hasta 50 variaciones por defecto. Puedes aumentar este límite con un filtro en functions.php. Para la mayoría de tiendas en Lima (ropa, calzado, accesorios), 50 variaciones son más que suficientes. Si necesitas más, evalúa si es mejor dividir el producto.

¿Puedo tener precios diferentes por talla?

Sí. Cada variación es independiente y puede tener su propio precio regular y precio de oferta. Es común que tallas grandes (XL, XXL) cuesten más por el mayor uso de material. Configúralo desde la pestaña «Variaciones» al editar cada variación individualmente.

¿WooCommerce descuenta stock por variación automáticamente?

Sí, siempre que actives «Gestionar stock» a nivel de variación. Cuando un cliente compra el polo negro talla M, WooCommerce descuenta una unidad solo de esa variación específica. Las demás (negro talla L, blanco talla M, etc.) no se afectan. Cuando una variación llega a 0, se muestra como «Agotada» y el cliente no puede seleccionarla.

Domina las variaciones y vende más

Los productos variables bien configurados mejoran la experiencia de compra, reducen la fricción y profesionalizan tu tienda. En un mercado donde el e-commerce peruano sigue creciendo a ritmo de 21.2% anual, tener un catálogo con variaciones organizadas, swatches visuales y stock preciso te posiciona por encima de la competencia. Si necesitas ayuda para configurar productos variables, importar catálogos masivos o implementar swatches profesionales, en KOM Agencia Digital creamos tiendas virtuales listas para vender.

Consulta sin compromiso: visita kom.pe/tiendas-virtuales o escríbenos por WhatsApp al +51 923 222 223.