Lookbook
Una galería comprable directamente desde una sola imagen
Lookbook convierte una sola imagen en una escena comprable. Sube una foto, coloca productos de WooCommerce como hotspots e incrusta el resultado con el shortcode [lookbook id="123"]. Cuando un cliente activa un hotspot, aparece una tarjeta de producto con miniatura, título, precio actual y un enlace de añadir al carrito, para que compre directamente desde la imagen.
Compatible con
Así se ve en la práctica
Una foto bonita todavía no vende
Un cliente ve una foto preciosa con varios productos, pero no puede saber de qué productos se trata ni cómo comprarlos. Cada persona tiene que buscar con esfuerzo cada producto en el catálogo, y la mayoría simplemente se rinde.
- ✗ Los clientes no reconocen qué productos aparecen en la foto
- ✗ Sin un camino de la inspiración al carrito
- ✗ Enlazar productos a mano bajo una foto es laborioso
- ✗ Las galerías pesadas ralentizan la tienda y desplazan el diseño
Lookbook convierte la imagen en una escena comprable
- ✓ Coloca tantos productos como quieras como hotspots sobre una imagen
- ✓ Una tarjeta de producto con miniatura, precio y botón de añadir al carrito
- ✓ Los datos se leen en vivo de WooCommerce, así los precios y el stock se mantienen actualizados
- ✓ Un frontend ligero sin jQuery y sin desplazamiento del diseño
Esto es lo que te ofrece la versión gratuita
Todo lo que necesitas para vender el look completo desde una sola imagen.
Imagen comprable
Coloca tantos productos como quieras como hotspots sobre una imagen.
Editor de hotspots sencillo
Posiciona cada producto mediante el valor porcentual X/Y (0-100).
Marcadores accesibles
Botones reales, manejables por teclado, con etiquetas para lectores de pantalla.
Tarjeta de producto como popover
Miniatura, título, precio actual y un enlace de añadir al carrito.
Desinstalación limpia
El plugin elimina sus datos al desinstalarse.
Shortcode
[lookbook id="N"] para incrustarlo en cualquier lugar.
Datos en vivo
Lookbook lee los productos de WooCommerce, de modo que los precios y el stock están siempre actualizados.
Seguro y rápido
Una imagen que falta, hotspots que faltan o productos eliminados se renderizan de forma limpia; sin jQuery y sin desplazamiento del diseño.
Listo en tres pasos
Crea una imagen comprable y añade tus primeros hotspots.
Instalar
Activa Lookbook junto con WooCommerce.
Crear un lookbook
En Lookbooks → Crear, define la imagen destacada y añade hotspots con los IDs de producto.
Incrustar
Inserta [lookbook id="123"] y comprueba el resultado en la tienda.
Para quién está pensado
Cuando varios productos se reúnen en una foto, un camino directo de la inspiración al carrito.
Moda y conjuntos
Un conjunto completo en una foto, en la que el cliente compra cada prenda mediante un hotspot.
- ✓ Hotspots sobre la imagen
- ✓ Tarjeta con precio
- ✓ Añadir al carrito
Interiorismo y ambientes
Una estancia con muebles y complementos, en la que cada producto se puede comprar allí mismo.
- ✓ Editor X/Y
- ✓ Tarjeta con precio
- ✓ Datos en vivo
Ideas de regalo
Una selección de regalos en una imagen en lugar de una larga lista de enlaces.
- ✓ Shortcode [lookbook]
- ✓ Datos en vivo
- ✓ Sin jQuery
Qué añade PRO y por qué importa
Color de acento para marcadores
Color personalizado para los marcadores de hotspot y el botón de añadir al carrito de la tarjeta de producto.
Galería en las tarjetas de hotspot
Muestra la galería de producto de WooCommerce como un pase de diapositivas deslizable (scroll-snap) directamente en las tarjetas de hotspot.
Varias imágenes por lookbook
Añade en la tienda más imágenes comprables con navegación por pestañas y hotspots propios por imagen.
Hotspots de vídeo
Coloca productos sobre un fotograma de vídeo, no solo sobre una imagen fija (disponible).
Estilos de animación (planificado)
Animaciones adicionales de marcadores y popovers más allá de los tres estilos de marcador gratuitos.
Análisis de clics
Análisis de los hotspots abiertos, los clics en las tarjetas de producto y la conversión de la imagen al carrito (disponible).
Qué incluye: FREE o PRO
PRO mantiene todo lo del plugin gratuito y añade los módulos siguientes.
Lookbook vs Shoppable Images vs WooCommerce Lookbook
How Lookbook compares to the popular WooCommerce shoppable lookbook plugins.
| Lookbook | Shoppable Images | WooCommerce Lookbook | |
|---|---|---|---|
| Free version | Yes | Yes | Yes |
| Shoppable image hotspots | Yes | Yes | Yes |
| Live product data in popover | Yes | Yes | Yes |
| Shortcode placement | Yes | Yes | Yes |
| Video hotspots | Pro | — | — |
| Click analytics | Pro | — | — |
| Open source (GPLv2) | Yes | Core GPL | Core GPL |
| Paid plan price | from €19/yr | from $39/yr | Free + premium |
Competitor data and pricing as of June 2026; check the vendors' sites for current pricing.
¿Necesitas más? Lookbook Pro
La versión GRATUITA cubre una sola imagen shoppable. Lookbook Pro añade el estilo de los marcadores, galerías de producto en las tarjetas de hotspot y más escenas shoppable.
- ✓ Color de acento para marcadores (disponible)
- ✓ Galería de producto en las tarjetas de hotspot (disponible)
- ✓ Varias imágenes por lookbook (disponible)
- ✓ Hotspots de vídeo y análisis de clics (disponible)
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í. Lookbook solo funciona si WooCommerce está activo. Cada hotspot apunta mediante el ID a un producto de WooCommerce y lee de él el título, el precio, la miniatura y el enlace de añadir al carrito. Si WooCommerce no está activo, el plugin no muestra nada en la tienda.
¿Cómo encuentro el ID de un lookbook?
Abre la lista de Lookbooks y edita el lookbook que quieras. El ID aparece en la URL de la página como parámetro post (por ejemplo, post=123). Usa ese número en el shortcode [lookbook id="123"].
¿Cómo posiciono un hotspot?
Cada hotspot tiene un valor X y un valor Y, que se introducen como porcentaje desde la esquina superior izquierda de la imagen, en el rango 0-100. Los introduces como números en el editor de hotspots de la página de edición del lookbook. Así alineas cada marcador con un producto de la foto.
¿Qué pasa si se elimina un producto vinculado?
Ese hotspot simplemente se omite al renderizar el lookbook. Lookbook no muestra ningún marcador para un producto que se haya eliminado o no esté publicado. El resto del lookbook se renderiza con normalidad, sin marcado defectuoso.
¿Puedo mostrar el precio y un botón de añadir al carrito?
Sí. Ambos son interruptores independientes en WooCommerce → Lookbook y se aplican a todos los lookbooks a la vez. Puedes sobrescribir el texto del enlace de añadir al carrito con una etiqueta propia; si lo dejas vacío, se conserva el texto de botón predeterminado de WooCommerce para cada producto.
¿Ralentiza mis páginas o desplaza el diseño?
No. La hoja de estilos y el script solo se cargan en las páginas que realmente renderizan un lookbook, y el script se carga de forma diferida. La imagen reserva su espacio, de modo que no hay Cumulative Layout Shift, y el plugin no usa jQuery.
How does Lookbook compare to Shoppable Images and WooCommerce Lookbook?
Lookbook lets you build accessible shoppable images with a simple hotspot editor and live product popovers for free, reserving video hotspots and click analytics for its paid edition from €19/yr. Studio Wombat Shoppable Images is a freemium plugin priced from $39/yr, and VillaTheme WooCommerce Lookbook offers a free version with a premium upgrade. All three place galleries via shortcodes and run on GPL cores. Pricing as of June 2026.
Vende el look completo
Hotspots de producto, una tarjeta con precio y botón de añadir al carrito directamente desde la imagen. La edición GRATUITA completa bajo GPL.
Ver en GitHubLa versión GRATUITA ofrece una imagen shoppable completa; PRO añade ya hoy color de acento para marcadores, hotspots de galería en las tarjetas, varias imágenes por lookbook, hotspots de vídeo y análisis de clics. Los estilos de animación están planificados.