Cómo usar el filtro de producto dependiendo del bloque de atributo wooCommerce

Con un aspecto limpio para su tienda en línea, puede crear una experiencia de compra más agradable. Sin embargo, deberá asegurarse de que los compradores puedan explorar fácilmente sus productos de acuerdo con sus preferencias. Afortunadamente, el bloque de filtrado producido después del atributo WooCommerce permite a los usuarios ver artículos de color, tamaño y otras características. En esta publicación, analizaremos más de cerca el bloque de filtro producido después del atributo y le mostraremos cómo agregarlo a su tienda WooCommerce. También compartiremos algunos consejos y mejores prácticas para usar este elemento esencial.
¡Vamos a empezar! Cómo agregar productos de filtro de acuerdo con el bloque de atributo WooCommerce a su publicación o bloque de filtrado de página producido después del atributo permite a los usuarios navegar por los elementos en su tienda por tamaño, color, estilo y otras características. Este elemento hace que los consumidores encuentren más fácilmente los productos correctos para sus necesidades. Para usar este bloque, abra la página o publicación en la que desea mostrar los últimos productos. Le recomendamos que agregue el artículo a la página principal de la tienda. Luego haga clic en el signo más ( +) para agregar un nuevo bloque y use la barra de búsqueda para buscar el “Filtro de productos por atributo”:

Una vez que haya insertado el bloque, se le pedirá que seleccione el atributo que desea mostrar:

Elija usted mismo y haga clic en. Para este tutorial, elegimos el “color” como un atributo de nuestro producto:

Como puede ver, el bloque muestra una lista de variaciones para el atributo elegido. Por ejemplo, si selecciona “color”, verá los diferentes tipos de colores disponibles y varios productos para cada opción. Tenga en cuenta que el bloque de filtro producido después del atributo solo está disponible si usa WooCommerce en su sitio web con este complemento de comercio electrónico, también tendrá acceso a los otros bloques de WooCommerce en el editor de bloques. Filtrar los productos después de la configuración de atributos y las opciones de bloques de WooCommerce Ahora que sabemos cómo agregar el bloque de filtro producido de acuerdo con el atributo WoCommerce, es hora de explorar su configuración principal. Si hace clic en el bloque, verá una barra de herramientas en la parte superior:
Veamos cada opción:

Cambie el tipo o estilo del bloque: puede convertir el elemento en un bloque de grupo o columnas.
Editar: puede hacer clic en esta opción para seleccionar otro atributo de producto.
Opciones: puede copiar el bloque, puede agruparlo, puede agregarlo a sus bloques reutilizables o puede eliminarlo.
Como habrás notado, solo hay unas pocas configuraciones. Sin embargo, también tiene algunas opciones de configuración en el lado derecho.
Por ejemplo, puede ocultar el número de productos o seleccionar otro nivel de título para el título (en nuestro ejemplo, está “filtrado por color”):
Si desplaza el panel hacia abajo, verá más opciones en la configuración de bloqueo. La opción de tipo de consulta le permite mostrar productos que tienen cualquiera de los atributos seleccionados o artículos que tienen todas las características elegidas:

También puede cambiar el estilo de pantalla del filtro. Por defecto, las opciones se muestran como una lista. Así es como se ve el bloque si elige desplegable: también puede agregar un botón de filtro. De manera predeterminada, los productos se actualizan automáticamente cuando el usuario selecciona una opción (por ejemplo, “azul”). Si activa el botón de filtro, el bloque mostrará los productos relevantes solo después de que el usuario haga clic en GO:

En la sección Filtro de los productos después del atributo, puede elegir otro atributo. Por ejemplo, fuimos a tamaño:


Finalmente, encontrará la opción de configuración avanzada. Le permite agregar clases CSS al bloque. Consejos y mejores prácticas para el uso eficiente de los productos de filtro de acuerdo con el atributo de bloque WooCommerce Como mencionamos anteriormente, idealmente debe usar el bloque de filtro de productos en la página principal de la tienda (esta podría ser y su página inicial). De esta manera, los usuarios pueden buscar fácilmente sus atributos favoritos mientras navegan a través de su catálogo de productos.

Le recomendamos que agregue este filtro al lado o la parte superior de su página para que los compradores puedan identificarlo de inmediato:

Además, es posible que desee utilizar los bloques de filtro producidos después de los atributos para todos los atributos disponibles. Por ejemplo, puede usar un elemento para el color y uno para el tamaño:
Si ha diseñado su tienda en el editor de bloques y desea mostrar el bloque de filtro producido después del atributo en un lado de la página, deberá trabajar con las columnas de WordPress. Alternativamente, puede optar por insertar el bloque en las áreas de widget de su sitio, como la barra lateral.

Preguntas frecuentes sobre el filtrado de productos de acuerdo con el bloque de atributo WooCommerce Como hemos visto, el bloque de filtro producido después del atributo de WooCommerce es bastante simple de usar. Sin embargo, es posible que aún tenga algunas preguntas sobre este elemento. ¡Echemos un vistazo a algunos de ellos! ¿Puedo agregar nuevos atributos al bloque? Desafortunadamente, no puede agregar nuevos atributos utilizando el bloque de filtro producido por el atributo. Si desea crear otra característica del producto, deberá explorar los productos> Atributos en el tablero de WordPress. ¿Puedo usar diferentes productos de filtro después de bloques de atributos al mismo tiempo? Puede usar múltiples bloques de filtro producidos por atributos simultáneamente. Supongamos que agrega un bloque para color y uno para el tamaño. Es posible que un usuario desee mirar la ropa que viene en blanco y azul y que están disponibles en tamaños pequeños y medianos. En este caso, pueden seleccionar sus preferencias en cada bloque. WooCommerce mostrará todos los productos que cumplan con estos criterios. La filtración de los productos después del bloque de atributos funciona igual que los bloqueos de productos después de los atributos? No, los dos bloques son un poco diferentes. El bloque producido después de los atributos permite a los propietarios de tiendas mostrar una cuadrícula de producto de los atributos seleccionados. Mientras tanto, el bloque de filtro producido por el atributo permite a los compradores navegar por los productos de acuerdo con las características elegidas. Conclusión El filtrado de productos ayuda a los usuarios a encontrar lo que están buscando más rápido. A su vez, el filtrado crea una experiencia de compra más conveniente, lo que puede conducir a conversiones más grandes.