Bloques de filtro de productos de WooCommerce: 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, Bloques de filtro de productos de WooCommerce puede 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 contenidos:
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.
Con los filtros de productos, puede permitir que los consumidores busquen artículos de acuerdo con parámetros específicos. Probablemente hayas visto esta función en las principales páginas de tiendas de comercio electrónico:
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.
Puedes encontrar todos estos bloques en WordPress haciendo clic en el + botón para insertar un nuevo bloque y buscar “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. Estaremos usando el Filtrar productos por atributo elemento 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 tu panel de WordPress. Aquí puede crear nuevas clasificaciones para sus productos. Como puedes ver, ya tenemos Color y Tamaño en nuestra tienda en línea:
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 elemento.
Ahora, desplácese hacia abajo hasta la Datos del producto sección y abra la Atributos menú:
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 un Color atributo 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.
En primer lugar, deberá agregar el Todos los productos bloquear 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. estaremos usando 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 Filtrar productos por atributo bloque y luego seleccione el ícono de engranajes a la derecha:
Aquí puede elegir si 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 puedes elegir el Nivel de encabezado para los atributos de su producto. El valor predeterminado es H3pero puede seleccionar entre 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 Ajustes de bloque:
Aquí puedes elegir tu Tipo de consulta. Si opta por Y, WooCommerce solo mostrará productos que contengan todos los atributos especificados por el cliente. Mientras tanto, el O La opción mostrará todos los elementos que tienen al menos uno de los atributos.
Bajo Tipo de visualización, puede optar por mostrar sus atributos en formato de lista o menú desplegable. Ambas opciones son relativamente fáciles de usar.
Finalmente, puede optar por habilitar el Filtrar botón. 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! 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.
- Búsqueda: 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 productos dentro de los parámetros de precio especificados.
- Clasificación: Presenta los productos de acuerdo con su calificación promedio.
- Rebaja: Muestra solo los productos que están en oferta.
- Existencias: Muestra solo los productos que están en stock.
- Reiniciar: 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, puede 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. Él complemento premium incluye funciones adicionales, como iconos de categorías, estilos personalizados y un botón de filtros para mostrar/ocultar.
Comience hoy mismo con los filtros de productos de WooCommerce
Bloques de filtro de productos de WooCommerce Permita que los clientes busquen artículos en su tienda con características particulares. De lo contrario, los usuarios tendrían que desplazarse por todo su catálogo y probablemente se sentirían frustrados. Por lo tanto, utilizar uno de estos bloques es fundamental para mejorar la UX de tu tienda online.
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 WooCommerce correspondiente junto con un Todos los productos bloquear 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.
