Peek
Ver los productos sin salir de la lista de la tienda
Peek añade un botón de vista rápida a las listas de productos de WooCommerce. Un clic abre un modal accesible que carga el producto por AJAX: galería, precio, número de artículo, descripción corta y el formulario de añadir al carrito con soporte para variantes, sin salir de la lista. El script es Vanilla-JS puro, sin jQuery, y nunca provoca saltos de diseño.
Funciona con
Así se ve en la práctica
Cada clic en un producto corre el riesgo de perder al cliente
Para ver los detalles, el cliente tiene que abrir la página del producto y luego volver a la lista. Los modales con JavaScript pesado a menudo no se pueden manejar con el teclado y provocan saltos de diseño al abrirse.
- ✗ Los clientes pierden la referencia de la lista en cuanto abren una página de producto y vuelven
- ✗ Los modales con JavaScript pesado ralentizan la lista de la tienda
- ✗ Sin soporte de teclado ni de lector de pantalla en el modal
- ✗ Salto de diseño al abrir la vista previa
Peek muestra el producto justo donde está
- ✓ Un botón de vista rápida en las listas de productos de la tienda y del archivo
- ✓ El modal carga el producto por AJAX, sin salir de la lista
- ✓ El script es Vanilla-JS puro, sin jQuery, cargado en diferido e incluido en el footer
- ✓ Un modal con captura de foco, que se cierra con Escape o al hacer clic en el fondo, con atributos ARIA
Esto es lo que te ofrece la versión gratuita
Todo lo que necesitas para ofrecer a tus clientes una vista previa de producto rápida y accesible.
Modal por AJAX
Un clic en la vista rápida carga el producto por AJAX, sin salir de la lista de la tienda.
Contenido de producto completo
Galería, título, número de artículo, precio, descripción corta, formulario de añadir al carrito y un enlace a la página completa.
Soporte de variantes
El formulario de añadir al carrito admite productos variables mediante el propio script de variantes de WooCommerce.
Accesible
El foco salta al diálogo, queda capturado allí y vuelve al disparador al cerrarse. role=dialog con aria-modal.
Sin jQuery, sin CLS
Vanilla-JS en el footer, cargado en diferido; el modal permanece oculto hasta que se abre y por eso nunca provoca saltos de diseño.
Secciones configurables
Define la etiqueta del botón y elige en los ajustes de Peek qué partes se muestran en el modal.
Overlay sobre la imagen de vista previa
Con la colocación como overlay, la vista rápida aparece directamente sobre la imagen del producto al pasar el ratón o enfocar, sin aumentar la altura de la tarjeta.
Shortcode [peek]
Coloca un disparador de vista rápida en cualquier lugar, por ejemplo en una landing page o en tu propio contenido.
Listo en tres pasos
Activa el botón y pruébalo en un archivo de la tienda.
Instalar
Activa Peek junto con WooCommerce.
Configurar el botón
En el menú de Peek, activa la vista rápida y define la etiqueta del botón y el contenido del modal.
Comprobar la lista
Abre la página de la tienda y asegúrate de que el botón de vista rápida aparece junto a los productos.
Para quién está pensado Peek
Cuando los clientes exploran muchos artículos y deben mantener la referencia de la lista.
Moda y accesorios
Ver galería, precio y variantes en la vista previa, sin abrir cada página de producto una a una.
- ✓ Modal por AJAX
- ✓ Variantes en el modal
- ✓ Captura de foco
Alto porcentaje de móvil
Un modal cómodo con el teclado y sin salto de diseño, más práctico que la navegación completa en el móvil.
- ✓ Sin jQuery
- ✓ aria-modal
- ✓ Cerrar con Escape
Catálogos con alta tasa de rebote
Menos exploración abandonada, porque la decisión de compra se toma directamente en la lista.
- ✓ Botón en la lista
- ✓ Carrito en el modal
- ✓ Enlace a la página completa
Qué añade PRO y por qué importa
Vistos recientemente
Peek → Vistos recientemente: número de productos, columnas, título e inserción automática. El shortcode [peek_recently_viewed] funciona en cualquier lugar.
Carrusel de artículos similares
Al final del modal de vista rápida: productos similares como carrusel horizontal con scroll-snap y navegación hacia delante y atrás.
Swatches de variantes
Peek → Ajustes: chips de color, imágenes de vista previa de variantes o botones con etiqueta en lugar de desplegables dentro del modal.
Secciones propias en el modal
Peek → Ajustes: bloques de contenido adicionales (HTML) antes o después del botón de añadir al carrito o al final del resumen del modal.
Analíticas de vista rápida
Peek → Analíticas de vista rápida: aperturas del modal, clics de añadir al carrito desde el modal, así como conversiones e ingresos por producto.
Qué incluye: FREE o PRO
PRO mantiene todo lo del plugin gratuito y añade los módulos siguientes.
Peek vs WooCommerce Quick View Pro vs YITH WooCommerce Quick View
How Peek compares to the popular WooCommerce quick-view plugins.
| Peek | WooCommerce Quick View Pro | YITH WooCommerce Quick View | |
|---|---|---|---|
| Free version | Yes | No | Yes |
| AJAX quick-view modal | Yes | Yes | Yes |
| Variation support | Yes | Yes | Yes |
| Accessible, no jQuery, no CLS | Yes | — | — |
| Variation swatches | Pro | — | — |
| Quick-view analytics | Pro | — | — |
| Open source (GPLv2) | Yes | Proprietary | Core GPL |
| Paid plan price | from €19/yr | from $99/yr | Free + premium |
Competitor data and pricing as of June 2026; check the vendors' sites for current pricing.
¿Necesitas merchandising en el modal? Peek PRO
La versión GRATUITA ofrece una vista rápida por AJAX, rápida y accesible. PRO añade productos vistos recientemente, un carrusel de productos similares, swatches de variantes, secciones propias y una analítica de las vistas rápidas.
- ✓ Productos vistos recientemente, incluido en PRO
- ✓ Carrusel de productos similares, swatches y secciones propias, incluido en PRO
- ✓ Analítica de las vistas rápidas, incluido 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í. Peek requiere una instalación activa de WooCommerce.
¿Peek usa jQuery?
El propio script de frontend de Peek es JavaScript Vanilla puro, sin jQuery. Si un producto tiene variantes, se incluye el script de variantes que trae WooCommerce para que el formulario funcione como de costumbre.
¿Dónde aparece el botón de vista rápida?
En la página de la tienda y en las listas de archivo de productos (categorías, etiquetas, taxonomías), después de cada producto. Las páginas de producto individuales no cambian.
¿Peek provoca algún salto de diseño?
No. El modal permanece oculto hasta que se abre y se superpone a la página, de modo que al abrirse el contenido existente nunca se desplaza.
¿El modal es accesible?
Sí. El foco salta al diálogo y queda capturado allí, el modal se cierra con Escape o al hacer clic en el fondo, y el foco vuelve al disparador. El diálogo usa role=dialog con aria-modal.
¿Se puede combinar Peek con Marks y Reel?
Sí. Marks añade badges de CSS puro en las tarjetas de la tienda; Reel añade zoom, lightbox y un vídeo destacado en la página del producto. Juntos cubren la lista y la página del producto, sin JavaScript que desplace el diseño en las cuadrículas.
How does Peek compare to WooCommerce Quick View Pro and YITH WooCommerce Quick View?
All three add an AJAX quick-view modal with variation support, but Peek ships a free version that loads without jQuery and avoids layout shift, while Barn2's WooCommerce Quick View Pro is paid only from $99/yr. Peek reserves variation swatches and quick-view analytics for its paid edition from €19/yr, and YITH also offers a free plus premium model. Pricing as of June 2026.
Añade una vista rápida a tu tienda
Un modal AJAX accesible con galería, precio y botón de añadir al carrito. La edición GRATUITA completa bajo GPL.
Ver en GitHubLa versión GRATUITA es la vista rápida completa; PRO añade merchandising y analíticas directamente en el modal.