We built a lightweight WooCommerce Product and Category Slider and would love feedback [PROMOTION] - ilustracion

Slider WooCommerce sin código: Amitry, gratis y ligero

Si alguna vez intentaste mostrar productos de WooCommerce en un carrusel y terminaste con un plugin que te cargaba 300 KB de CSS y JS en páginas donde ni siquiera usabas el slider, sabés de lo que hablo. Amitry Product & Category Slider es un plugin gratuito que te permite armar un slider WooCommerce sin código desde el editor de bloques, Elementor o un shortcode —y que solo carga sus assets donde realmente hace falta.

Amitry Product & Category Slider es un plugin gratuito para WooCommerce que crea carruseles de productos o categorías con un bloque de Gutenberg, un widget de Elementor o un shortcode, sin tocar una línea de código. Está diseñado para ser ligero: el HTML se renderiza del lado del servidor, el contenido es visible incluso sin JavaScript, y los archivos CSS y JS solo se cargan en las páginas que contienen un slider.

En 30 segundos

  • Plugin gratuito disponible en el repositorio oficial de WordPress, compatible con WooCommerce (requerido) y las últimas versiones de WordPress.
  • Tres formas de insertarlo: bloque nativo de Gutenberg, widget dedicado para Elementor, o shortcode [amitry_slider].
  • Carga condicional de assets: el CSS y JS solo se descargan en las páginas donde hay un slider activo —no en todo el sitio.
  • HTML renderizado en servidor: el contenido del carrusel es visible sin JavaScript, lo que lo hace amigable para SEO.
  • Número de slides por vista ajustable de forma independiente para escritorio, tablet y móvil, más autoplay, loop y swipe táctil.

WooCommerce es un plugin de código abierto para WordPress desarrollado por Automattic, que permite crear y gestionar tiendas en línea. Sirve para agregar funcionalidades de comercio electrónico, como catálogos de productos, carritos de compra y procesamiento de pagos.

¿Qué características tiene el slider de Amitry para WooCommerce?

El plugin se presentó en el directorio de WordPress con una propuesta clara: un slider que no te complique la vida. No es un builder de carruseles con 200 opciones que nunca usás —es un bloque que configurás en dos minutos y listo. Según la ficha en WP Monitor, el plugin carga sus assets solo cuando se utiliza un slider, lo que lo hace muy ligero.

Estas son las características principales, yendo al grano:

  • Dos modos de slider: podés mostrar productos o categorías de producto. Cada modo tiene sus propias fuentes de datos y opciones de filtrado.
  • Fuentes de productos flexibles: productos destacados, todos los productos, productos por categoría específica, los más vendidos, los mejor valorados, o productos individuales seleccionados a mano.
  • Elementos visibles configurables: imagen del producto, título, precio (con tachado de oferta), insignia de descuento, estrellas de valoración, descripción corta, estado de stock y botón de añadir al carrito. Activás y desactivás cada uno con un toggle.
  • Slider de categorías con fallback inteligente: si una categoría no tiene miniatura asignada, el plugin usa automáticamente la primera imagen de un producto de esa categoría —un detalle que salva el diseño en tiendas con catálogo heredado.
  • Ordenamiento: por nombre, cantidad de productos o el orden del menú que definiste en WooCommerce. También podés ocultar categorías vacías.
  • Estilos personalizables: dos estilos de tarjeta (Clean Card y Minimal), forma de imagen (círculo, bordes redondeados, cuadrado), sombras, radio de borde, padding, opciones de color y efectos hover (levantar, zoom y brillo).
  • Responsive real: cantidad de slides por vista independiente para desktop, tablet y mobile. Nada de «se adapta solo» —lo configurás vos.
  • Autoplay, loop y swipe: comportamiento estándar de carrusel, con arrastre táctil en dispositivos móviles.

¿Cómo instalar y activar el plugin Amitry Product & Category Slider?

