en proceso de construcción WordPress Al comprar en sitios web, muchas personas se encuentran con la necesidad de artículos que no sean de una sola talla, sino que estén disponibles en una gran variedad de tama?os y colores. La buena noticia es queWooCommerce La función "Producto variable" permite que cada producto tenga múltiples variantes para que los clientes puedan elegir.
Este artículo te llevará paso a paso a través del proceso de creación de un Producto Variable WooCommerce con opciones de tama?o y color, desde la configuración del backend hasta la generación de combos, es fácil y práctico.
![Imagen [1] - Tutorial de configuración de productos variables en WooCommerce: ?A?adir opciones de tama?o y color es súper fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522101628400-image.png)
Paso 1: A?adir una nueva variable mercancía
- Regístrese WordPress la zona detrás de un escenario teatral
- Vaya a [Productos] → [Nuevo] en el menú de la izquierda.
![Imagen [2] - WooCommerce Variable Merchandise Setup Tutorial: ?A?adir Opciones de Talla y Color es Super Fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522101839482-image.png)
- Introduzca el nombre del producto
- En la zona "Datos del producto", sustituya [ ] por [ ].simple mercancía] cambiar a [Materia prima variable].
![Imagen [3] - WooCommerce Variable Merchandise Setup Tutorial: ?A?adir Opciones de Talla y Color es Super Fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522101748366-image.png)
De este modo, el artículo puede empezar a a?adir múltiples atributos y variantes.
Paso 2: A?adir el atributo Size
- Cambiar a la pesta?a [Propiedades
- Seleccione [Atributos personalizados del producto] → Haga clic en [A?adir].
- Introduzca "Tama?o" en el campo Nombre.
- Introduzca en el campo de valor:
S | M | L
(Uso de líneas verticales)|
(como separador) - Marque [para el tipo de cambio]
- Haga clic en [Propiedades de la tienda].
![Imagen [4] - WooCommerce Variable Merchandise Setup Tutorial: ?A?adir opciones de talla y color es súper fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522102123936-image.png)
También puede copiar y pegar primero las líneas verticales para asegurarse de que el formato es correcto.
Paso 3: A?adir atributos de color
- Sigue haciendo clic en [A?adir]
- Introduzca "color" como nombre
- Ejemplo numérico:
Blanco (liso) | Verde (estampado)
- Utilice también líneas verticales para separar
- Marque [para el tipo de cambio]
- Haga clic en [Propiedades de la tienda].
![Imagen [5] - WooCommerce Variable Merchandise Setup Tutorial: ?A?adir Opciones de Talla y Color es Super Fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522102357511-image.png)
Ahora que ha a?adido dos atributos: tama?o y color, puede combinar variosmorph.
Paso 4: Crear una cartera de productos (variantes)
- Cambie a la pesta?a [Cambiar tipo
- Haga clic en [Crear tipo de cambio a partir de todas las propiedades].
- Pulse [Enviar] y, a continuación, pulse dos veces [Aceptar].
![Imagen [6] - WooCommerce Variable Merchandise Setup Tutorial: ?A?adir Opciones de Talla y Color es Super Fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522104142506-image.png)
El sistema genera todas las combinaciones automáticamente. Por ejemplo, hay 3 tallas × 2 colores = 6 variantes.
Paso 5: Establecer imágenes y precios para cada variante
- Pulse [Editar] a la derecha de cada combinación
![Imagen [7] - WooCommerce Variable Merchandise Setup Tutorial: ?A?adir Opciones de Talla y Color es Super Fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522104236823-image.png)
- Cargar una imagen exclusiva para esta variante
- Introduzca el precio (por ejemplo, 390)
- Ordenar todas las combinaciones
- Por último, haga clic en [Guardar configuración].
![Imagen [8] - Tutorial de configuración de productos variables en WooCommerce: ?A?adir opciones de tama?o y color es súper fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522104451308-image.png)
todo el mundomorphTodos pueden tener fotos y precios individuales para que la recepción pueda mostrarlos correctamente.
Paso 6: Configuración de las opciones predefinidas
Cuando se abra la página del producto, sólo se mostrará una combinación preestablecida de diagramas e información.
- En [Valores de formulario predefinidos], seleccione el tama?o y el color de la pantalla por defecto (por ejemplo, tama?o M + verde).
![Imagen [9] - Tutorial de configuración de productos variables en WooCommerce: ?A?adir opciones de tama?o y color es súper fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522104610751-image.png)
- Vuelva a hacer clic en [Guardar configuración].
Paso 7: Establecer la imagen principal del producto (para listados de productos)
- Deslícese hasta la esquina inferior derecha de la página [Imagen del producto].
![Imagen [10] - Tutorial de configuración de productos variables en WooCommerce: ?A?adir opciones de tama?o y color es súper fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522104727459-image.png)
- Cargue una variación de la imagen que desea utilizar como imagen principal de su producto (le recomendamos que utilice la imagen de la cartera que acaba de establecer como predeterminada).
![Imagen [11] - Tutorial de configuración de productos variables en WooCommerce: ?A?adir opciones de tama?o y color es súper fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522104757151-image.png)
- Haga clic en [Establecer imagen del producto].
Paso 8: Publicar el producto y previsualizarlo
- Haga clic en [Publicar].
- Ir a [Vista previa de los cambios
- Ver imágenes predefinidas en la página de listado de productos
![Imagen [12] - Tutorial de configuración de productos variables en WooCommerce: ?A?adir opciones de tama?o y color es súper fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522105107541-image.png)
- Acceda a la página de detalles del producto y elija libremente la talla y el color. El sistema también cambiará automáticamente la imagen y el precio.
![Imagen [13] - Tutorial de configuración de productos variables en WooCommerce: ?A?adir opciones de tama?o y color es súper fácil!](http://gqxi.cn/wp-content/uploads/2025/05/20250522105136965-image.png)
resúmenes
WooCommerce La función de producto variable es ideal para productos con varias tallas. Mientras configures los atributos y el tipo de variación, podrás hacer fácilmente la libre elección de tallas y colores, sin importar si se trata de ropa, zapatos, accesorios u otros productos. Sigue los pasos de este artículo para configurarlo paso a paso, y pronto tendrás una página de productos más completa, profesional y usable.
Enlace a este artículo:http://gqxi.cn/es/55648El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios