Imágenes adicionales por cada Variación de producto en WooCommerce

Artículo actualizado por la última actualización de WooCommerce 11.1

Imagina que vendes una sudadera en cuatro colores. El cliente entra en la ficha, elige «verde botella» y… ve una sola foto. Ni la espalda, ni el detalle de la costura, ni cómo queda puesta. Mientras tanto, la galería sigue enseñando fotos de la sudadera en negro (que es el color con el que hiciste la sesión de fotos, claro).

¿Qué hace ese cliente? O se imagina el resto, o se va a buscar otra tienda que se lo enseñe mejor. Y spoiler: la imaginación no suele convertir.

Esto ha sido así durante años en WooCommerce: cada variación solo podía tener una imagen. Si querías una galería completa por color, acabado o modelo, no quedaba otra que instalar un plugin. De hecho, cuando escribí la primera versión de este tutorial, la solución pasaba sí o sí por uno.

Pero esto ha cambiado. Desde WooCommerce 11.1, las galerías por variación vienen de serie en el core, sin plugins, sin extensiones de pago y sin tocar código. WooCommerce empezó a integrarlo en la versión 10.9 como una función que había que activar a mano, y ahora ya está activo en todas las tiendas.

Eso sí, que venga de serie no significa que sea automático para todo el mundo. Si ya usabas un plugin para esto, al actualizar te pueden surgir dudas: ¿se mantienen mis imágenes? ¿Tengo que desinstalar algo? ¿Sigue teniendo sentido el plugin?

En este artículo vamos a ver cuándo compensa realmente tener varias imágenes por variación, cómo configurarlo con la función nativa de WooCommerce paso a paso, qué hacer si tienes una versión anterior o necesitas algo más avanzado, y cómo actualizar sin romper nada si ya venías usando un plugin.

¿Tu tienda necesita varias imágenes por variación?

Antes de ponerte a subir fotos como si no hubiera un mañana, conviene hacerse una pregunta: ¿tus variaciones se ven realmente diferentes entre sí? Porque no todas las tiendas necesitan esto, y añadir cinco imágenes por variación sin motivo solo significa más trabajo de fotografía, más peso en la ficha de producto y más tiempo de gestión.

Piénsalo como un escaparate: si vendes el mismo jarrón en tres tamaños, con una buena foto y las medidas es suficiente. Pero si lo vendes en tres colores distintos, el cliente quiere ver ese color, no el que tú hayas elegido para la foto principal.

Cuándo sí compensa

La regla general es sencilla: si la variación cambia el aspecto del producto, merece su propia galería. Algunos ejemplos claros:

• Moda y complementos: colores, estampados o tejidos. El cliente quiere ver la prenda por delante, por detrás, en detalle y, si puede ser, puesta.
• Cosmética y belleza: tonos de maquillaje, colores de esmalte o acabados. Aquí una sola foto del bote se queda muy corta; lo que vende es ver el color aplicado, con distintas luces y sobre distintos tonos de piel.
• Muebles y decoración: acabados de madera, tapicerías, colores de lacado. Son compras de importe alto, y el cliente necesita ver el acabado de cerca antes de decidirse.
• Productos con modelos o diseños distintos: fundas de móvil, láminas decorativas, tazas personalizadas. Cada diseño es, en la práctica, un producto diferente.
• Productos con packs o configuraciones visibles: por ejemplo, un kit que incluye más o menos piezas según la variación. Enseñar qué incluye cada uno evita muchas preguntas (y alguna devolución).

Mi consejo personal: revisa tus emails y mensajes de soporte. Si aparecen preguntas del tipo «¿el color azul es más oscuro o más claro que en la foto?» o «¿me podéis enviar una foto del modelo X por detrás?», tus clientes te están pidiendo galerías por variación sin saberlo.

Cuándo no hace falta

Hay casos donde no aporta nada, y es mejor decirlo claro:

• Variaciones de talla: una camiseta en talla S y en talla XL se ve igual en foto. Aquí lo que necesitas es una buena guía de tallas, no más imágenes.
• Variaciones de capacidad o cantidad: 250 ml, 500 ml o 1 litro. Con indicar el tamaño (y como mucho una foto comparativa en la galería general) es suficiente.
• Variaciones técnicas: voltaje, tipo de enchufe o compatibilidad. Si el producto es idéntico por fuera, más fotos no ayudan a decidir.