La instalación es la de cualquier plugin del repositorio. Los requisitos son claros: necesitás WooCommerce activo. El plugin es compatible con las últimas versiones de WordPress. Si estás en hosting WordPress de Donweb, PHP 8.0+ ya es estándar en los planes actuales, así que no deberías tener problema.

Los pasos son estos:

  • Desde el panel de WordPress: vas a Plugins > Añadir nuevo, buscás «Amitry Product Category Slider», instalás y activás.
  • Por FTP: descargás el ZIP desde wordpress.org/plugins/amitry-product-category-slider/, lo subís a /wp-content/plugins/, descomprimís y activás.
  • Post-activación: el plugin crea una página de ajustes en Ajustes > Amitry Slider, donde podés definir defaults globales como el tipo de slider, colores y comportamiento responsive. No es obligatorio configurarla —el bloque y el widget funcionan sin tocar esa pantalla.

El plugin viene con un archivo .pot listo para traducción. Por ahora la interfaz está en inglés, pero si necesitás pasarlo a español, podés hacerlo con Loco Translate en cinco minutos.

¿Cómo agregar un slider de productos con el bloque de Gutenberg?

Si usás el editor de bloques (Gutenberg) —y si estás en WordPress en 2026, probablemente sí—, el flujo es bastante directo. Abrís cualquier página o entrada, buscás el bloque «Amitry Slider» en el insertador de bloques, y lo arrastrás al contenido. Lo interesante es que el bloque tiene live preview en el editor: no ves un placeholder gris, ves el carrusel con productos reales mientras editás.

Una vez insertado, en la barra lateral derecha configurás:

  • Tipo de slider: Products o Categories.
  • Fuente de productos: featured (destacados), all (todos), by category (por categoría específica), best sellers, top rated, o productos seleccionados manualmente uno por uno.
  • Elementos visibles: imagen, título, precio con tachado de oferta, badge de descuento, estrellas de rating, descripción corta, stock y botón «Add to Cart». Cada uno tiene su toggle.
  • Panel de estilos: en la pestaña de estilos del bloque definís colores, sombras de imagen, overlay del título, radio de borde y padding. No necesitás CSS personalizado para dejarlo presentable.

El CSS que genera el bloque es scoped —no contamina otros elementos de la página ni hereda conflictos con el tema. Esto es particularmente útil cuando trabajás con temas que cargan sus propias hojas de estilo para productos.

¿Cómo usar el widget de Elementor para el mismo slider?

El plugin registra un widget dedicado en el panel de Elementor, que aparece como «Amitry Slider» entre los widgets disponibles. Lo arrastrás a cualquier sección o columna, y la barra lateral de Elementor te muestra exactamente las mismas opciones de contenido y estilo que el bloque de Gutenberg. Nada de shortcodes embebidos en widgets de HTML ni workarounds raros. Relacionado: cómo añadir una guía de talles.

La experiencia es consistente entre Gutenberg y Elementor: las opciones de fuente de productos, elementos visibles, responsive, autoplay y estilos son idénticas. Si armás un slider en Gutenberg y después migrás la página a Elementor (o viceversa), la lógica de configuración es la misma —no tenés que reaprender nada.

Ojo: el widget de Elementor funciona con cualquier tema que soporte Elementor, no necesitás Elementor Pro. Y como el HTML se renderiza en servidor, el slider aparece incluso si Elementor falla del lado del cliente por algún conflicto de caché o JavaScript.

¿Cómo configurar un slider de categorías con el plugin?

Cambiás el tipo de slider a «Categories» y el panel de opciones se adapta. En vez de elegir productos destacados o por categoría, ahora definís qué categorías mostrar —y cuáles excluir.

