Si tiene una tienda en línea, probablemente tenga algunos productos con variaciones. Por ejemplo – teléfonos u otros gadgets en múltiples colores. WooCommerce permite configurar variaciones de producto pero puede parecer un poco complicado si nunca has configurado variaciones de producto antes.
Hoy te mostraré cómo crear un producto variable en WooCommerce, y te mostraré cómo configurar cada variación para asegurarte de que los precios, imágenes y otros datos del producto coincidan con la variación exacta del producto.
Cómo añadir variaciones de producto en la tienda WooCommece
En el ejemplo vamos a crear un producto variable – un iPhone con 3 colores diferentes. El cliente podrá seleccionar el color en la página del producto.
El primer paso que tienes que hacer antes de añadir variaciones de producto para un producto es crear nombres de variación en WooCommerce:
Ve a Productos >> Atributos en tu panel de administración de WordPress, y crea un nuevo Atributo. Introduce el nombre Color, y pulsa Añadir atributo.
![woocommerce how to add attributes](https://rocksolidwebsite.com/wp-content/uploads/2022/10/01-add-product-variations.jpg)
Una vez añadido el nuevo atributo, será visible en la parte derecha de la página. Haga clic en su nombre para añadir títulos de variación.
![woocommerce attributes](https://rocksolidwebsite.com/wp-content/uploads/2022/10/02-add-product-variations.jpg)
Una vez que abra el atributo puede agregar variaciones para el mismo. Añade el nombre, y pulsa Añadir nuevo [tu nombre de atributo].
![add product colors in woocommerce](https://rocksolidwebsite.com/wp-content/uploads/2022/10/03-add-product-variations.jpg)
Una vez que añadas todas las variaciones que necesites es hora de añadir el producto variable en WooCommerce. Abre el producto al que quieres añadir variaciones, y cambia el Tipo de producto a Producto variable.
![create variable product in woocommerce](https://rocksolidwebsite.com/wp-content/uploads/2022/10/04-add-product-variations.jpg)
Luego haz clic en la pestaña Atributos. Selecciona Atributo de producto personalizado -> Color, y haz clic en el botón Añadir.
![woocommerce product variable](https://rocksolidwebsite.com/wp-content/uploads/2022/10/05-add-product-variations.jpg)
Haz click en el campo Valor, y selecciona todos los colores que tengas. Asegúrate de marcar la casilla Usado para variaciones, y pulsa Guardar Atributos.
![variable product in woocommerce-](https://rocksolidwebsite.com/wp-content/uploads/2022/10/06-add-product-variations.jpg)
Ahora podrá crear variaciones a partir de los atributos añadidos previamente. Abre la pestaña Variaciones a la izquierda, selecciona Añadir variación, y pulsa Ir.
![woocommerce product with options](https://rocksolidwebsite.com/wp-content/uploads/2022/10/07-add-product-variations.jpg)
Seleccione uno de los colores, y haga clic en él para expandir y mostrar su configuración.
Ahora puede añadir datos para la variación de producto seleccionada:
- añadir el precio normal o el precio de venta para la variación del producto (los precios de las variaciones pueden ser diferentes)
- gestionar el stock individualmente (si es necesario)
- añadir una imagen que muestre la variación exacta del producto
- añadir peso, dimensiones, estado de las existencias, SKU y otra información
![woocommerce add product variations](https://rocksolidwebsite.com/wp-content/uploads/2022/10/08-add-product-variations.jpg)
Una vez añadida toda la información, puede hacer clic en Añadir variación >> Ir de nuevo, y añadir otra variación de producto.
Una vez añadidas todas las variaciones de producto, puede cerrar su configuración y cambiar su orden arrastrándolas hacia arriba o hacia abajo. El orden de las variaciones se mostrará en el mismo orden que en la sección Datos del producto.
![woocommerce reorder product variations](https://rocksolidwebsite.com/wp-content/uploads/2022/10/09-add-product-variations.jpg)
No olvide Guardar los cambios para asegurarse de que se guardan todos los datos y el orden de las variaciones.
![woocommerce add variable product](https://rocksolidwebsite.com/wp-content/uploads/2022/10/10-1-add-product-variations.jpg)
Eso es todo – ahora tienes un producto variable en tu tienda WooCommerce.