¿Qué son y cómo usarlos?

Administrar una tienda en línea puede ser un desafío. Deberá organizar sus productos para que los clientes puedan encontrar los artículos que buscan. Afortunadamente, los bloques de filtro de productos de WooCommerce pueden agrupar y mostrar elementos especificados por el usuario en segundos.

Con los bloques de filtro de productos, puede organizar los artículos de su tienda WooCommerce según sus características. Estos pueden incluir sus precios, categorías, atributos o etiquetas. Luego, simplemente deberá insertar el bloque en una publicación o página, y sus clientes podrán encontrar resultados filtrados.

En esta guía, presentaremos todos los diferentes bloques de filtro de productos de WooCommerce y discutiremos por qué podría considerar usarlos. A continuación, te explicaremos cómo insertar y configurar estos elementos en tu tienda online. ¡Empecemos!

Tabla de contenido:

Una introducción a los bloques de filtro de productos de WooCommerce

WooCommerce tiene una colección de bloques de WooCommerce diseñados para permitir a los usuarios buscar productos específicos en su tienda en línea. Estos elementos interactivos permiten a los consumidores filtrar sus resultados y encontrar los artículos que mejor se adapten a sus necesidades.

Aquí hay una descripción general rápida de los bloques de filtro de productos gratuitos de WooCommerce:

• Filtrar productos por precio: este bloque permite a los clientes elegir un rango de precios usando un control deslizante y mostrar solo los artículos que se ajustan a ese rango.
• Filtrar productos por atributo: permite a los clientes buscar artículos según sus atributos, incluidos tamaños, colores y estilos.
• Filtros de productos activos: ayuda a los clientes a ver qué filtros ya han aplicado a su búsqueda para que puedan ajustarla.
• Filtrar productos por stock: este bloque muestra solo los artículos en stock, agotados o en espera.

Puede usar estos bloques en publicaciones, páginas y áreas de widgets. Al interactuar con el bloque, los clientes podrán elegir entre parámetros predeterminados para ver los resultados filtrados.

Si desea más flexibilidad para configurar filtros de productos, también puede instalar un complemento de filtro de productos de WooCommerce dedicado. Compartiremos algunas opciones de calidad más adelante en este artículo.

Por qué podría considerar usar bloques de filtro de productos de WooCommerce

Los bloques de filtro de productos de WooCommerce pueden mejorar significativamente la experiencia del usuario (UX) de su tienda en línea. Si tiene un amplio catálogo de productos, los clientes pueden pasar horas desplazándose por sus artículos mientras buscan los que se ajustan a sus necesidades. Sin embargo, es probable que se sientan frustrados y hagan clic para comprar en otro lugar.

Según los productos que venda, los filtros de productos permiten a los clientes buscar en su tienda colores, tamaños, ingredientes y marcas que se ajusten a sus necesidades. Además, los resultados se actualizarán en la misma página. Por lo tanto, los consumidores no necesitarán navegar a las páginas de categorías e interrumpir sus experiencias de compra.

Cómo usar los bloques de filtro de productos de WooCommerce

En esta primera sección, le mostraremos cómo usar los bloques de filtro de productos predeterminados que WooCommerce incluye automáticamente. Nuevamente, para una mayor flexibilidad, puede considerar uno de los complementos de filtro de productos de WooCommerce en la siguiente sección.

La mayoría de los bloques de filtro de productos de WooCommerce funcionan de la misma manera. Simplemente insertará el bloque y luego determinará qué característica del producto se muestra.

Puede encontrar todos estos bloques en WordPress haciendo clic en el botón + para insertar un nuevo bloque y buscando "filtro de WooCommerce:"

Tenga en cuenta que primero deberá agregar atributos, etiquetas, categorías y otras características a sus productos de WooCommerce. De lo contrario, no tendrá ningún dato para usar en su bloque.

Ahora, echemos un vistazo a cómo usar los bloques de filtro de productos de WooCommerce. Usaremos el elemento Filtrar productos por atributo como ejemplo.

Paso 1: agregue atributos a sus productos de WooCommerce

️ Nota : para otros filtros (como precio o existencias), no necesitará configurar ningún atributo.

Si aún no lo ha hecho, querrá agregar categorías, etiquetas y atributos a sus productos de WooCommerce. Estas taxonomías facilitan a los clientes la búsqueda de los artículos deseados. Además, los bloques de filtro de productos de WooCommerce no funcionarán sin estas clasificaciones.

Comience navegando a Productos > Atributos en su tablero de WordPress. Aquí puede crear nuevas clasificaciones para sus productos. Como puedes ver, ya tenemos Color y Talla en nuestra tienda online:

Deberá ingresar un nombre y un slug para su nuevo atributo. Luego, haga clic en Agregar atributo para guardar la clasificación. Tenga en cuenta que puede seguir el mismo proceso para las categorías (y subcategorías) y etiquetas de productos.

Luego, abra sus productos para agregar sus taxonomías. Puede hacerlo navegando a Productos > Todos los productos y haciendo clic en un artículo.

Ahora, desplácese hacia abajo hasta la sección Datos del producto y abra el menú Atributos :

Puede agregar atributos a su producto seleccionándolos del menú desplegable y haciendo clic en Agregar . Luego, elija la flecha desplegable junto al atributo para ingresar su información personalizada.

Por ejemplo, en nuestro ejemplo, hemos agregado rojo como atributo de color a nuestro producto:

Cuando haya agregado todas sus variables, haga clic en Guardar atributos . Ahora los clientes podrán encontrar artículos con estas características a través de su bloque de filtro de productos de WooCommerce.