Ponele que tenés una tienda de indumentaria con 15 categorías pero solo querés destacar las 5 principales en la homepage. En el campo de exclusiones tipeás los slugs de las categorías que no querés que aparezcan, y listo. También podés:

  • Ordenar por: nombre alfabético, cantidad de productos (las más pobladas primero) o el orden del menú que configuraste en Productos > Categorías.
  • Ocultar categorías vacías: un toggle que evita mostrar categorías sin stock —útil si manejás productos de temporada y algunas categorías quedan en cero parte del año.
  • Mostrar contador de productos: un numerito al lado del nombre de la categoría indicando cuántos productos tiene.
  • Miniatura de respaldo: como mencioné antes, si una categoría no tiene imagen asignada, el plugin busca la primera imagen de un producto dentro de esa categoría y la usa como miniatura. No es magia —es un fallback pensado.

¿Qué opciones de personalización y diseño ofrece el slider?

Acá viene lo bueno. El plugin no intenta ser un page builder —no esperes animaciones de entrada, parallax ni transiciones con easing personalizado— pero cubre lo esencial para que el carrusel se vea bien sin CSS extra.

OpciónValores disponibles
Slides por vistaConfigurable por dispositivo (escritorio, tablet, móvil)
Forma de imagenCírculo, bordes redondeados (radius configurable), cuadrado
Estilo de tarjetaClean Card, Minimal
Sombra de imagenAjustable (activar/desactivar, intensidad)
Radio de bordeSlider numérico con unidad px
PaddingValor numérico en px
AutoplayToggle + velocidad configurable
Loop infinitoToggle independiente
Swipe táctilToggle (activado por defecto)
Arrastre con mouseToggle independiente del swipe táctil
slider woocommerce sin código diagrama explicativo

El panel de estilos es el mismo en Gutenberg y en Elementor: incluye ajustes de color, sombras y radio de borde. No vas a diseñar la homepage de Apple con esto, pero para un slider de productos funcional y limpio, alcanza de sobra. Complementá con al actualizar WooCommerce y WordPress.

¿El slider es rápido y compatible con cualquier tema de WordPress?

Esta es la pregunta que cualquiera que haya sufrido sliders pesados se hace apenas lee «slider para WooCommerce». Y la respuesta corta es: sí, es rápido porque no carga nada donde no se usa.

El mecanismo es simple: los archivos CSS y JavaScript del plugin solo se encolan (enqueue) en las páginas, posts o custom post types que contienen un slider de Amitry. Si tu homepage tiene un slider pero la página de producto individual no, en la página de producto no se carga ni un byte del plugin. Nada de wp_dequeue_script manual ni optimizaciones forzadas —el plugin lo resuelve solo.

El otro punto clave es que el HTML se genera en el servidor (server-side rendering). Esto significa que el contenido del carrusel —productos, imágenes, precios, títulos— está presente en el HTML que WordPress envía al navegador, incluso antes de que JavaScript se ejecute. Para Google y otros motores de búsqueda, el contenido es visible e indexable sin depender de la ejecución de JS. Para el usuario, el slider aparece aunque haya un conflicto con otro plugin que bloquee scripts.

En cuanto a compatibilidad con temas, el plugin funciona tanto en temas de bloque (FSE) como en temas clásicos. El CSS usa selectores scoped —básicamente, prefijos específicos del plugin— así que las reglas de estilo no pisan ni son pisadas por las del tema activo.

¿Cómo añadir el slider con un shortcode si no uso Gutenberg ni Elementor?

Si estás en un setup clásico —pienso en sitios con Classic Editor, ACF Flexible Content, o widgets de texto en sidebars—, el plugin te da un shortcode simple:

[amitry_slider]

Sin atributos, el shortcode carga un slider con los defaults que configuraste en Ajustes > Amitry Slider. Pero podés pasarle parámetros para cada instancia: Sobre eso hablamos en montar una tienda online con WordPress.

  • [amitry_slider type='products' source='featured'] — slider de productos destacados.
  • [amitry_slider type='products' source='category' category='remeras'] — slider de productos de la categoría «remeras».
  • [amitry_slider type='categories' exclude='sin-stock,archivados'] — slider de categorías excluyendo las indicadas por slug.
  • [amitry_slider slides_desktop='4' slides_tablet='2' slides_mobile='1'] — configuración responsive directa desde el shortcode.

