Cómo agregar facetas y filtros en WooCommerce – guía paso a paso

Los grandes mercados de comercio electrónico albergan millones de productos digitales y físicos. Solo Amazon tiene al menos 362 millones de productos. ¿Alguna vez te has preguntado cómo los compradores en línea logran encontrar el producto exacto que necesitan en medio de tantas opciones?

Una de las características clave que hacen esto posible es la búsqueda por facetas.

Como propietario de un sitio web de WooCommerce, una de las formas más efectivas de mejorar la experiencia del cliente de su tienda es agregar facetas y filtros.

Los filtros de WooCommerce ayudan a los clientes a limitar las búsquedas seleccionando atributos para reducir sus opciones.

La búsqueda por facetas ayuda a sus clientes a navegar por su sitio más rápido y encontrar los productos exactos que necesitan.

En la mayoría de los sitios de comercio electrónico, la búsqueda de productos comienza con escribir una palabra clave en la barra de búsqueda. Si tiene una tienda grande con toneladas de productos, es posible que los visitantes terminen teniendo que desplazarse por varias páginas de resultados para encontrar lo que buscan.

Esto podría afectar negativamente la experiencia del cliente.

Puede evitar esto agregando facetas y filtros avanzados de WooCommerce a su tienda. Hacer esto mejorará significativamente su experiencia de búsqueda en el sitio de comercio electrónico.

En este artículo, le mostraremos la diferencia entre los filtros y las facetas de WooCommerce. Luego le mostraremos cómo agregar la característica a su sitio.

¿Qué son los filtros y facetas en WooCommerce?

Los filtros y las facetas son dos características importantes que encontrará en los sitios de comercio electrónico exitosos. Puede usar ambos elementos de la experiencia del usuario (UX) para mejorar la búsqueda de productos y la navegación del sitio en su tienda WooCommerce.

Pero funcionan un poco diferente.

Un filtro de WooCommerce es un atributo de producto que los visitantes pueden usar para restringir los elementos que se muestran en una página de tienda o en los resultados de búsqueda.

Por ejemplo, después de buscar una marca en particular, un cliente puede decidir filtrar los resultados según el color, el tamaño o la categoría del producto.

Los filtros de WooCommerce que se muestran en cualquier página de resultados de búsqueda o página de compras son siempre los mismos y no cambian según la lista de productos en la página.

Por ejemplo, es posible que una página de resultados de búsqueda no contenga ningún producto de 'Talla L', pero este filtro seguirá estando disponible. Por lo tanto, si un usuario selecciona el filtro 'Talla L', no arrojará resultados.

Las facetas son filtros avanzados. Son más específicos y siempre relevantes para la página en particular y los resultados de la consulta.

Las facetas de WooCommerce siempre cambian y se muestran en función de la consulta del usuario y siempre devuelven un resultado de búsqueda relevante.

Esto tiene beneficios obvios de usabilidad para las tiendas en línea.

Puede agregar este tipo de búsqueda avanzada de productos a su tienda utilizando un complemento de búsqueda por facetas de WooCommerce.

Este tipo de complemento lo ayudará a agregar facetas y filtros a sus páginas de categorías, páginas de tiendas y otras páginas como su base de conocimientos. También podrá personalizar ampliamente estas facetas para satisfacer sus necesidades únicas.

En el mundo real, los resultados se ven así:

Como podemos ver en el sitio web de Next, los filtros disponibles en cada página de categoría cambian según el producto que aparece en la página.

La implementación de facetas de esta manera ayuda a los visitantes de su sitio a explorar sus productos mucho más rápido.

Qué buscar en un complemento de búsqueda por facetas de WooCommerce

Si decide probar un complemento de búsqueda por facetas de WooCommerce, tendrá que elegir entre una gran cantidad de opciones. Al igual que casi todas las demás categorías de complementos de WordPress, existen muchos complementos de búsqueda.

Pero, ¿qué hace que un gran complemento de búsqueda facetado de WooCommerce?

Facilidad de uso

La experiencia de usuario de su tienda tiene un gran impacto en su capacidad para convertir y cumplir con las expectativas del consumidor. Por eso es importante asegurarse de que su complemento de búsqueda por facetas facilite a sus visitantes encontrar lo que buscan.

La primera consideración aquí es la relevancia de los filtros disponibles en cada página.

El complemento debe poder agrupar y mostrar filtros con una lógica que se adapte al comportamiento de búsqueda del cliente promedio.

Los filtros se pueden agrupar fácilmente según categorías de productos, atributos e incluso taxonomías personalizadas.

También querrás prestar mucha atención al diseño de UI/UX.

Por ejemplo, los filtros y las facetas deben colocarse en la esquina adecuada de la página (normalmente en la parte superior o en un widget de la barra lateral).