¿Y si tu producto combina ambas cosas, por ejemplo color y talla? En ese caso asigna la galería por color y deja que la talla comparta las mismas imágenes. No hace falta repetir la misma sesión de fotos para la sudadera verde en S, M, L y XL.

Si tus variaciones están en el segundo grupo, puedes pasar directamente a mi guía para optimizar los productos variables en WooCommerce, donde verás otras mejoras que sí te van a sumar.

La novedad(Septiembre 2026): WooCommerce ya lo trae de serie

Durante años, la respuesta a «¿cómo pongo varias fotos en una variación?» era siempre la misma: instala un plugin. O la extensión oficial de pago, Additional Variation Images, o alguna alternativa gratuita del repositorio, como la de Radiustheme que recomendaba en la versión anterior de este artículo.

Eso se ha acabado. WooCommerce ha integrado esta funcionalidad directamente en el core, gratis y sin instalar nada. No es un caso aislado: forma parte de su iniciativa «more in core», la misma que ya trajo las marcas de serie en la versión 9.4. La idea es sencilla: si casi todas las tiendas acaban instalando un plugin para algo básico, lo lógico es que venga incluido.

La llegada de la versión 10.9 a la 11.1 de WooCommerce no lo activó de golpe para todo el mundo (y menos mal, porque con miles de tiendas usando plugins para esto, el caos habría sido épico). Lo hizo por fases:

• WooCommerce 10.9 (junio de 2026): la función llega al core, pero desactivada por defecto. Quien quería probarla tenía que activarla a mano.
• Versiones intermedias: WooCommerce la fue activando de forma gradual en un pequeño porcentaje de tiendas para detectar problemas antes del despliegue total.
• WooCommerce 11.1 (septiembre de 2026): se activa en todas las tiendas y desaparece la opción para desactivarla. Si tenías instalada la extensión oficial Additional Variation Images, se desactiva sola al actualizar para evitar conflictos, y tus galerías se siguen mostrando desde el core.

Cómo añadir imágenes a una variación (sin plugin)

Vamos a la práctica. Si ya has comprobado que tienes la función activa, añadir una galería a una variación es cuestión de un par de minutos por producto (lo que tardes en decidir qué foto va primero ya es otro tema).

1. Abre tu producto variable. Ve a Productos > Todos los productos y edita el producto al que quieras añadir las imágenes.
2. Entra en las variaciones. Baja hasta la caja Datos del producto y haz clic en la pestaña Variaciones.
3. Despliega la variación. Haz clic sobre la variación que quieras editar, por ejemplo «Color Camiseta», para abrir sus opciones.
4. Añade las imágenes. Donde antes solo podías poner una imagen, ahora tienes un único campo de imágenes para esa variación. Haz clic, selecciona todas las fotos que quieras desde la biblioteca de medios (puedes elegir varias a la vez) y confirma.
5. Ordénalas. Arrastra las imágenes para colocarlas en el orden que quieras que las vea el cliente, si más tarde quieres añadir más hazlo desde gestionar como te muestro en la próxima captura.
6. Guarda. Pulsa Guardar cambios en la pestaña de variaciones y después Actualizar el producto.

Repite el proceso con cada variación y listo.

Hay un detalle importante que cambia respecto a cómo funcionaba antes. Ya no hay una «imagen de la variación» por un lado y una «galería» por otro: WooCommerce lo junta todo en una sola lista ordenada como muestro en la imagen anterior, y la primera imagen se convierte automáticamente en la imagen principal de esa variación.

Esto tiene una consecuencia práctica: el orden no es decorativo. La primera foto es la que el cliente ve nada más elegir la variación, así que ahí debe ir la que mejor vende. Piensa en ella como la portada de un libro: el resto de imágenes están para confirmar lo que la portada ya ha prometido.

Mi consejo personal: primero la foto limpia del producto (fondo neutro, bien iluminado), después los detalles y, al final, las fotos de uso o ambiente. Es el orden en el que el cliente se hace las preguntas: ¿qué es?, ¿cómo está hecho?, ¿cómo me quedaría?