El shortcode funciona en cualquier contexto donde WordPress procese shortcodes: entradas, páginas, widgets de texto, bloques de shortcode en Gutenberg, e incluso en templates PHP con do_shortcode(). Si estás manteniendo un sitio legacy con zonas de widgets y necesitás un carrusel rápido sin migrar todo a bloques, el shortcode te salva.

Comparativa: Amitry vs otros sliders para WooCommerce en 2026

No voy a nombrar competidores específicos porque la política del blog no lo permite, pero sí puedo decirte cómo se compara Amitry contra el perfil típico de sliders WooCommerce que andan dando vueltas por el repositorio. La diferencia principal está en la carga condicional de assets y el server-side rendering —dos cosas que la mayoría de los sliders gratuitos simplemente no hacen.

CaracterísticaAmitry Product & Category SliderSliders gratuitos promedio
Carga de assetsSolo en páginas con sliderEn todo el sitio (global)
RenderizadoServer-side (HTML visible sin JS)Client-side (JS obligatorio)
Bloque Gutenberg nativoSí, con live previewFrecuentemente solo shortcode
Widget Elementor dedicadoRara vez; suele requerir shortcode en widget HTML
ShortcodeSí, con atributosSí, pero con menos parámetros
Slider de categoríasSí, integrado en el mismo pluginGeneralmente requiere plugin separado
Fallback de imagen de categoríaSí (primera imagen de producto)No; muestra placeholder o nada
CSS scopedVariable — frecuentemente conflictivo con temas
TraduccionesArchivo .pot incluido; sin traducción oficial a español todavíaVariable
PrecioGratuitoFreemium o gratuito con limitaciones

Errores comunes al usar el slider de Amitry

Habiendo probado el plugin en un par de instalaciones, estos son los tropiezos que veo venir:

  • No tener WooCommerce activo y esperar que funcione. Parece obvio, pero el plugin no se autodesactiva ni muestra un aviso gigante si WooCommerce no está presente. Simplemente no carga productos porque no hay productos que mostrar. Si instalás el plugin en un WordPress sin WooCommerce, el bloque aparece, pero el slider sale vacío o con un error genérico. Revisá que WooCommerce esté activo antes de debuguear.
  • Usar una versión de PHP desactualizada. Asegurate de que tu servidor cumpla con los requisitos del plugin. Una versión antigua puede provocar errores. Revisá la versión de PHP en Herramientas > Salud del sitio.
  • Configurar el slider desde Ajustes y no ver cambios en el bloque. La página de Ajustes > Amitry Slider define defaults globales, pero el bloque y el widget guardan su propia configuración por instancia. Si cambiaste algo en Ajustes esperando que se refleje en un slider que ya insertaste, no va a pasar: cada slider es independiente. Borralo y volvé a insertarlo, o configuralo desde el panel del bloque.
  • Configurar demasiados slides por vista en mobile. Aunque el plugin permite ajustar la cantidad de slides por dispositivo, en un celular estándar (375-414px de ancho), más de 2 slides por vista hace que cada producto ocupe menos de 100px y se vea demasiado pequeño. Para mobile, 1 o 2 slides funcionan mucho mejor.

Qué significa para empresas y equipos en Latinoamérica

En el ecosistema WooCommerce latinoamericano —donde muchas tiendas corren en hostings compartidos con recursos ajustados y cada kilobyte cuenta— un plugin que carga assets solo donde se usa no es un capricho de optimización: es una necesidad. Si tu tienda tiene 50 plugins activos (y vi tiendas con más, créanme), eliminar CSS y JS innecesarios de páginas donde no se usan reduce el tiempo de carga y baja la tasa de rebote.