El número de estilos de visualización de filtros también es importante. Las opciones populares incluyen menús desplegables, casillas de verificación, botones de radio y controles deslizantes de rango.

¡Cuantas más alternativas tengas, mejor!

Un buen complemento de búsqueda por facetas de WooCommerce también debería ser fácil de usar en el back-end. Incluso los novatos de WordPress deberían poder configurar filtros y configurar otras configuraciones importantes en unos minutos.

Posibilidad de aplicar múltiples filtros simultáneamente

Esta es una característica importante que puede hacer o deshacer la experiencia de búsqueda. Asegúrese de que el complemento que elija le permita aplicar múltiples valores de filtro.

Esto se aplica tanto a los filtros del mismo grupo de filtros como a los filtros de diferentes grupos. Ser capaz de hacer esto puede ahorrarle mucho tiempo a su cliente.

Significa que ya no tienen que ver múltiples páginas de resultados de búsqueda solo para encontrar lo que buscan.

El complemento también debería ofrecer la opción de aplicar los filtros seleccionados de diferentes maneras.

Por ejemplo, aplicar la búsqueda instantánea de AJAX significa que los resultados relevantes aparecen inmediatamente después de que cualquier usuario seleccione un filtro.

Alternativamente, también debería poder agregar un botón 'Aplicar filtro' en el que el usuario pueda hacer clic después de seleccionar todos los filtros que desee.

Filtrado usando cualquier dato de producto

Hablamos sobre la importancia de agregar filtros y facetas relevantes a las páginas de su tienda anteriormente.

Hacer esto solo es posible si el complemento de búsqueda por facetas de WooCommerce le permite crear filtros basados ​​en prácticamente cualquier tipo de datos de productos.

Es posible que desee filtrar por cualquier tipo de atributo del producto, como tamaño, color, marca, etc.

Otros tipos de datos de productos que hacen que la búsqueda por facetas sea muy efectiva incluyen el filtrado por precio, calificaciones, categorías y etiquetas.

Con el complemento de filtro correcto, incluso puede agregar filtros para datos no predeterminados utilizando complementos de taxonomía personalizados como Easy Post Types y Fields.

Su complemento ideal debería admitir la creación de filtros con cualquier información del producto. Esto garantiza que no esté limitado a unos pocos conjuntos de opciones, independientemente del tipo de tienda que tenga.

Rendimiento y facilidad de desarrollo

El rendimiento es otro componente clave de la búsqueda de su tienda y la experiencia general del cliente.

Cada vez que un visitante aplica un filtro, el complemento comienza a buscar entre cientos o quizás miles de productos para encontrar la combinación adecuada.

Si el complemento no está bien optimizado para el rendimiento, puede tardar una eternidad en mostrar los resultados. Esto puede desanimar a algunos clientes o incluso hacer que abandonen su tienda por completo.

Además, es importante que el complemento obtenga resultados de búsqueda facetados precisos, sin abandonar nuestros determinados productos.

Un buen complemento de búsqueda facetado de WordPress también debe ser receptivo.

¿Los filtros se ven decentes en los dispositivos móviles? ¿Qué tan fácil es navegar por ellos y muestran los resultados rápidamente? Estas son preguntas importantes para las que necesita encontrar respuestas.

La facilidad de uso para los desarrolladores es igualmente importante.

El código de un buen complemento de búsqueda por facetas de WooCommerce debe estar escrito de una manera que sea fácil de editar. Esto es relevante para los usuarios que saben algo de PHP y CSS.

Significa que podrán modificar el comportamiento de búsqueda o personalizar la apariencia de los filtros en consecuencia.

Compatibilidad con otros complementos

Para obtener los resultados deseados en su tienda WooCommerce, es importante usar solo complementos que sean compatibles con otros complementos de WordPress.

Esto le ayuda a aprovechar la modularidad de la plataforma.

Por ejemplo, hay momentos en los que tiene sentido agregar un sistema de filtrado a las tablas de productos de WooCommerce. Ambas características requieren diferentes complementos de WordPress.

También es posible que desee que los visitantes de su sitio usen filtros cuando naveguen por su sistema de pedidos de restaurantes en línea.

En cada caso, necesitará un complemento de búsqueda por facetas de WooCommerce que funcione a la perfección con otros complementos de WooCommerce. Esto ayuda a que usted y sus clientes obtengan el tipo de experiencia de usuario que desean.

¿Cuál es el mejor complemento de filtro facetado de WordPress?

Para responder a esta pregunta, comparamos varios complementos de filtros facetados en función de los factores que mencionamos anteriormente.