En la ficha de producto, mientras el cliente no elige ninguna variación, se muestra la galería general del producto de siempre. En cuanto selecciona una, por ejemplo el color, la galería cambia y muestra el conjunto de imágenes de esa variación como te muestro aquí:

Funciona tanto con la plantilla clásica de producto como con el bloque Galería de producto de los temas de bloques, así que en principio no depende de cómo esté construida tu ficha. Aun así, cada tema es un mundo: después de configurar tu primer producto, entra en la ficha como lo haría un cliente, cambia entre variaciones y comprueba que las imágenes cambian correctamente. Hazlo también desde el móvil, que es donde se ven la mayoría de estos fallos.

¿Y si necesitas algo más? La opción con plugin

Que WooCommerce lo traiga de serie no significa que los plugins hayan quedado obsoletos de un día para otro. La función nativa cubre lo básico, que es lo que necesita la mayoría de tiendas, pero hay dos situaciones en las que un plugin sigue teniendo sentido:

• No puedes actualizar WooCommerce todavía. Un tema antiguo, algún plugin incompatible, una tienda a medida que da miedo tocar… Pasa más de lo que parece. Si estás anclado en una versión anterior a la 10.9, el plugin es tu única opción sin programar.
• Necesitas funciones que el core no trae. La galería nativa hace una cosa y la hace bien: cambiar las imágenes según la variación. Pero si quieres controlar el diseño de la galería (cuadrícula en lugar de carrusel, estilos distintos por producto, tamaño de las miniaturas…), ahí el core no llega.

Si estás en alguno de estos dos casos, este es el plugin que llevo años recomendando.

Variation Images Gallery for WooCommerce

El que mejor me ha funcionado, y el que da menos problemas con la mayoría de temas para WordPress, es Variation Images Gallery for WooCommerce, de Radiustheme. Es gratuito y está disponible en el repositorio oficial de WordPress.

Además de permitir imágenes ilimitadas por variación, incluye opciones de diseño que el core no tiene, como la galería en formato cuadrícula o elegir un estilo de galería distinto para cada producto. También es compatible con plugins de selectores visuales de variaciones, algo que viene muy bien si quieres mostrar las variaciones como colores o imágenes en lugar del típico desplegable.

Configuración e instalación

Una vez instalado el plugin, primero hay que configurar sus opciones generales desde WooCommerce > Ajustes > Variation Gallery:

En el apartado General se configuran las opciones de diseño: tamaños de las imágenes, galería y otros ajustes. Merece la pena dedicarle un rato para que encaje bien con el resto de tu ficha de producto.

En el apartado Avanzado se configuran las funcionalidades: si la imagen permite hacer zoom, si se abre en un lightbox, la imagen de precarga, etc. Si quieres desactivar estas funciones por defecto, tienes este tutorial.

Si tienes dudas sobre para qué sirve cada opción, en este vídeo de YouTube te explico paso a paso cada una:

Con todo configurado, al abrir cada variación dentro del producto podrás añadir las fotos que necesites:

Ojo si ya tienes WooCommerce 11.1

Si instalas este plugin (o ya lo tenías) en una tienda con WooCommerce 11.1 o superior, vas a tener dos sistemas intentando hacer lo mismo: la galería nativa, que no se puede desactivar, y la del plugin. En el mejor de los casos no pasa nada; en el peor, galerías duplicadas o imágenes que no cambian bien al elegir la variación.

Mi consejo personal: si tu WooCommerce está actualizado y no necesitas ninguna de las funciones extra del plugin, quédate con la nativa. Un plugin menos es una actualización menos, un posible conflicto menos y una tienda un poco más ligera. Y si decides mantenerlo, pruébalo bien en staging antes. En el siguiente apartado vemos cómo hacer esa transición sin perder imágenes por el camino.

Si ya usabas un plugin: qué pasa al actualizar

Aquí está la parte que más dudas genera, y con razón: si llevas años con un plugin gestionando las galerías de tus variaciones, lo último que quieres es actualizar WooCommerce y encontrarte cientos de productos con una sola foto. Lo que ocurre depende de qué plugin estabas usando. Recuerda que antes de hacer cambios sería bueno tener una copia de seguridad.

Si usabas la extensión oficial (Additional Variation Images)