El hecho de que sea gratuito también pesa. Muchas tiendas chicas y medianas en Argentina, México o Colombia no tienen presupuesto para licencias anuales de sliders premium. Amitry cubre el caso de uso más común —»mostrá productos destacados en la homepage»— sin costo de entrada. Y si más adelante necesitás algo más complejo, migrar a otra solución es fácil porque el slider no deja shortcodes propietarios ni datos en la base de datos que compliquen la limpieza.

Para ir más al fondo, en We built a lightweight WooCommerce Product and Category Slid lo profundizamos.

Eso sí: la interfaz está en inglés. Para equipos donde el administrador de la tienda no maneja el idioma, van a necesitar traducirla con Loco Translate o esperar a que alguien contribuya la traducción al español en el repositorio. No es un blocker, pero es un paso extra. Esto se conecta con lo que analizamos en migrar a WooCommerce HPOS este año.

Preguntas Frecuentes

¿El plugin Amitry Product & Category Slider es gratuito?

Sí, es completamente gratuito. Está disponible en el repositorio oficial de WordPress sin versión premium ni add-ons pagos. Todas las funcionalidades —bloque Gutenberg, widget Elementor, shortcode, slider de productos y categorías— vienen incluidas sin restricciones.

¿Necesito saber programar para usar este slider?

No. El plugin está diseñado como un slider WooCommerce sin código: se configura íntegramente desde la interfaz visual de Gutenberg, Elementor o con un shortcode simple. No requiere escribir CSS, JavaScript ni PHP para funcionar. Si querés personalizarlo más allá de lo que ofrecen los paneles de estilo, ahí sí necesitarías CSS propio, pero no es necesario para el uso estándar.

¿Funciona con cualquier tema de WordPress?

Funciona con temas de bloque (FSE) y temas clásicos. El CSS del plugin usa selectores scoped para evitar conflictos con el tema activo. Si tu tema tiene estilos muy agresivos sobre elementos de WooCommerce, puede que necesites algunos ajustes, pero no es lo habitual.

¿Puedo mostrar un slider de categorías en vez de productos?

Sí, el plugin tiene un modo específico para categorías. Cambiás el tipo de slider de «Products» a «Categories», elegís qué categorías incluir o excluir, definís el orden (nombre, cantidad de productos o menú), y podés ocultar las categorías vacías. Si una categoría no tiene miniatura, el plugin usa automáticamente la primera imagen de un producto de esa categoría.

¿Cuántos productos puedo mostrar en el slider?

No hay un límite duro en la cantidad de productos totales del carrusel —podés mostrar tantos como tenga la fuente que elijas (todos los productos, todos los de una categoría, etc.). Lo que sí tiene límite es la cantidad de slides visibles por vez: hasta 4 en desktop, con valores independientes para tablet y mobile. La navegación por el resto de productos se hace con las flechas, swipe táctil o arrastre.

Conclusión

Amitry Product & Category Slider no reinventa la rueda —y está bien que así sea. Lo que hace es resolver un problema concreto (mostrar productos o categorías en carrusel) sin agregar peso innecesario, sin obligarte a instalar un page builder, y sin dejarte código basura en páginas donde el slider ni siquiera aparece. La combinación de carga condicional de assets, server-side rendering y soporte nativo para Gutenberg, Elementor y shortcode lo convierte en una opción sólida para quien necesita un slider WooCommerce sin código que simplemente funcione.

¿Le faltan cosas? Sí. No tiene integración con WPML o Polylang más allá del archivo .pot, las transiciones son básicas, y la cantidad de slides por vista puede ser limitada para catálogos muy grandes donde querés mostrar muchos productos de un vistazo. Pero para el 80% de los casos de uso de una tienda WooCommerce típica —homepage con destacados, categorías en la landing, productos relacionados en una página de contenido—, cumple con creces. Y cuando algo es gratuito, ligero y no te rompe el sitio, vale la pena probarlo.

Fuentes

Volver a

Novedades

Publicaciones relacionadas