Tener un diseño limpio para su tienda en línea puede crear una experiencia de compra más placentera. Sin embargo, también deberá asegurarse de que los compradores puedan buscar fácilmente sus productos de acuerdo con sus preferencias. Afortunadamente, el bloque Filtrar productos por atributo de WooCommerce permite a los usuarios ver los artículos por color, tamaño y otras características .
En esta publicación, veremos más de cerca el bloque Filtrar productos por 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.
¡Empecemos!
El bloque Filtrar productos por atributo permite a los usuarios navegar a través de los artículos de su tienda por tamaño, color, estilo y otras características. Este elemento facilita que los consumidores encuentren los productos adecuados para sus necesidades.
Para usar este bloque, abra la página o publicación donde desea mostrar sus productos más nuevos. Le recomendamos que agregue el elemento a la página principal de la tienda.
A continuación, haga clic en el signo más ( + ) para agregar un nuevo bloque y use la barra de búsqueda para buscar «filtrar productos por atributo»:
Una vez que inserte el bloque, se le pedirá que seleccione el atributo que desea mostrar:
Haga su selección y haga clic en Listo . Para este tutorial, hemos elegido «color» como nuestro atributo de producto:
Como puede ver, el bloque muestra una lista de variaciones para su atributo elegido. Por ejemplo, si selecciona «color», verá los diferentes tipos de colores disponibles y un recuento de productos para cada opción.
Tenga en cuenta que el bloque Filtrar productos por atributo solo está disponible si está utilizando WooCommerce en su sitio. Con este complemento de comercio electrónico, también obtendrá acceso a los otros bloques de WooCommerce en el Editor de bloques.
Filtrar productos por atributo Ajustes y opciones de bloque de WooCommerce
Ahora que sabemos cómo agregar el bloque Filtrar productos por atributo de WooCommerce, 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:
- Cambiar tipo o estilo de bloque: Puedes transformar el elemento en un bloque de Grupo o Columnas .
- Editar: puede hacer clic en esta opción para seleccionar un atributo de producto diferente.
- Opciones: puede copiar el bloque, agruparlo, agregarlo a sus Bloques reutilizables o eliminarlo.
Como probablemente habrás notado, solo hay algunas configuraciones. No obstante, también tienes algunas opciones de configuración en el panel de la derecha.
Por ejemplo, puede ocultar el recuento de productos o seleccionar un nivel de encabezado diferente para el título (en nuestro ejemplo, es «Filtrar por color»):
Si se desplaza hacia abajo en el panel, verá más opciones en Configuración de bloqueo . La opción 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 visualización del filtro. De forma predeterminada, las opciones se muestran como una lista. Así es como se ve el bloque si elige Dropdown :
También puede agregar un botón Filtro . De forma predeterminada, los productos se actualizan automáticamente cuando el usuario selecciona una opción (por ejemplo, «azul»). Si habilita el botón Filtrar , el bloque solo mostrará los productos relevantes una vez que el usuario haga clic en Ir :
En la sección Filtrar productos por atributo , puede elegir un atributo diferente. Por ejemplo, cambiamos a Tamaño :
Finalmente, encontrarás la opción Configuración avanzada . Le permite agregar clases CSS al bloque.
Consejos y mejores prácticas para usar el filtro de productos por atributo WooCommerce Block de manera efectiva
Como mencionamos anteriormente, idealmente debería usar el bloque Filtrar productos por atributo en la página principal de la tienda (esta también podría ser su página de inicio). De esa manera, los usuarios pueden buscar fácilmente sus atributos preferidos mientras navegan por su catálogo de productos.
Recomendamos agregar este filtro al costado o en la parte superior de su página para que los compradores puedan verlo de inmediato:
También es posible que desee utilizar los bloques Filtrar productos por atributo para todos los atributos disponibles. Por ejemplo, podría usar un elemento para el color y otro para el tamaño:
Si diseñó su tienda en el Editor de bloques y desea mostrar el bloque Filtrar productos por atributo en un lado de la página, deberá trabajar con columnas de WordPress. Alternativamente, puede optar por insertar el bloque en las áreas de widgets de su sitio , como su barra lateral.
Preguntas frecuentes sobre el bloque Filtrar productos por atributo de WooCommerce
Como hemos visto, el bloque Filtrar productos por atributo de WooCommerce es bastante sencillo 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 en el bloque?
Desafortunadamente, no puede agregar nuevos atributos usando el bloque Filtrar productos por atributo . Si desea crear otra característica del producto, deberá navegar a Productos > Atributos en su panel de WordPress.
¿Puedo usar diferentes productos de filtro por bloques de atributos al mismo tiempo?
Puede utilizar varios bloques Filtrar productos por atributo simultáneamente. Digamos que agrega un bloque para el color y otro para el tamaño. Un usuario puede querer mirar ropa que viene en blanco y azul y está disponible en tallas pequeñas y medianas. En ese caso, pueden seleccionar sus preferencias de cada bloque. WooCommerce luego mostrará todos los productos que cumplan con esos criterios.
¿El bloque Filtrar productos por atributo funciona de la misma manera que el bloque Productos por atributo?
No, los dos bloques son un poco diferentes. El bloque Productos por atributo permite a los propietarios de tiendas mostrar una cuadrícula de productos de sus atributos seleccionados. Mientras tanto, el bloque Filtrar productos por atributo permite a los compradores buscar productos de acuerdo con las características elegidas.
Conclusión
Filtrar productos ayuda a los usuarios a encontrar lo que buscan más rápido. A su vez, el filtrado crea una experiencia de compra más conveniente, lo que puede conducir a mayores conversiones.
Como hemos visto, el bloque Filtrar productos por atributo de WooCommerce permite a los compradores navegar a través de los productos según su color, tamaño y otras opciones preferidas. Combinar este bloque con un complemento de búsqueda robusto proporcionará una mejor experiencia al cliente en su tienda WooCommerce. Idealmente, debe colocar el elemento en un lugar práctico, como la barra lateral de su tienda. También es aconsejable crear un bloque de filtrado para cada atributo del producto.
¿Tiene alguna pregunta sobre el uso del bloque Filtrar productos por atributo en WooCommerce? ¡Háganos saber en la sección de comentarios!
Imagen destacada a través de Chaosamran_Studio / shutterstock.com