Cada web que diseñamos desde nuestra división de marketing online Marketing Partner tiene sus propias necesidades. En una de las últimas webs que hemos desarrollado nos hemos encontrado con la necesidad de tener un sistema de búsqueda con filtros para WordPress. Aquí es donde el plugin Search & Filter vino en nuestra ayuda.

Pero ¿a qué nos referimos con un sistema de búsqueda con filtros? Pues nos referimos, por ejemplo, a esos sistemas que nos permiten filtrar los resultados de una búsqueda según una serie de criterios. Un ejemplo estupendo lo tenemos en los sistemas incorporados al respecto en una tienda online, como por ejemplo Amazon.

Ejemplo de sistema de búsqueda con filtros para WordPress

Como íbamos diciendo, en Amazon por ejemplo podemos comprobar cómo funciona un filtro para delimitar los resultados de una búsqueda. Imaginemos que estamos interesados en cámaras reflex. Si seleccionamos como departamento para buscar “cámaras reflex digitales”, llegaremos a la página principal de resultados: https://www.amazon.es/b/ref=sr_aj?node=930862031&ajr=0.

Sistema de búsqueda con filtros para WordPress: Ejemplo, Amazon

Como podéis ver, a la izquierda de la pantalla nos aparecen, en la barra lateral, una serie de filtros que nos servirán para filtrar los resultados. Entre otros, los siguientes:

  • Resolución
  • Zoom óptico
  • Tamaño de la pantalla
  • Tipo de visor

Estos filtros nos sirven para delimitar los resultados de nuestra búsqueda.

Naturalmente, en el caso de tiendas online hay muchas y diversas opciones para implementar estos filtros. Pero a veces surge la necesidad de aplicar estos filtros en otros escenarios.

Por ejemplo, si deseamos filtrar un blog no sólo por categorías y etiquetas, sino por otras características, o como el caso de la página web que nos ocupa, espectáculos hoy, en la que necesitábamos un buscador con tres filtros que pudieran funcionar juntos: “Espectáculos para…”, “Espectáculos de…” y “Espectáculos en…”.

Search & Filter, un plugin para crear un sistema de búsqueda con filtros

Dado que la página de “Espectáculos Hoy” no tenía la estructura de una tienda online, nos encontramos con que la cantidad de plugins disponibles para realizar la tarea era mucho más limitada.

Teníamos dos candidatos principales. Uno de ellos era WordPress Meta Data and Taxonomies Filter (MDTF) y el otro el ya mencionado Search & Filter.

Descartamos el primero porque su configuración resultaba bastante farragosa y porque algunas funciones que necesitábamos resultaban mucho más sencillas con el segundo plugin.

Funcionamiento del plugin Search & Filter

Una vez instalado el plugin Search & Filter (para lo cual sólo tenemos que irnos a nuestro escritorio, a plugins, añadir nuevo y buscar “Search & Filter”) y activado, nos aparecerá en el menú de administración una nueva entrada llamada precisamente Search & Filter y que básicamente es la documentación del uso del plugin.

El plugin funciona con shortcodes, esto es, con fragmentos de código que se introducen en un cuadro de texto, tanto en una entrada o página como en un widget de texto, de cara a usar los filtros en una barra lateral.

El shortcode básico es:

[searchandfilter taxonomies=”category,post_tag”]

En la documentación se nos muestra toda una serie de argumentos u opciones que se pueden añadir al shortcode para estructurar los filtros.

Los ejemplos son muy numerosos, pero entre otras cosas podemos, por ejemplo, filtrar los resultados de nuestra búsqueda por categorías, etiquetas, taxonomías especiales (que es el sistema que hemos utilizado en el sitio web que mencionábamos), etc.

También podemos definir el texto del botón del filtro, cómo aparece, etc.

Podéis ver diferentes posibilidades en la siguiente página:

También es reseñable que las URLs que crea el buscador de Search & Filter tienden a ser bastante amigables, incluyendo en ellas los términos de búsqueda.

Dando formato a nuestro sistema de búsqueda con filtros para WordPress

En cuanto a la integración del plugin con el aspecto general de nuestro sitio web, aquí se requiere un pequeño esfuerzo de adaptación, mediante el uso de CSS. Nada que resulte excesivamente complicado para aquellos que tengáis conocimientos básicos del uso de hojas de estilo.

Para aquellos que no tengáis tal conocimiento, o al menos la base de cómo cambiar el CSS de una página determinada, estamos preparando un tutorial que os enseñará a averiguar los selectores que debéis usar para el código CSS de los resultados del plugin.

No es demasiado difícil y puede ser un buen primer paso de cara a usar vuestras propias hojas de estilo personalizadas.

Aprovechamos para recordaros que podemos encargarnos de realizar todas las labores de diseño de vuestro sitio web. Contactad con nosotros en el 91 218 13 79.

Como ya hemos dicho, el plugin “Search & Filter” nos puede resultar muy útil en diversos escenarios. Pero si se trata de una tienda online basada, por ejemplo, en WooCommerce tenemos muchas más opciones que resultarán, en muchos casos, más adecuadas para tener un sistema de búsqueda con filtros para WordPress.

Esperamos que os haya resultado útil nuestro artículo de hoy. Dejadnos vuestros comentarios.