Hace un tiempo vimos como organizar los productos de WooCommerce dentro de taxonomías personalizadas. Esto es algo necesario si las categorías y etiquetas no son suficientes. Por ejemplo en el caso de una librería online que quiere clasificar sus libros por autores, temas, editoriales, tipo de edición etc.

Ahora surge el siguiente problema, imagina que tienes miles de productos y tu cliente quiere hacer una búsqueda avanzada. Siguiendo con el ejemplo de la librería, quizás quiera buscar los libros de un determinado autor pero solo aquellos que están editados en versión de bolsillo.

Pues para resolver esto he encontrado un plugin muy sencillo de utilizar, así que voy a explicarte cómo hacerlo:

Cómo crear un buscador avanzado con el plugin Search & Filter

Search & Filter es un plugin gratuito que permite crear un buscador muy potente utilizando un shortcode. En este ejemplo lo estoy utilizando para WooCommerce pero realmente también es posible utilizarlo para posts, páginas o cualquier custom post type.

También dispone de una versión de pago que además deja filtrar las búsquedas por campos personalizados y autores, pero de momento con la versión gratuita es suficiente 😉

Dentro de la página de configuración del plugin tienes un completo manual de cómo crear el shortcode de tu buscador. Además el plugin te dice el nombre de las taxonomías de tus posts para que puedas utilizarlas:

crear un buscador avanzado para woocommerce con filtros y taxonomias

Tengo creadas dos taxonomías para el tipo de post “product”. Que es donde WooCommerce guarda todos los productos.

Este el shortcode que he generado y que te explico a continuación:

[searchandfilter fields=”search,temas,autores” post_types=”product” headings=”Título,Temas,Autor” submit_label=”Buscar” class=”buscadoravanzado”]

  • Dentro del parámetro “fields” debes incluir “search” para que aparezca el cuadro de búsqueda, además de las taxonomías que necesites
  • Dentro de “post_types” he incluido solo “product” pero puedes incluir “post” y “page” para que aparezcan también las entradas del blog y las páginas en los resultados de la búsqueda
  • En “headings” debes especificar el título de cada apartado de la búsqueda
  • “submit_label” hace referencia al texto que aparece en el botón de buscar
  • “class” a su vez permite añadir una clase CSS para poder dar estilos al buscador si sabes un poco de código

Yo he añadido el shortcode dentro de un widget de texto y resultado es este:

buscador avanzado en un widget

Aunque también puedes pegar el shortcode dentro de la página de inicio o donde consideres que es más útil.

Eso es todo, como ves es muy sencillo dotar a tu web de un buscador potente que ayude a tus clientes a encontrar cualquier cosa, mejorar la usabilidad de tu tienda online y por lo tanto vender más!

Comparte si te ha servido de ayuda!