Al final, nuestra elección número 1 para el mejor complemento de búsqueda facetado de WooCommerce es WooCommerce Product Filters.

Para empezar, este complemento de filtro facetado se destaca por brindar un sistema de búsqueda efectivo y preciso. Una vez que lo agregue a su sitio, sus clientes podrán combinar múltiples datos de productos para filtrar rápidamente sus ofertas de productos en todo el sitio.

El complemento ofrece un excelente rendimiento al indexar sus productos y brindar resultados de búsqueda relevantes al instante.

También obtiene mucha flexibilidad cuando se trata de mostrar sus filtros. Estos estilos de filtro se combinan con otras características de diseño de UI/UX que hacen que sea muy fácil para los usuarios navegar por su sitio y encontrar lo que buscan.

Echemos un vistazo más de cerca a las características clave del complemento.

Características clave de los filtros de productos de WooCommerce

Estas son algunas de las características clave de los filtros de facetas que WooCommerce Product Filters agrega a su tienda de WordPress:

• Cree filtros facetados utilizando cualquier dato de producto. Use los filtros de productos de WooCommerce para crear filtros basados ​​en etiquetas de productos, categorías, calificaciones y atributos como el color y el tamaño. También puede agregar taxonomías personalizadas como filtros. Cuando los visitantes del sitio aplican sus facetas seleccionadas, el complemento mostrará las facetas activas y el recuento de productos correspondiente en la página de resultados.
• Agregue facetas a las páginas de su tienda de múltiples maneras. Después de crear facetas basadas en datos de productos, también obtiene múltiples opciones para agregarlas a su tienda. Puede agregar facetas diseñando un widget de barra lateral desde cero y luego agregándolo a cualquier página que elija. Como alternativa, también puede crear grupos de facetas que son colecciones de facetas relacionadas. Los grupos te ayudan a agregar búsquedas por facetas a las páginas de tu tienda más rápido. Cada grupo de facetas tiene un código abreviado que puede copiar desde la página 'Grupos de filtro' en su tablero de WordPress.
• Elija entre varios estilos de filtro. Haz que la búsqueda por facetas de WooCommerce sea lo más interactiva e intuitiva posible. Obtiene una amplia variedad de estilos de visualización para elegir, según el tipo de filtro. Puede mostrar sus filtros como menús desplegables, casillas de verificación, botones de radio, muestras de color y controles deslizantes de rango. También puede configurar la búsqueda por facetas en un widget de la barra lateral o en la parte superior de la lista de productos.
• Rendimiento receptivo y búsqueda AJAX instantánea. El complemento ofrece resultados de búsqueda instantáneos, ya sea que use AJAX o el botón 'Aplicar filtro'. Esto es independiente de la cantidad de productos que tenga su tienda. También está bien optimizado para que su búsqueda facetada de WooCommerce funcione sin problemas en cualquier dispositivo desde el que visite su cliente.
• Compatibilidad con plugins y temas de WooCommerce. Ya sea que su tienda tenga una tabla de productos de WooCommerce o un sistema de pedidos de restaurantes, los filtros de productos pueden agregar un sistema de filtrado fácilmente. El complemento funciona a la perfección con algunas plantillas de inicio de Astra WooCommerce y no tuvimos ningún problema.

Ahora que sabemos con qué eficacia funcionan los filtros de productos de WooCommerce, le mostraremos cómo agregar facetas y filtros con él.

Cómo agregar búsqueda facetada y filtros a una tienda WooCommerce

¿Listo para agregar facetas y filtros avanzados de WooCommerce a su tienda?

Sigue estos 4 sencillos pasos:

Paso 1: Instale y active los filtros de productos de WooCommerce

Comience por obtener una copia de los filtros de productos de WooCommerce aquí.

Después de obtener el complemento, recibirá un correo electrónico con su clave de licencia y un enlace para descargar el complemento. Guarde esta clave de forma segura, ya que la necesitará para activar la licencia del complemento más adelante.

Inicie sesión en su panel de administración de WordPress y vaya a Complementos > Agregar nuevo > Cargar complemento .

Cargue el archivo .zip que descargó anteriormente y haga clic en Instalar ahora . Luego haga clic en Activar complemento .

Paso 2: Configure los ajustes del filtro de productos

Una vez que haya activado el complemento, se abrirá el asistente de configuración. Le pedirá que active su licencia y elija la configuración principal para sus filtros de productos de WooCommerce.

Estas son algunas de las configuraciones más importantes a tener en cuenta:

