317 | Top 5 plugins de filtrado de productos de WooCommerce (gratis)

En el episodio 317 de WordPress semanal vemos las mejores opciones para que los visitantes de tu tienda online puedan filtrar productos de WooCommerce con muchísimo control. Y además solo te hablaré de plugins gratuitos. Vamos allá. Hola, hola. Soy Gonzalo Navarro y Bienvenidos al episodio 317 de WordPress Semanal, el podcast en el que aprendes WordPress en profundidad. Y hoy nos adentramos en algo muy concreto pero muy útil, y es la posibilidad de que los compradores, los clientes de tu tienda online con WooCommerce puedan filtrar con mucho control para poder así encontrar los productos que necesitan. Y vamos a hablar de cuándo merece la pena utilizar un plugin de filtros de productos, porque no siempre es necesario. Y luego te voy a hablar en detalle de los 5 plugins gratuitos más populares para que puedas elegir el que más se ajuste a tus necesidades. Así que si tienes una tienda online con productos de WooCommerce o tienes pensada crearla en algún momento, estoy seguro de que este episodio te va a interesar. ¿Pero todo esto en un momentito, porque antes vamos a ver las novedades qué está pasando en Gonzalo Navarro Es esta semana? Pues como siempre hay novedades, tenemos un vídeo nuevo de la Zona Código, es el vídeo 267 y en él te enseño a mostrar mensajes en las páginas de producto de WooCommerce. Precisamente esta semana hay un vídeo nuevo de la zona código relacionado con WooCommerce. Y básicamente lo que te muestro aquí es a través de código, que ya sabes, solo tienes que copiar y pegar como te muestro, no tienes que saber desarrollar, ni tienes que saber código ni nada, pues te enseño a mostrar mensajes, texto, lo que tú quieras. Incluso te explico cómo puedes darle estilos por CSS tanto en todas las páginas de producto, es decir, un mensaje global que se pueda mostrar en todas tus páginas de producto, en la típica ficha de un producto donde se ve la imagen y el botón de añadir al carrito y demás. Y también te enseño a hacerlo a nivel de una página de producto concreto. Esto lo hacemos mirando el identificador, el ID único de cada producto. Y así puedes mostrar un mensaje a través de código justo antes del botón de comprar. Por ejemplo, si tienes durante una semana, pues los gastos de envío son gratuitos, pues con un poquito de código lo puedes mostrar justo antes del botón de comprar en todas tus páginas de producto o si quieres mostrar en determinados productos un mensaje específico, pues también lo puedes hacer. Los que estáis apuntados en Gonzalo Navarro es a la suscripción, ya lo tenéis disponible. Y después en cuanto a los cursos, el más reciente publicado es el curso de test A B en WordPress con el plugin Nelio A B Testing. Si queréis descubrir con datos en lugar de con intuición cuál es la mejor versión de cualquiera de las páginas de tu web, cuál es la que mejor convierte, cuál es cuál hace que las personas estén más tiempo, cuál hace que las personas hagan más clic, pues este es vuestro curso. También disponible para los que estáis suscritos, recordad que la suscripción os da acceso a un nuevo curso al mes o uno renovado porque me gusta ir actualizando los cursos. Ya Hay más de 65, más de 265 vídeos de la zona código y además tenéis soporte conmigo para que me preguntéis las dudas que os vayan surgiendo en el día a día. Ya sabéis que tenéis toda la info en Gonzalo Navarro, es fantástico. Vámonos ahora con el plugin de la semana que se llama Pop Up Builder. Bueno, se llama, tiene un nombre mucho más largo, pero básicamente esa es la parte corta y te permite crear como su nombre indica, pop ups, ventanas emergentes. Y este es un plugin súper popular, está activo en más de 200 mil webs con WordPress porque la verdad que te da mucho control sobre qué tipo de ventana emergente quieres crear, sobre cuándo y cómo se va a mostrar y es muy fácil de usar, así que pues por eso es tan popular. Yo os enseño en la zona código, los que os gusta, digamos, ahorraros plugins y ver estas cositas por código, os enseño cómo crear ventanas emergentes. Creo que una os la enseño con JavaScript y otra os la enseño por CSS. No lo he puesto a las notas del episodio, a ver si me acuerdo y lo pongo, pero si no en la parte de snipers de código en Gonzalo es código. Si buscáis pop up os van a salir todos los vídeos que hay relacionados sobre eso. Por cierto, para ir a las notas del episodio, recordad que escribiendo en vuestro navegador GonzaloNabarro es 317, que es el número de este episodio. Vais directamente a las notas donde podéis ver en texto todo lo que os estoy comentando y además todos los enlaces que voy mencionando. Perfecto, pues ahora sí nos metemos de lleno plugins de filtros de productos de WooCommerce. Y vamos a empezar con cuándo merece la pena utilizar este tipo de plugins, que básicamente lo que hacen es permitir que un visitante llegue a la web y en lugar de simplemente tener un menú con las categorías de producto o una barra de búsqueda, pues se encuentra con muchísimas más opciones, como pueda ser filtrar por talla, filtrar por color, por modelo, imagínate que vendes coches y cualquier cosa que te puedas imaginar. Entonces ya con esto te puedes hacer una idea de cuándo merece la pena utilizar este tipo de soluciones. En primer lugar, cuando tengas un catálogo extenso de productos. Si tienes pocos productos tampoco es tan necesario, con un filtro básico, el que ya te aporta woocommerce o con una barra de búsqueda, pues seguramente lo tengas. Pero si la búsqueda sencilla se queda corta, por ejemplo, tienes muchas categorías de producto, muchos atributos o muchas variaciones de producto, por ejemplo, productos con diferentes tallas, productos con diferentes colores, productos que varían en tamaño y en características, pues sin duda necesitas un plugin de filtrado que permita filtrar productos en función de todos estos criterios. Y si lo haces, pues seguro o casi seguro mejorarás la experiencia de usuario de tus visitantes. Esto mejorará la retención de clientes, es decir, que no se vayan frustrados porque no encuentran lo que buscaban y finalmente repercutirá en conversiones, es decir, en más ventas. Suena muy bonito sobre el papel. Bueno, vamos a ver las soluciones que tienes para lograr esto y además de forma gratuita. Te voy a comentar los 5 mejores plugins que te permiten hacer esto y lo voy a hacer en orden de popularidad, es decir, en orden de en cuántas webs están activas o están activos en este caso los plugins. Vamos a comenzar con Woof. Woof o su nombre más largo, Product Filters for WooCommerce. Este plugin es freemium, todos los que voy a comentar, excepto el último son freemium, es decir, tiene una parte gratuita y luego una de pago que básicamente desbloquea opciones limitadas en la gratuita y normalmente lo que va a hacer es darte opciones extra, sobre todo en cuanto a diseño. Bien, este plugin Woof está activo en más de 100.000 webs con WordPress y permite filtrar por precio, atributos, es decir, talla, color, tamaño, etcétera. Categorías, etiquetas y otras taxonomías personalizadas que puedas tener, estas otras taxonomías ya entran dentro de la versión premium, al igual que el SKU, El número de serie del producto, esto entraría en la versión Premium. Metadatos como por ejemplo fecha y otras cosas más avanzadas, también te permite filtrar por ello, pero también entraría en la versión Premium. Permite habilitar la búsqueda por AJAX, es decir, que todos estos filtros o búsquedas que tú, que en este caso el cliente vaya haciendo, se carguen automáticamente en pantalla sin que haya que darle a filtrar y que la página se recargue. Y luego cuando tú creas un filtro, imagínate que vas a filtrar por categorías de producto, por si los productos están en stock, si están en oferta, que todo esto estaría incluido en la versión premium. La parte de esto casi todos lo hacen, te quitan estas opciones así un poquito más avanzadas, te las quitan y te las ponen en la versión de pago, que en este caso la versión de pago de este plugin está en Code Canyon, ya sabéis la empresa esta de Themeforest y es bastante barato, me parece que es unos 36 dólares o algo así. Y lo bueno es que en la versión gratuita es bastante amplia, bastante avanzada y puedes probar muchísimas de sus opciones, de hecho en muchos casos es más que suficiente. De hecho si eres desarrollador puedes utilizar su API y modificar también de forma relativamente sencilla si sabes programación o vamos, desarrollo para añadir cosas extra, por ejemplo no puedes poner en el filtro, la parte del filtro no te permite poner imágenes salvo que tengas la versión Premium o salvo que sepas desarrollar y puedas aprovechar, ya digo, sus filtros, los filtros de la API y demás, está bastante bien, bastante completo en su versión gratuita, así que una opción seguro que a tener en cuenta de nuevo se llama Wooff, recordad que lo vais teniendo todas las notas del episodio, Gonzalo Navarro es 317, ahí os pongo el enlace además a la página de la página gratuita en WordPress. Org para que lo podáis ver. Bien, nos vamos con el segundo que se llama WooCommerce Ajax Product Filter de la empresa y una empresa súper popular, creo que hace poco la vendieron a no sé a quién, la verdad no me acuerdo, pero creo que los creadores eran italianos y lo vendieron a alguien. Bueno, en cualquier caso muy popular. En cuanto a plugins de WooCommerce, pegaron un pelotazo, bueno, empezaron a estar en boca de mucha gente y tienen muchos plugins que están muy bien, ya digo, para WooCommerce en este caso pues es el típico plugin de filtrado de productos, también es freemium, es decir, tienen una versión gratuita activa en más de 100.000 webs con WordPress también al igual que la anterior, puedes colocar los filtros que crees a través de un shortcode, con un widget o con el bloque de Gutenberg directamente, de hecho los renovaron hace relativamente bueno el año pasado para que fuese mucha mejor la experiencia de añadirlo a través del editor de Gutenberg. También te permite filtrar en su versión gratuita por categorías, etiquetas y atributos y en su versión de pago por precio, valoraciones y productos en oferta, por ejemplo, así como otras opciones más avanzadas cuando te pasas a su opción premium de pago, sobre todo lo que obtienes además de estos filtros un poco más avanzados y poder filtrar de forma más visual, por ejemplo con la típica barrita de rango de precio, que tú puedes ir moviéndola en lugar de seleccionar simplemente los precios, pues la vas como moviendo, es más visual. Pues además de esto te da más opciones de diseño, controlar mucho más cómo se va a ver esa parte de filtrado. Para todos estos plugins que son suficientes o que te traen las opciones suficientes en cuanto a lo que tú quieres que tu cliente filtre, si sabes un poquito de CSS, por eso siempre lo recomiendo y es sencillo aprender, incluso hay herramientas que te lo facilitan, como la extensión de Style Bot, que además te explico cómo se usa en la zona código que puedes editar CSS sin realmente saber CSS, pues ayuda mucho porque te puedes saltar todas estas opciones de pago que casi siempre lo que te dan ya digo, es eso, más opciones de diseño y te da mucho control. Bueno, como digo, también una opción muy buena sin duda está activo en tantas webs que solo por eso merece la pena que lo pruebes de nuevo. Y WooCommerce Ajax Product Filter, por supuesto en su nombre ves que lleva Ajax Ajax, esto quiere decir que también tienes la posibilidad de habilitar, aunque en este caso creo que viene ya por defecto, que estos filtros que tú vayas haciendo tengan efecto en pantalla sin que la persona tenga que recargar la página, que esto es, muchas veces se busca esto en este tipo de plugins porque la experiencia del usuario es mucho mejor. Perfecto, nos vamos con el tercer plugin de la lista que se llama Advanced AJAX Product Filters. Este plugin también es freemium, es decir, tiene una versión gratuita, está activo en 50.000 webs con WordPress, la mitad que los dos anteriores, pero siguen siendo muchas, y también te permite mostrar los filtros que tú vayas creando, porque todos estos plugins tienen el mismo funcionamiento, te dan un panel de administración, tú vas creando los filtros que quieres, pues quiero crear un filtro donde se pueda categorizar por. Perdón, filtrar por categorías, atributos, que tú puedes elegir los atributos, por ejemplo, que se pueda filtrar por talla, por imagínate, color y no sé, tamaño, si es un producto que varía en cuanto a tamaño, tú lo creas, le das el diseño que quieras y ya lo colocas en las páginas que quieras o a través de un widget por si quieres que se muestren varias páginas a la vez. Y como el resto, pues en su versión gratuita te permite que se pueda filtrar por categorías, por atributos, por precio, y en su versión premium, pues te cuentan otras taxonomías, por si tienes taxonomías extra, rango de precio, es decir, filtrar por precio pero con la barrita esta que mueves por fecha, por ejemplo, y otros metadatos, o por ejemplo si está en stock, es decir, puedes filtrar por productos en stock o no en stock, incluso productos que estén en descuento. Si te fijas, casi todos permiten lo mismo y casi todos permiten unos gratuitos y digamos los más avanzados te lo llevan a la parte premium. En este caso la versión premium mejora lo gratuito, es decir, cuando estás configurando la parte administración, las posibilidades de filtrado, te da más opciones y además te añade widgets extra por si quieres poner como filtros individuales en distintas zonas de la web. De nuevo, Advanced AJAX Product Filter, recordad, están en las notas del episodio. Perfecto, nos vamos con el cuarto que se llama Product Filter by Wubi. Este plugin también es freemium, está activo en 30.000 webs con WordPress. La diferencia de este plugin con respecto al resto, por eso lo he incluido, es que es compatible con Elementor, no sólo con el editor de Gutenberg, sino también con Elementor, aunque también trae los típicos shortcuts para que puedas mostrar los filtros donde quieras. El diseño de este plugin en la parte de administración es como más visual, más arrastrando y soltando, aunque a mí personalmente me parece un poco abrumadora la experiencia, pero es porque tiene como muchas opciones y te lo quiero hacer todo muy visual. Este plugin te permite filtrar por precio, rango de precio, pero en su versión premium, categorías, etiquetas, atributos, por autor y luego en su versión Premium por productos destacados, productos en oferta, productos en stock, por productos, por cuántas valoraciones tiene un producto, por texto, incluso para encontrar un trozo de texto dentro de un producto. Esto es en su versión premium también. Y además de todo esto, en su versión Premium lo que ellos ofrecen es plantillas avanzadas y posibilidades mucho mayores en cuanto a diseño. De nuevo, este es un poco lo que buscan este tipo de plugins, que cuando aunque lo tengas tú todo lo que tú quieres, si quieres controlar cómo se muestra, que esto es algo muy importante para cualquiera que está diseñando una web, pues ahí ya te animan a que contrates su versión de pago. Y nos vamos con el quinto y último, recordad que los he ido ordenando en orden de popularidad, pero no quiere decir que éste sea peor que el resto, de hecho particularmente me gusta bastante y se llama Filter Everything, es decir, filtra cualquier cosa. Y es un plugin también, y es un plugin también freemium, aunque cuando salieron eran 100% gratuitos, entonces prácticamente es como si fuese gratuito. Ahora te explicaré qué es lo que te da la versión de pago, pero en su versión gratuita puedes hacerlo muchísimo. Está activo en más de 6000 webs, con WordPress ha crecido bastante, hace relativamente poco estaba activo en cientos de webs y te permite filtrar cualquier tipo de contenido personalizado. Ya sabéis que en WordPress podemos crear tipos de contenido personalizados más allá de páginas o entradas, y de hecho productos, que es lo que creamos cuando, o sea, lo que nos aparece cuando instalamos WooCommerce, es un tipo de contenido personalizado que nos añade el plugin WooCommerce. Por eso este plugin está enfocado, ya digo, no solo a filtrar productos de WooCommerce, sino también cualquier otro tipo de contenido. Pero bueno, centrándonos en los productos de WooCommerce, te permite filtrar por, yo diría que todo y además de forma gratuita en su versión gratuita por atributos, por categorías, por etiquetas, taxonomías, campos personalizados, descuentos, clases de envío, prácticamente cualquier cosa que te imagines. Este plugin es más minimalista en su parte de administración, esa es una de las cosas que seguramente hagan que me guste. Y sí que le falta estilo de diseño o opciones en cuanto a personalizar el estilo y el diseño. Si sabes un poquito de CSS como yo te decía, este plugin es ideal porque es como más minimalista por dentro en administración, es más fácil configurarlo y luego en la parte frontal tiene un estilo muy neutro para que tú después si quieres a través de CSS lo puedas mejorar o puedes coger la versión premium porque aporta compatibilidad con los Page Builders más populares del mercado. Un poco lo que hicieron para encontrar una opción de pago para su plugin es eso, darle compatibilidad pues por si tú diseñas con Elementor o lo que sea, que puedas aprovechar eso para darle aunque sea alrededor de toda la parte del filtro para darle un aspecto más chulo y poder colocarlo en tus diseños de nuevo. Se llama Filter Everything. Recordad que tenéis enlaces directos a sus páginas oficiales dentro de WordPress. Org en las notas del episodio en Gonzalo. Bueno, este es el top 5, realmente he cogido los 5 más populares. Si tú te vas a la página de WordPress. Org, a la parte de plugins y pones woocommerce Filter te saldrán más, pero claro, esos que te salen están por debajo de las 1000 instalaciones activas y seguro que hay alguna joyita por ahí que se puede destacar. Pero yo creo que esta recopilación te viene muy bien como punto de partida. Fíjate que son solo 5 y los puedes probar de forma sencilla. De hecho yo te recomiendo probarlos en alguna web de estas de usar y tirar, como el servicio Taste WP, del que os explico cómo usarlo en el curso de WordPress en local y pruebas y así lo podéis comprobar pues de forma rápida, sin tener que crear ninguna web en local y sin tener que hacer nada muy complejo. Perfecto, pues hasta aquí el episodio de hoy. No me voy sin antes daros las gracias por estar ahí al otro lado, por compartir el episodio o el podcast en general con personas a las que sepáis que le puede interesar, por dejar vuestras reseñas en Apple Podcast, vuestras estrellas en Spotify, vuestros comentarios en ivoox, cualquier acción que toméis, ya sabéis que siempre os agradezco muchísimo y si no, simplemente por estar ahí escuchando al otro lado, pues también me pone muy contento, como diría el Cholo Simeone. Nada más por este episodio, nos seguimos escuchando. Adiós.