Es el caso más cómodo, porque WooCommerce lo ha preparado todo para que no tengas que hacer nada:

• Migración automática. Al actualizar, WooCommerce programa una tarea en segundo plano que copia tus galerías al nuevo sistema del core. Va por lotes de 250 variaciones y se repite sola hasta terminar, así que en tiendas grandes puede tardar un rato.
• No machaca nada. Si una variación ya tiene imágenes en el sistema nativo, la migración no las sobrescribe.
• La extensión se desactiva sola. Y si intentas volver a activarla, WordPress no te dejará, porque su función ya está en el core.
• Tus datos antiguos se conservan. WooCommerce no borra la información que guardaba la extensión, pero a partir de ahora deja de usarla. Los cambios que hagas en las galerías se guardan solo en el sistema nativo.

Si quieres comprobar que la migración ha terminado, ve a WooCommerce > Estado > Acciones programadas y busca las acciones del grupo woocommerce-db-updates. Cuando no quede ninguna pendiente, está hecho.

¿Y la suscripción que estabas pagando? WooCommerce va a retirar la extensión de su tienda y cancelará las suscripciones activas, con opción de pedir reembolso o crédito a su soporte. Estate atento al email, porque avisarán a los clientes afectados.

Si usabas un plugin de terceros (Radiustheme u otros)

Aquí la cosa cambia. La migración automática solo funciona con la extensión oficial: WooCommerce no sabe dónde guarda sus datos cada plugin de terceros, así que no puede copiarlos. Tus imágenes siguen en la base de datos, pero el sistema nativo no las ve.

Tienes tres caminos:

1. Mantener el plugin. Si te funciona bien y usas sus funciones extra, puedes seguir con él. Eso sí, pruébalo antes en staging con WooCommerce 11.1, porque ahora convivirá con la galería nativa (como vimos en el apartado anterior).
2. Pasar al sistema nativo a mano. Si tienes pocos productos variables, es lo más rápido y seguro: vuelves a asignar las imágenes a cada variación como vimos en el apartado 3 y, cuando termines, desactivas el plugin. Las imágenes ya están en tu biblioteca de medios, así que solo es cuestión de seleccionarlas.
3. Migrar con un script. Si tienes cientos de variaciones, hacerlo a mano no es una opción (salvo que te guste mucho pasar los domingos haciendo clic). En ese caso, lo razonable es un pequeño script que lea las imágenes guardadas por el plugin y las copie al sistema nativo. Si no te ves con ello, puedo ayudarte.

Ideas y consejos de uso

Tener la función activa es la parte fácil. Sacarle partido es otra historia. Estas son las ideas que más resultado me han dado con clientes y alumnos, según el tipo de tienda y algunos detalles técnicos que se suelen pasar por alto.

Si vendes moda y complementos

• Incluye al menos una foto con el producto puesto. La foto sobre fondo blanco sirve para ver el color; la foto puesta es la que hace que el cliente se imagine con ella. Si solo puedes permitirte una sesión con modelo, prioriza los colores que más vendes.
• Mantén el mismo orden en todas las variaciones. Si en el color negro la segunda foto es la espalda, que en el verde también lo sea. El cliente aprende rápido dónde está cada cosa, y comparar colores se vuelve mucho más fácil.

Si vendes cosmética o productos de color

• Enseña el color aplicado, no solo el envase. Un bote de esmalte cerrado dice muy poco del tono real. Una foto de uñas pintadas, otra con luz natural y otra con luz artificial responden a la duda que todo el mundo tiene: ¿es tan rojo como parece?
• Cuidado con la edición. Si retocas las fotos, que el color siga siendo fiel. Una galería espectacular que no se parece al producto real es la forma más rápida de llenarte de devoluciones.

Si vendes muebles o decoración

• Añade una foto de detalle del acabado. En productos caros, el cliente quiere ver la veta de la madera, la textura del tejido o el brillo del lacado de cerca. Es lo más parecido a tocarlo.
• Incluye una foto en ambiente por acabado. El mismo sofá en gris claro y en verde oscuro no queda igual en un salón, y eso es justo lo que el cliente está intentando imaginar.

Otros ajustes que puedes hacer en tus productos variables

