Diseño web con IA desde MX$ 3,828 · Ecommerce IA desde MX$ 6,713 · 10 % de descuento en webs y ecommerce pagando en una cuotaPedir presupuesto
PaísChile
MonedaMXN
Cómo crear productos variables en WooCommerce
Manuales de Uso

Cómo crear productos variables en WooCommerce

Estudio Ideas Internacional2 min de lectura

📖 Cómo crear productos variables en WooCommerce paso a paso (con imágenes)

¿Vendes productos en distintas tallas, colores o formatos? Entonces necesitas los productos variables de WooCommerce.
En esta guía aprenderás, paso a paso y con imágenes, cómo configurarlos en tu tienda online.


1. Crear un nuevo producto

👉 Ve a tu panel de WordPress → menú lateral Productos → clic en Añadir nuevo.

✦ Captura sugerida: pantalla de WordPress con el botón Añadir nuevo producto.


2. Completar la información básica

  1. Ingresa el nombre del producto (ejemplo: “Polera básica unisex”).

  2. Escribe una descripción larga para tus clientes.

  3. Añade la imagen destacada.

✦ Captura sugerida: formulario con título, descripción e imagen destacada.


3. Cambiar tipo de producto a “variable”

  1. Baja hasta la sección Datos del producto.

  2. En el desplegable, selecciona Producto variable.

✦ Captura sugerida: caja de “Datos del producto” mostrando la opción “Producto variable”.


4. Crear atributos del producto

  1. Ve a la pestaña Atributos.

  2. Haz clic en Añadir.

  3. En “Nombre” escribe el atributo, por ejemplo: Talla.

  4. En “Valores” agrega las opciones separadas con | → S | M | L | XL.

  5. Marca Usado para variaciones.

  6. Haz clic en Guardar atributos.

✦ Captura sugerida: pestaña “Atributos” con “Talla” y valores cargados.

👉 Puedes repetir el proceso para otro atributo (ejemplo: Color).


5. Crear las variaciones

  1. Entra a la pestaña Variaciones.

  2. En el desplegable selecciona Crear variaciones a partir de todos los atributos y haz clic en Ir.

  3. WooCommerce generará todas las combinaciones posibles (ejemplo: 4 tallas × 3 colores = 12 variaciones).

✦ Captura sugerida: pestaña “Variaciones” mostrando las combinaciones creadas.


6. Configurar cada variación

Haz clic en la flecha de cada variación y ajusta:

  • Imagen específica (ejemplo: polera roja).

  • Precio (obligatorio).

  • Stock (si usas control de inventario).

  • SKU (código único).

✦ Captura sugerida: configuración de una variación con imagen, precio y stock.


7. Publicar el producto

  1. Revisa que todas las variaciones tengan precio.

  2. Haz clic en Publicar.

  3. Abre tu tienda y verifica que aparezca el selector de atributos.

✦ Captura sugerida: vista del producto en la tienda con menú desplegable de tallas/colores.


🎯 Consejos finales

  • Usa fotos de calidad para cada variación.

  • Mantén orden en SKUs y precios.

  • No cargues demasiadas variaciones en un mismo producto para no afectar la velocidad.


Cómo crear productos variables en WooCommerce

← Volver al blog

¿Prefieres que lo hagamos por ti?

Nuestro equipo de soporte resuelve la configuración contigo.

Soportes, ideas & tendencias

Explora nuestras últimas Publicaciones & Guías

