Cómo crear un producto con tallas y colores (producto variable) en WooCommerce
Aprende paso a paso cómo añadir productos con variantes a tu tienda online, establecer precios diferentes según la talla y controlar el stock por variante.
Una de las características más potentes de WooCommerce es la posibilidad de crear Productos variables (Variable Products). De esta forma, en lugar de crear diez productos diferentes para una camiseta que está disponible en 5 tallas y 2 colores, creas *un* producto principal y el sistema se encarga de mostrar las opciones adecuadas al usuario.
Cambiar el tipo de producto a “Variable”
Abre el producto que quieras editar (o pulsa Nuevo producto). Desplázate hacia abajo hasta que encuentres el cuadro Datos del producto (Product Data). En el menú desplegable que, por defecto, dice Producto sencillo, selecciona el Producto variable (Variable product).
[ Captura de pantalla: El menú “Datos del producto” con la opción “Producto variable” seleccionada ]
Añadir atributos (Attributes)
Ahora tenemos que indicar al sistema cuáles son las opciones de este producto (por ejemplo, la talla):
- En el menú de la izquierda del panel, haz clic en las Atributos (Attributes).
- Si Skynetix ya ha preconfigurado las propiedades, selecciona, por ejemplo, “Tamaño” en el menú desplegable y pulsa Añadir (Add). *Si no es así, selecciona “Característica personalizada del producto”*.
- Sobre el terreno Valores (Values), selecciona las tallas disponibles para ese producto en concreto (p. ej., Small, Medium, Large).
- Un paso decisivo: Marca la casilla que dice Uso para variaciones (Used for variations).
- Pulsa Guardar atributos (Save attributes).
[ Captura de pantalla: la pestaña “Propiedades” con las opciones «Pequeño/Mediano» seleccionadas y la casilla «Usar para variantes» marcada ]
Creación de variaciones (Variations)
Una vez guardadas las propiedades, haz clic en la pestaña que se encuentra justo debajo: Variaciones (Variations).
Pulsa el menú desplegable que aparece y selecciona Crear variaciones a partir de todos los atributos (Create variations from all attributes) y pulsa Transición (Go). WooCommerce combinará automáticamente las opciones y creará líneas separadas (por ejemplo, una línea para la talla Small, otra para la Medium, y así sucesivamente).
Si tienes 15 tallas diferentes y todas tienen el mismo precio, no es necesario que abras cada línea una por una. En el menú desplegable de variantes de la parte superior, selecciona “Establecer precios normales” (Set regular prices), introduce, por ejemplo, 20 y pulsa «Go». ¡El precio de 20 € se aplicará automáticamente a todas las tallas a la vez!
Configuración de precios y existencias por talla
Haz clic en la línea de una variante concreta (por ejemplo, en el Pequeño) para “abrir” su menú oculto. Allí puedes configurar:
- Precio habitual: Campo obligatorio (si se deja en blanco, esa talla no aparecerá en la tienda online).
- ¿Gestión de existencias?: Marcadlo si queréis indicar cuántas unidades tenéis exactamente de la talla Small (p. ej., 5 unidades).
- Imagen de la variante: Puedes subir una foto personalizada (por ejemplo, la camiseta en color rojo), de modo que cuando el cliente seleccione “Rojo”, ¡la foto principal de la tienda online cambie automáticamente a rojo!
El error más habitual: si creas las variantes pero te olvidas de introducir Precio En algunas de ellas, WooCommerce las considera “no disponibles” y no las mostrará en absoluto en el menú desplegable de la tienda online. Asegúrate de que cada variante tenga al menos un precio y de que hayas pulsado el botón Save changes (Guardar cambios) en la parte inferior del cuadro de variantes.
[ Captura de pantalla: La ventana abierta de una variante con los campos “Precio”, “Gestión de existencias” y el botón «Guardar» ]
En cuanto hayas completado la configuración y las variantes, ve a la esquina superior derecha de la página y pulsa el botón clásico Actualización ή Publicar (Publish) de WordPress.
¿Prefieres que, en lugar de un menú desplegable, aparezcan bonitos botones (Swatches)?;
Los menús desplegables de texto sencillos resultan aburridos y reducen las ventas. En Skynetix podemos mejorar tu tienda online instalando **Variation Swatches**. De este modo, tus clientes verán auténticas muestras circulares con los colores (Color Swatches) o modernos recuadros con las tallas (Labels), lo que mejorará la experiencia de compra y disparará la tasa de conversión de tu tienda.