• Modo de filtro: esta sección le permite decidir qué sucede cuando los visitantes del sitio seleccionan filtros. Puede optar por aplicar los filtros inmediatamente después de seleccionarlos (AJAX) o solicitar al usuario que haga clic en el botón ' Aplicar filtros '.
• Recuento de productos: elija cómo mostrar la cantidad de productos relevantes para la selección del filtro. El recuento de productos se puede mostrar junto a cada filtro de producto individual. También puede optar por ambos métodos.
• Visibilidad del filtro: decida dónde mostrar los filtros que crea y qué filtros mostrar. Puede seleccionar un grupo de filtros para que aparezca en la parte superior de todas las páginas de su tienda. También es posible ocultar los filtros en dispositivos móviles y/o computadoras de escritorio para que los clientes puedan hacer clic en un botón para revelarlos en un panel deslizable. Esto es ideal para ahorrar espacio en la página.

Una vez que haya configurado la configuración predeterminada, es hora de crear su primer filtro facetado de WooCommerce. ¡Ahora ha agregado con éxito un complemento de búsqueda por facetas de WooCommerce a su tienda!

Paso 2: crea tus primeros filtros

Los filtros de productos de WooCommerce le permiten crear filtros y facetas en función de diferentes datos de productos. Puede usar datos simples como categorías, etiquetas, precio, calificaciones, valor 'En stock' o incluso taxonomías personalizadas.

Para hacer esto, vaya a Productos > Filtros en el administrador de WordPress.

En la pestaña Filtros , haga clic para editar el grupo de filtros predeterminado o cree uno nuevo. Busque el formulario Agregar nuevo filtro y complete la información necesaria.

Ingrese detalles importantes como el nombre del filtro, el tipo de filtro y los atributos del filtro como el color, las etiquetas y la categoría del producto.

El tipo de filtro se refiere al estilo de visualización, como menú desplegable, casillas de verificación o etiquetas. Hay muchas opciones de estilo para mostrar los filtros de productos de WooCommerce, así que elige la que proporcione la mejor experiencia al cliente para cada filtro.

Paso 4: Agrega filtros a cualquier página

Finalmente, puede agregar un grupo de filtros a cualquier página utilizando una selección de tres métodos.

Mostrar en todas las páginas de la tienda

El primer método es el más fácil. De hecho, ¡ya lo cubrimos! En el asistente de configuración, había una opción para seleccionar un grupo de filtros que aparecería en la parte superior de todas las páginas de su tienda WooCommerce.

Si ya lo hiciste, genial. De lo contrario, vaya a Productos > Filtros > Configuración y hágalo ahora.

Agregar widgets de filtro

Alternativamente (o además) de mostrar un grupo de filtros sobre las páginas de su tienda, puede agregar filtros como widgets de barra lateral.

Para hacer esto, vaya a Apariencia > Widgets .

Busque ' Filtros de productos ' y agréguelo a la parte de la página que desee. También puede elegir entre un diseño vertical u horizontal para los filtros.

Si su tema tiene áreas de barra lateral incorporadas, puede agregar widgets de filtro a cualquier barra lateral.

Los usuarios del tema Astra también pueden disfrutar de los beneficios de la barra lateral Off Canvas, donde los usuarios hacen clic en un botón o enlace para revelar una barra lateral oculta. Esta es una excelente idea si tiene muchos filtros y desea proporcionar filtros avanzados sin saturar la página.

También es útil si desea agregar otros tipos de widgets a la barra lateral oculta, además de los widgets de filtro.

Use un código abreviado para agregar filtros en cualquier lugar

Finalmente, puede obtener aún más flexibilidad utilizando un código abreviado para mostrar filtros en cualquier lugar de su sitio.

Esta es una buena opción si está utilizando un complemento de creación de páginas para diseñar las páginas de su tienda. Simplemente agregue el código corto a un bloque 'Código corto' en cualquier lugar de la página donde está enumerando productos.

Para encontrar el código abreviado, vaya a Productos > Filtros y copie y pegue el código abreviado para el grupo de filtros que desea mostrar.

Agregue la búsqueda por facetas de WooCommerce a su tienda hoy

La capacidad de descubrimiento del producto y la navegación del sitio forman una parte crucial de la experiencia del cliente de cada tienda WooCommerce. Con la búsqueda por facetas de WooCommerce, puede ayudar a los visitantes de su tienda a encontrar los productos exactos que necesitan más rápido.

Esto, a su vez, tendrá un impacto positivo en su tasa de conversión y en la satisfacción del cliente.

Puede mejorar la experiencia de búsqueda de su tienda agregándole un complemento de filtro facetado.

En este artículo, demostramos cómo usar filtros de productos para agregar facetas y filtros a su tienda WooCommerce.

¡Esperamos que estos sencillos pasos le hayan ayudado a mejorar la experiencia del cliente en su tienda!

Háganos saber si tiene alguna pregunta en la sección de comentarios a continuación.