EstudioIdeas confirma actualización de seguridad PHP: nuestros servidores están protegidosSoportes22 Oct, 2026 • Estudio Ideas InternacionalEstudioIdeas confirma actualización de seguridad PHP: nuestros servidores están protegidosEstudioIdeas informa a sus clientes que completó la instalación y verificación de los parches de seguridad PHP, reforzando la protección de sus servi…Tutorial: configurar NIC Chile con Estudio IdeasTemas en General5 Oct, 2026 • Estudio Ideas InternacionalTutorial: configurar NIC Chile con Estudio IdeasAprende a conectar tu dominio .CL con Cloudflare desde NIC Chile. Sigue este tutorial paso a paso e ingresa los servidores de nombre indicados.MindCast: inteligencia artificial conectada con tu sitio webNuevos Servicios1 Oct, 2026 • Estudio Ideas InternacionalMindCast: inteligencia artificial conectada con tu sitio webConecta asistentes de inteligencia artificial con WordPress usando MindCast. Gestiona publicaciones y SEO con controles de acceso, límites de uso y m…Tutorial: configurar tu correo IMAP en la app Gmail del móvil Octubre 2026Soportes1 Oct, 2026 • Estudio Ideas InternacionalTutorial: configurar tu correo IMAP en la app Gmail del móvil Octubre 2026Aprende a agregar tu correo corporativo a Gmail en Android o iPhone con IMAP. Configura servidor, puertos y seguridad paso a paso.Cómo reparar una cuenta en Outlook tradicional paso a pasoSoportes30 Sep, 2026 • Estudio Ideas InternacionalCómo reparar una cuenta en Outlook tradicional paso a pasoAprende cómo reparar una cuenta en Outlook tradicional y solucionar errores de conexión, envío y recepción con esta guía paso a paso.IA trabajando directamente en nuestros servidores: así evoluciona la infraestructura de EstudioIdeasNuevos Servicios5 Sep, 2026 • Estudio Ideas InternacionalIA trabajando directamente en nuestros servidores: así evoluciona la infraestructura de EstudioIdeasEn EstudioIdeas incorporamos IA a nuestros servidores para monitorear, analizar y optimizar nuestra infraestructura junto a nuestro Watchdog.Tutorial paso a paso: Cómo instalar y conectar WooCommerce App en tu celularTemas en General26 Ago, 2026 • Estudio Ideas InternacionalTutorial paso a paso: Cómo instalar y conectar WooCommerce App en tu celularAprende cómo instalar y conectar WooCommerce App en Android o iPhone con tu tienda online. Tutorial fácil y paso a paso.Cómo conectar WooCommerce App con tu tienda usando un código QRTemas en General26 Ago, 2026 • Estudio Ideas InternacionalCómo conectar WooCommerce App con tu tienda usando un código QRAprende cómo conectar WooCommerce App con tu tienda usando un código QR desde tu computador. Tutorial fácil y paso a paso para Android y iPhone.
Experiencia desde 2008

Opiniones de nuestros clientes

Estudio Ideas Diseño Ltda52 reseñas Google
JJaviera Mollhace 1 añoG

Excelente servicio, nos ayudó mucho con nuestra web y el servicio es super personalizado, atentos a las consultas y necesidades que surgen.

Ggley guedezhace 2 añosG

Los recomiendo totalmente, responden al momento y mi pagina quedo muy linda y con detalle preciosos, aparte que te explican…

Ccarolina canaleshace 2 añosG

Excelente! Muy buena disposición, explicación, paciencia, realmente recomiendo el servicio con andres y su equipo

Nuestra atención
no termina con la entrega

¿NECESITAS AYUDA?

Siempre cerca, cuando nos necesites

¿Tienes una idea, una consulta o necesitas soporte?
Nuestro equipo está listo para ayudarte, con atención humana y directa. Ya sea para impulsar un nuevo proyecto, resolver una necesidad o acompañarte con soporte, siempre encontrarás en Estudio Ideas la solución que necesitas, seas un nuevo cliente o lleves años trabajando con nosotros.

ClaudeChatGPTGeminiGrokDeepSeekGoogleGoogle WorkspaceGoogle MeetMicrosoft 365ZoomMetaGoogle AdsAdobeWordPressWooCommerceElementorYoast SEOWP RocketcPanelWHMCloudflareBitNinjaWatchdogAnyDeskiOSTransbankWebpay PlusGetnetFlowClaudeChatGPTGeminiGrokDeepSeekGoogleGoogle WorkspaceGoogle MeetMicrosoft 365ZoomMetaGoogle AdsAdobeWordPressWooCommerceElementorYoast SEOWP RocketcPanelWHMCloudflareBitNinjaWatchdogAnyDeskiOSTransbankWebpay PlusGetnetFlow
estudioideas

Diseño web y tiendas ecommerce, marketing digital, Meta, Google Ads, hosting y vídeos. Más de 18 años de experiencia y más de 1.000 diseños realizados.

Publicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideasPublicación de Instagram de @estudioideas
Agendar