Paso 2: inserte su bloque de filtro de producto

A continuación, deberá abrir la página o publicación en la que desea utilizar el bloque de filtro de productos. También puede considerar utilizar el elemento en una barra lateral en las páginas de su tienda para que los clientes puedan filtrar sus resultados mientras navegan.

Primero, deberá agregar el bloque Todos los productos a su página. De lo contrario, WooCommerce no podrá filtrar ni mostrar elementos específicos.

Puede hacerlo haciendo clic en el botón + y buscando "todos los productos". Seleccione el bloque y agréguelo a su página:

A continuación, busque "Atributo de filtro de WooCommerce:"

Haga clic en el bloque y se insertará en su página. Ahora puede buscar un atributo de producto o elegir uno de su lista desplegable. Usaremos Color en nuestro ejemplo:

Su bloque ahora se transformará para mostrar un nuevo título y una lista de los atributos de su producto elegido (como los diferentes colores del artículo):

Puedes dejar el bloque como está si te gusta cómo se ve. Alternativamente, en el próximo paso, discutiremos cómo personalizar la apariencia de este elemento.

Paso 3: Configure los ajustes del bloque

A continuación, puede personalizar la apariencia de su bloque de filtro de productos de WooCommerce. Simplemente haga clic en el bloque Filtrar productos por atributo y luego seleccione el ícono de engranajes a la derecha:

Aquí, puede elegir si desea mostrar su recuento de productos . Esta configuración podría ser útil si tiene un gran catálogo de artículos y desea brindarles a sus clientes una amplia gama para elegir.

También puede elegir el nivel de título para los atributos de su producto. El valor predeterminado es H3 , pero puede seleccionar de H2 a H6 para adaptarse a las necesidades estilísticas de su tienda.

Si se desplaza hacia abajo, debería ver algunas configuraciones adicionales en Configuración de bloqueo :

Aquí puede elegir su tipo de consulta . Si opta por And , WooCommerce solo mostrará productos que contengan todos los atributos especificados por el cliente. Mientras tanto, la opción O mostrará todos los elementos que tengan al menos uno de los atributos.

En Tipo de visualización , puede elegir mostrar sus atributos en formato de lista o menú desplegable. Ambas opciones son relativamente fáciles de usar.

Finalmente, puede optar por habilitar el botón Filtrar . Si lo activa, los clientes deberán hacer clic en Ir para filtrar sus resultados de búsqueda. Sin embargo, si lo deja desactivado, simplemente seleccionando uno de los atributos se actualizarán los productos mostrados.

¡Eso es todo! Su bloque de filtro de productos de WooCommerce ahora está listo para la acción:

Simplemente guarde y publique sus cambios. Los clientes ahora podrán filtrar sus búsquedas de productos con atributos específicos.

Una descripción general de los complementos de filtro de productos de WooCommerce

Además de los bloques gratuitos de WooCommerce, también puede acceder a complementos de terceros para agregar más flexibilidad para configurar sus filtros. Por ejemplo, el complemento de búsqueda de productos de WooCommerce contiene las siguientes opciones de filtro:

• Productos: muestra una colección de productos filtrados. Este bloque puede replicar la página de su tienda y representar elementos controlados por otros bloques de filtro de productos en la misma página.
• Buscar: crea una función de búsqueda filtrada para su tienda WooCommerce.
• Categorías: muestra productos que corresponden a categorías particulares, como tipo de ropa o género.
• Atributos: muestra productos con atributos específicos, como color, marca, tamaño, forma, marca o características particulares.
• Etiquetas: muestra productos que corresponden a etiquetas de productos, incluidos "destacado", "logotipo" o "tendencia".
• Precio: muestra los productos dentro de los parámetros de precio especificados.
• Calificación: Presenta los productos según su calificación promedio.
• Oferta: Muestra solo los productos que están en oferta.
• Stock: Muestra solo los productos que están en stock.
• Restablecer: permite a los clientes restablecer los parámetros del filtro de productos. Luego, pueden ver todos sus artículos disponibles o ingresar nuevas configuraciones para personalizar sus búsquedas.

Alternativamente, podría considerar usar el filtro de productos WOOF para el complemento WooCommerce:

Con este complemento, los clientes pueden filtrar artículos según sus categorías, atributos, etiquetas, taxonomías personalizadas y precios. Además, los resultados mostrados suelen ser más atractivos y personalizables que los bloques predeterminados de WooCommerce.

WooCommerce Product Filter by WooBeWoo es otra excelente opción freemium:

Puede usarlo solo o con Elementor para diseñar sus propios filtros de productos y condiciones de diseño. El complemento premium incluye características adicionales, como íconos de categoría, estilos personalizados y un botón de ocultar/mostrar filtros.

Comience hoy mismo con los filtros de productos de WooCommerce

Afortunadamente, también es muy fácil usar un bloque de filtro de productos de WooCommerce. Simplemente deberá agregar taxonomías, como categorías, atributos o etiquetas, a sus productos. Luego, puede usar el bloque de WooCommerce correspondiente junto con un bloque de Todos los productos en la página de su tienda.

Para obtener más flexibilidad, también puede instalar un complemento de filtro de productos de WooCommerce dedicado.

Si desea encontrar aún más formas de crear una mejor tienda de WooCommerce, también puede consultar nuestra colección de complementos imprescindibles de WooCommerce.

¿Tiene alguna pregunta sobre el uso de bloques de filtro de productos de WooCommerce? ¡Háganos saber en la sección de comentarios!