Reel
Una galería de producto con zoom, lightbox y vídeo
Reel amplía la galería de un producto de WooCommerce con tres cosas que los clientes esperan de una tienda moderna: zoom al pasar el ratón sobre las imágenes de la galería, una lightbox accesible a pantalla completa y un vídeo de producto destacado (MP4/WebM o una URL oEmbed como YouTube o Vimeo). Todo se renderiza en el servidor y se completa con un único y pequeño archivo de JavaScript nativo: sin jQuery y sin salto de diseño.
Funciona con
Así se ve en la práctica
Una galería de producto vende cuando funciona bien
Los clientes quieren observar un producto de cerca y verlo en movimiento. Las galerías con mucho JavaScript suelen desplazar el diseño al abrir una vista previa y no se pueden manejar con el teclado.
- ✗ Sin zoom, los clientes no distinguen los detalles del producto
- ✗ Las galerías con mucho JavaScript ralentizan la página de producto
- ✗ Lightbox y vídeo que desplazan el diseño durante la carga (CLS)
- ✗ Una vista previa que no es accesible por teclado ni con lector de pantalla
Reel muestra el producto de cerca y en movimiento
- ✓ Zoom al pasar el ratón sobre las imágenes de la galería, con factor configurable y limitado al marco de la galería
- ✓ Una lightbox accesible a pantalla completa con soporte de teclado, que se cierra con Escape o al hacer clic en el fondo
- ✓ Un vídeo de producto destacado (autoalojado o oEmbed) en un marco responsivo 16:9
- ✓ Renderizado en el servidor más un pequeño archivo de JavaScript nativo en el pie, solo en la página de producto
Esto es lo que te ofrece la versión gratuita
Todo lo que necesitas para que la galería de producto sea rápida y accesible.
Zoom al pasar el ratón
Las imágenes de la galería se amplían suavemente al pasar el ratón, con factor configurable y limitado al marco de la galería.
Lightbox accesible
Haz clic o pulsa Enter/Espacio para abrir una imagen a pantalla completa, con trampa de foco y cierre con Escape o al hacer clic en el fondo.
Vídeo destacado
Un vídeo por producto (autoalojado como MP4/WebM o oEmbed) después de la galería o antes del resumen, en un marco 16:9.
Espacio reservado
Marcado consistente con espacio reservado: sin Cumulative Layout Shift.
Sin jQuery
Un único y pequeño archivo de JavaScript nativo en el pie, cargado de forma diferida y solo en la página de producto.
Interruptor por función
Activa el zoom al pasar el ratón, la lightbox y el vídeo de forma independiente; define el factor de zoom, la posición del vídeo y el autoplay en los ajustes.
Listo en tres pasos
Activa el zoom y la lightbox y luego añade un vídeo a un producto de prueba.
Instalar
Activa Reel junto con WooCommerce.
Activar funciones
En el menú de Reel, activa el zoom al pasar el ratón, la lightbox y el vídeo destacado, cada uno de forma independiente.
Añadir un vídeo
Define la URL del vídeo en el campo meta _reel_video_url del producto para mostrar un vídeo destacado.
Para quién está pensado
Cuando la página de producto vende a través del detalle y el movimiento, sin CLS ni jQuery.
Moda y estilo de vida
Zoom al pasar el ratón sobre tejidos y detalles, una lightbox cómoda con el teclado en el móvil.
- ✓ Zoom limitado al marco
- ✓ Trampa de foco
- ✓ Solo página de producto
Productos con vídeo de demostración
Un vídeo MP4 o de YouTube destacado en un marco 16:9 con espacio reservado.
- ✓ oEmbed
- ✓ Posición del vídeo
- ✓ Autoplay en los ajustes
Tiendas que cuidan las CWV
Un pequeño script en el pie en lugar de una galería pesada que desplaza el diseño.
- ✓ Sin CLS
- ✓ JavaScript nativo
- ✓ Interruptor por función
Qué añade PRO y por qué importa
Incrustaciones de vídeo externo
Pestaña Reel en el editor de producto: YouTube, Vimeo o una URL directa .mp4/.webm más un título opcional. Reproducción mediante el motor de medios del plugin gratuito Reel.
Galería por variante
Asigna a cada variante imágenes de galería desde la biblioteca de medios. La galería en la tienda cambia al seleccionar una variante y se restaura al reiniciar.
Vista de rotación de 360 grados
Imágenes de rotación ordenadas en la pestaña Reel; visor con arrastre, deslizamiento y control por teclado, con relación de aspecto reservada sobre la galería.
Reglas de autoplay para vídeos
Reel → Autoplay de vídeo: omitir el autoplay en móviles, reproducir solo en el área visible y respetar prefers-reduced-motion cuando el autoplay de FREE está activo.
CDN y carga diferida
Reel → Medios CDN: reescribir las URL de subida a un origen CDN y aplazar la precarga de las imágenes de rotación y los vídeos autoalojados hasta que sean visibles.
Qué incluye: FREE o PRO
PRO mantiene todo lo del plugin gratuito y añade los módulos siguientes.
Reel vs WooThumbs vs YITH WooCommerce Zoom Magnifier
How Reel compares to the popular WooCommerce product gallery plugins.
| Reel | WooThumbs | YITH Zoom Magnifier | |
|---|---|---|---|
| Free version | Yes | No | Yes |
| Hover zoom / magnifier | Yes | Yes | Yes |
| Accessible lightbox | Yes | — | — |
| Featured product video | Yes | Yes | — |
| Per-variation gallery | Pro | Yes | — |
| 360-degree spin | Pro | — | — |
| Open source (GPLv2) | Yes | Proprietary | Core GPL |
| Paid plan price | from €19/yr | ~$79/yr | from €49.99/yr |
Competitor data and pricing as of June 2026; check the vendors' sites for current pricing.
¿Necesitas rotación de 360 grados y reglas de vídeo? Reel PRO
FREE incluye el zoom al pasar el ratón, la lightbox y un vídeo destacado. PRO añade incrustaciones de YouTube/Vimeo, galerías por variante, rotación de 360°, reglas de autoplay y carga diferida de medios por CDN.
- ✓ Incrustaciones de vídeo externo, incluidas en PRO
- ✓ Galería por variante, incluida en PRO
- ✓ Rotación de 360°, incluida en PRO
- ✓ Reglas de autoplay, incluidas en PRO
- ✓ Carga diferida de medios por CDN, incluida en PRO
Soporte y recursos
Cada plugin tiene su propia documentación con guías de configuración. Los errores y preguntas van al repositorio público GitHub del plugin, respondemos abiertamente.
Preguntas frecuentes
¿Se necesita WooCommerce?
Sí. El plugin funciona con productos de WooCommerce.
¿Qué fuentes de vídeo se admiten?
Archivos autoalojados (MP4, M4V, WebM, OGV), reproducidos con el reproductor de vídeo nativo de WordPress, así como cualquier URL compatible con oEmbed (YouTube, Vimeo, etc.), que se incrusta automáticamente.
¿Usa jQuery?
No. Reel entrega un único y pequeño archivo de JavaScript nativo, cargado de forma diferida y en el pie, solo en la página de producto individual.
¿Provoca un salto de diseño (CLS)?
No. La lightbox es una capa fija que está oculta al principio, la transformación de zoom se limita al marco de la galería y el vídeo se sitúa en un marco con relación de aspecto fija que reserva su espacio ya antes de la carga.
¿Es accesible la lightbox?
Sí. La lightbox se maneja por completo con el teclado, mantiene el foco en su elemento de cierre, restaura el foco al cerrarse y se puede cerrar con Escape o al hacer clic en el fondo.
¿Combina Reel con Peek y Marks?
Sí. Peek añade una vista rápida a las listas de la tienda; Marks añade insignias CSS en las tarjetas de producto. Reel completa la página de producto con zoom, lightbox y vídeo destacado.
How does Reel compare to WooThumbs and YITH Zoom Magnifier?
Reel, WooThumbs, and YITH Zoom Magnifier all add hover zoom to the WooCommerce product gallery, but Reel offers a free version with an accessible lightbox and a featured product video, while Iconic's WooThumbs is paid only from about $79/yr. Reel gates per-variation galleries and 360-degree spin to its paid edition from €19/yr, capabilities WooThumbs and YITH cover in their premium products from around €49.99/yr. Pricing as of June 2026.
Añade una mejor galería de producto
Zoom al pasar el ratón, una lightbox accesible y un vídeo destacado con espacio reservado. La edición FREE completa bajo GPL.
Ver en GitHubFREE incluye zoom, lightbox y vídeo; PRO añade la rotación de 360 grados y las reglas de autoplay.