Un slider o carrusel de productos puede ser una buena forma de presentar una selección de productos, siempre que no se abuse de este recurso; recuerda que destacar diez, veinte o cien productos es lo mismo que no destacar ninguno: si los subes todos un escalón, de nuevo quedan todos al mismo nivel.
Pero usado con mesura, con tres o cuatro productos seleccionados en determinados momentos o fechas (si tienes un slider puesto siempre los clientes acabarán por ignorarlo más pronto que tarde) puede funcionar muy bien, ya que presenta al cliente los productos de una forma muy visual. Así que vamos a ver qué alternativas tenemos para crear un slider de productos en WooCommerce.
Tabla de contenidos
Carrusel de productos para Storefront
Si eres de los que usa Storefront en tu tienda (buena elección) lo tienes fácil, ya que hay un plugin gratuito específico para crear un slider (de entradas o de productos) para esta plantilla: Storefront Homepage Extra Sections.
El inconveniente es que no puedes poner este slider donde te dé la gana, sino que es específico para la página de inicio, más concretamente para el template de homepage que incluye Storefront. De hecho, lo que añade son algunas secciones extra para este template:
- Homepage Slider, que es la sección que nos interesa ahora mismo
- Storefront Tripple Widgets, una zona dividida en tres columnas para insertar widgets en ella
- Storefront Fullwith Widget, que genera un área de widget de ancho completo en la página de inicio
El funcionamiento es sencillo: instalas el plugin, lo activas y ya tienes una nueva sección en el personalizador (Apariencia > Personalizar > Homepage Slider Section) para crear y configurar el slider de productos.
La configuración es muy sencilla, y se realiza mediante unas cuantas opciones:
- Mostrar entradas destacadas o productos
- En qué dirección debe moverse el slider (sólo si la animación es deslizante)
- El tipo de animación al cambiar de producto (deslizar o aparecer/desaparecer)
- Qué productos mostrar (destacados, top ventas, novedades, mejor valorados, ofertas)
- Número máximo de productos a mostrar
Y hala, ya tienes tu slider de productos en la página de inicio. Si además usas el plugin Homepage Control podrás establecerlo en la posición de la página de inicio que quieras.
Algunas particularidades (serán ventajas o no en función de lo que busques) que presenta este plugin respecto a otros de este tipo son:
- Presenta los productos de uno en uno
- Muestra la descripción corta del producto
- No muestra el botón de añadir al carrito, sino un botón que lleva a la página del producto
Un buen slider de productos de WooCommerce: WooSlider
Si no usas Storefront, tendrás que recurrir a artillería pesada. Y en este caso me refiero a WooSlider (WooCommerce lo ha retirado del catálogo).
Vale, es un plugin premium y, aunque no es excesivamente caro, tampoco es de los baratos. Sin embargo, merece la pena por su calidad: es un plugin de WooThemes así que, ¿qué más garantía se puede pedir?
¿Estás construyendo tu tienda online o eres implementador WordPress?
¿Necesitas plugins de calidad y con soporte para implementar funcionalidades concretas?
Consigue todos los plugins a la venta en la sección de plugins de esta web y todos los que siga añadiendo. Acceso a los 96 plugins (y subiendo) con soporte directo del desarrollador, actualizaciones y uso ilimitado: úsalos en tantas webs como lo necesites.
Aunque WooSlider permite crear otros tipos de carruseles (en el menú Slideshows podrás encontrar las opciones y herramientas para ello), la funcionalidad de slider de productos es la más destacada y, además, muy sencilla de usar.
Funciona por medio de shortcodes, lo que te garantiza que podrás añadir un slider en prácticamente cualquier lugar de WordPress. Además, no necesitas recordar cuál es el shortcode (tampoco es muy difícil de recordar, ya que es [wooslider]) ni sus atributos, ya que puedes generarlo directamente en el contenido usando el botón Añadir objeto, como cuando vas a insertar una imagen en el editor, y seleccionando la nueva opción Slideshows.
En el caso concreto del slider de productos tendrás que establecer la opción Slideshow Type en Posts, y el selector Content Type en Productos. Así ya te aparecen todas las opciones disponibles al respecto: número de posts (en este caso de productos) a mostrar, si se usan las miniaturas para la paginación, el diseño, qué tamaño de imagen utilizar, si quieres enlazar el título al producto en sí, si aparece o no la descripción corta y/o el botón añadir al carrito…
Además un botón de ajustes avanzados te permitirá afinar más aún en cuanto a animación, paginación, dirección, controles, etcétera. Son todos los ajustes que tienes en la sección Slideshows > Settings del menú de administración, pero que puedes ajustar de forma individual también para cada carrusel.
Una vez configurado sólo tienes que pulsar en Insert Slideshow para que te genere el shortcode, que puedes copiar e insertar donde quieras, y te lo añada en el contenido que estuvieras editando (entrada, página, producto…).
La alternativa gratuita: WooCommerce Products Slider
Si prefieres utilizar un plugin gratuito, hay varias opciones. La que más instalaciones activas y mejor valoración tiene es WooCommerce Products Slider.
Y no es de extrañar, porque es un buen plugin: buena calidad y funcionalidades útiles. Tiene también una versión premium con varios estilos preparados para utilizarlos. Aquí puedes ver las demos de estos estilos, y verás que tienen muy buena pinta.
Pero hablaba de la versión gratuita, que ya de por sí es bastante completa. Funciona también mediante un shortcode ([wcps]), por lo que en este sentido tiene las mismas ventajas que WooSlider: puedes insertar el slider fácilmente en casi cualquier lugar. Échale un vistazo ya que merece la pena.
María dice
Se puede elegir que muestre los productos más recientes? O los más populares? Por ejemplo. Y el precio es una vez o hay que renovarlo cada año? Gracias
Rafel dice
Hola. Wooslider no está esta disponible en Woocommerce market
Saludos