Home » WooCommerce » Cómo añadir variaciones de producto en WooCommerce

Cómo añadir variaciones de producto en WooCommerce

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:

Best WordPress hosting 2024

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

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

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

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

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

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-

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

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

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

No olvide Guardar los cambios para asegurarse de que se guardan todos los datos y el orden de las variaciones.

woocommerce add variable product

Eso es todo – ahora tienes un producto variable en tu tienda WooCommerce.

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK