Marks
Insignias de producto sin saltos de diseño
Marks añade insignias a tus productos de WooCommerce. Las insignias automáticas aparecen solas según el estado del producto (oferta, nuevo, pocas existencias y más vendido), y a productos concretos puedes asignarles una insignia manual. El renderizado es solo con CSS, sin nada de JavaScript, así que las insignias nunca desplazan el diseño de la página.
Funciona con
Míralo en acción
Las insignias no deberían descuadrar el diseño de la tienda
Una tienda quiere destacar ofertas y novedades, pero las insignias que se cargan por script suelen desplazar las imágenes de producto y dificultan un aspecto uniforme entre las vistas de lista y la página de producto.
- ✗ Insignias cargadas por script que desplazan el diseño (CLS)
- ✗ Marcar ofertas y novedades a mano, producto a producto
- ✗ Sin un umbral sencillo para una insignia de pocas existencias
- ✗ Aspecto de insignia irregular entre la lista de la tienda y la página de producto
Marks muestra insignias sin saltos de diseño
- ✓ Insignias automáticas de oferta, nuevo, pocas existencias y más vendido según el estado del producto
- ✓ Renderizado solo con CSS, sin JavaScript, así que sin Cumulative Layout Shift
- ✓ Un umbral configurable para pocas existencias y una ventana de tiempo para novedades
- ✓ Insignias en la página de producto y en las listas de tienda y de categoría
Esto es lo que te ofrece la versión gratuita
Todo lo que necesitas para destacar productos sin penalizar el rendimiento.
Insignias automáticas
Oferta, nuevo, pocas existencias y más vendido aparecen solos según el estado del producto.
Umbral de pocas existencias
La insignia de pocas existencias aparece en cuanto la cantidad restante baja al umbral configurado.
Insignia manual
Una única insignia manual por producto con etiqueta y color, controlada mediante el meta del producto.
Solo CSS, sin JavaScript
Las insignias se muestran solo con CSS sobre la imagen del producto, sin saltos de diseño.
Lista y página de producto
Las insignias aparecen en la página de producto y en las listas de tienda y de categoría.
Interruptores y HPOS
Un interruptor global, interruptores por regla y compatibilidad con HPOS y los bloques de carrito.
Una etiqueta de oferta
Ocultación opcional del aviso de oferta estándar de WooCommerce cuando la insignia de oferta de Marks está activa.
Listo en tres pasos
Activa las insignias y comprueba el resultado en una lista de tienda.
Instalar
Activa Marks junto con WooCommerce.
Elegir las insignias
En el menú de Marks, activa las insignias y elige qué insignias automáticas se muestran.
Definir umbral y etiqueta
Define el umbral de pocas existencias y la etiqueta y el color de la insignia manual.
Para quién está pensado
Si quieres destacar promociones y novedades sin añadir JavaScript a cada cuadrícula de productos.
Ofertas y promociones de temporada
Insignias de oferta automáticas más una etiqueta manual «Última oportunidad» en SKU seleccionados.
- ✓ Oferta desde WooCommerce
- ✓ Insignia manual por producto
- ✓ Solo CSS
Tiendas con cuadrículas de productos densas
Insignias en listas y páginas de producto sin desplazar imágenes, algo clave para el CLS.
- ✓ Sin JavaScript
- ✓ Más vendido y nuevo
- ✓ Umbral de pocas existencias
Equipos de merchandising
Interruptores por regla y un umbral de existencias sencillo, en lugar de marcar cientos de productos a mano.
- ✓ Panel de Marks
- ✓ Ventana de 30 días para novedades
- ✓ Documentación en inglés y polaco
Qué añade PRO y por qué importa
Insignias de campaña programadas
Marks → Insignias programadas: etiqueta, color de fondo y de texto, ventana de inicio/fin opcional y segmentación por producto, categoría o etiqueta. Sin programación = siempre activa; sin objetivos = en toda la tienda.
Reglas condicionales
Marks → Ajustes: reglas para toda la tienda por categoría, límite de precio o pocas existencias, con estilo de etiqueta y color en los productos que coinciden.
Insignias de imagen
Pestaña «Insignias» en el editor de producto: URL de imagen (PNG/SVG), logotipo de certificación o de marca con 24 px de alto en las listas de productos y en las páginas de producto.
Conjuntos de etiquetas A/B
Marks → Ajustes: variantes de etiqueta que compiten y rotan entre los visitantes, con contadores de impresiones en el área de administración.
Qué incluye: FREE o PRO
PRO mantiene todo lo del plugin gratuito y añade los módulos siguientes.
Marks vs YITH Badge Management vs Sale Flash Pro
How Marks compares to the popular WooCommerce product badges plugins.
| Marks | YITH Badge Management | Sale Flash Pro | |
|---|---|---|---|
| Free version | Yes | Yes | No |
| Automatic sale badges | Yes | Yes | Yes |
| Low-stock badge | Yes | Yes | — |
| CSS-only, no JavaScript | Yes | — | — |
| Scheduled campaign badges | Pro | Yes | — |
| Image badges | Pro | Yes | — |
| Open source (GPLv2) | Yes | Core GPL | Proprietary |
| Paid plan price | from €19/yr | Paid only | ~$79/yr |
Competitor data and pricing as of June 2026; check the vendors' sites for current pricing.
¿Necesitas campañas y reglas? Marks PRO
FREE incluye insignias CSS automáticas y manuales. PRO añade insignias de campaña programadas, reglas condicionales, insignias de imagen y conjuntos de etiquetas A/B.
- ✓ Insignias de campaña programadas, incluidas en PRO
- ✓ Reglas condicionales e insignias de imagen, incluidas en PRO
- ✓ Conjuntos de etiquetas A/B con contadores de impresiones, incluidos 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 trabaja con productos de WooCommerce.
¿Cuándo aparece la insignia de nuevo?
En los productos creados dentro de la ventana de novedades, 30 días de forma predeterminada.
¿Cuándo aparece la insignia de pocas existencias?
En los productos con gestión de inventario cuya cantidad restante está en el umbral de pocas existencias configurado o por debajo de él.
¿Cómo añado una insignia manual a un producto?
Define la etiqueta y el color de la insignia manual en la pantalla de ajustes de Marks y luego asigna el meta de producto _marks_manual_text (y, opcionalmente, _marks_manual_style) en los productos que deban mostrarla.
¿Las insignias desplazan el diseño?
No. Las insignias se muestran solo con CSS sobre la imagen del producto, así que nunca provocan Cumulative Layout Shift.
¿Se puede combinar Marks con Peek y Reel?
Sí. Peek añade una vista rápida en las listas de tienda sin salir de la cuadrícula; Reel mejora la galería de producto en la página de producto. Los tres son de wppoland.com y prescinden de jQuery en las cuadrículas de productos.
How does Marks compare to YITH Badge Management and Sale Flash Pro?
Marks, YITH Badge Management, and Sale Flash Pro all add automatic sale badges to WooCommerce, but Marks renders them CSS-only with no JavaScript and offers a free version, where Sale Flash Pro is paid only from about $79/yr. Marks gates scheduled campaign and image badges to its paid edition from €19/yr, features YITH also offers in its premium tier. Pricing as of June 2026.
Destaca productos sin penalizar el rendimiento
Insignias automáticas y manuales, renderizado solo con CSS, sin saltos de diseño. La edición FREE completa bajo GPL.
Ver en GitHubFREE incluye insignias automáticas y manuales; PRO está pensado para reglas de campaña programadas.