• Usa el mismo tamaño y proporción en todas las imágenes. Si mezclas fotos cuadradas con verticales, la galería «salta» cada vez que el cliente cambia de variación, y queda poco profesional. Te explico cómo solucionarlo en mi tutorial para poner todas las imágenes al mismo tamaño en WooCommerce.
• Vigila el peso. Más fotos por variación son más kilobytes en la ficha de producto. Comprime las imágenes antes de subirlas y, si tu hosting o tu plugin de optimización lo permite, sírvelas en WebP. Tu velocidad de carga (y tus clientes en móvil) te lo agradecerán.
• Rellena el texto alternativo. Cada imagen nueva es una oportunidad de posicionar en Google Imágenes. Un texto alternativo como «sudadera verde botella vista trasera» ayuda mucho más que «IMG_4582».
• No subas las mismas fotos a todas las variaciones. Si varias variaciones comparten imágenes, probablemente no necesitan galería propia (vuelve al primer apartado). La galería general del producto está precisamente para las fotos comunes.
• Combínalo con un selector visual. Cuando el cliente pulsa una muestra de color y la galería cambia al instante, la experiencia es mucho más fluida que con un desplegable. Si todavía no lo tienes, revisa cómo mostrar un selector de variaciones en WooCommerce.

¿Cuando la variación merece su propia ficha? Si te encuentras subiendo diez fotos por variación, con descripciones que cambian y reseñas que tendrían más sentido por separado, quizá no estás ante variaciones sino ante productos distintos. En ese caso, puede compensarte tener fichas independientes y vincularlas entre sí como si fueran variaciones. Ganas en SEO, porque cada producto tiene su propia URL, sin perder la experiencia de navegación para el cliente.

Conclusiones

Si tienes WooCommerce actualizado y tus necesidades son las de la mayoría (enseñar varias fotos de cada color o acabado), usa la galería nativa y olvídate de plugins. Es gratis, viene mantenida por el propio equipo de WooCommerce y es un plugin menos que actualizar, vigilar y que pueda romperse. Y aquí quiero pararme un momento, porque creo que esta novedad dice mucho del rumbo que está tomando WooCommerce (y me parece el correcto).

Durante años, la respuesta a casi cualquier necesidad básica de una tienda ha sido «hay un plugin para eso». ¿Marcas? Plugin. ¿Varias fotos por variación? Plugin. Y así hasta que te encuentras con tiendas de 40 o 50 plugins activos, cada uno con su panel de ajustes, sus actualizaciones, sus avisos en el escritorio y su propia forma de hacer las cosas. Es como montar una cocina comprando cada electrodoméstico a una marca distinta: al final funciona, pero cada uno tiene su manual, su garantía y su forma de estropearse.

Mientras tanto, Shopify está más fuerte que nunca. Y una de las razones es precisamente esa: muchas de estas funciones básicas vienen incluidas de serie. El cliente abre su tienda y lo tiene todo ahí, sin buscar, comparar e instalar extensiones para cosas que deberían darse por hechas.

WooCommerce sigue teniendo ventajas enormes: la tienda es tuya, tus datos son tuyos, no pagas comisiones por venta a la plataforma y puedes personalizarla hasta donde quieras. Pero esa flexibilidad no puede ser excusa para que lo básico dependa de terceros. Si WooCommerce quiere competir de tú a tú, tiene que ponerle las cosas fáciles al que empieza, no solo al que sabe elegir y configurar plugins.

Por eso me parece una gran noticia que siga metiendo en el core funciones esenciales, como ya hizo con las marcas y ahora con las galerías por variación. Cuantas más cosas imprescindibles vengan de serie, menos plugins, menos conflictos, mejor rendimiento y menos tiempo perdido en ajustes. Ojalá sigan por este camino.

Así que reserva el plugin para cuando de verdad necesites algo que el core no hace, como vídeos en la galería de la variación o un diseño de galería distinto. Y no dejes que se quede instalado «por si acaso»: si no aporta nada, fuera.

Sea cual sea tu caso, la regla de oro es la de siempre: copia de seguridad, prueba en staging y revisa tus productos como si fueras un cliente, cambiando entre variaciones en ordenador y en móvil. Diez minutos de pruebas valen más que una tarde arreglando galerías rotas en producción.