Los clientes suelen acudir a tu tienda WooCommerce con un presupuesto fijo en mente. Pensarán: «Solo puedo gastar $ X, así que tengo que encontrar la combinación perfecta». Obligar a sus usuarios a seguir hojeando las páginas de sus productos hasta que encuentren uno que se ajuste a su presupuesto puede ser agotador. Está allá Filtrar productos por precio El bloque WooCommerce es útil.
Este bloque permite a los clientes seleccionar un rango de precios específico. WooCommerce luego actualizará la lista de productos para mostrar solo aquellos artículos que se ajusten a este presupuesto. Este artículo le mostrará cómo poner Filtrar productos por precio bloque y cómo configurarlo. También discutiremos las mejores prácticas para usar este elemento.
¡Sigamos adelante!
¿Cómo agregar productos de filtrado de precios en bloque de WooCommerce a su publicación o página?
Antes de explicar cómo usar Filtrar productos por precio bloque, es importante tener en cuenta que solo funciona en conjunto con Todos los productos Bloque WooCommerce. Si pones Filtrar productos por precio bloquear en cualquier página que ¿no? contener Todos los productos bloque, la función de filtro no funcionará.
Juntos, estos dos bloques hacen la combinación perfecta para la página principal de su tienda. Con eso en mente, abra el Editor de bloques y coloque Todos los productos bloque primero:
Este bloque generará una cuadrícula de productos que contiene todos los artículos en su catálogo. Puede configurar el número de filas y columnas incluidas en la cuadrícula de productos y cambiar el orden de visualización de los artículos:

No vamos a jugar con estas configuraciones por ahora. En su lugar, elija agregar un nuevo bloque sobre Todos los productos elemento. echa un vistazo a Filtrar productos por precio Unidad:

Después de colocar este artículo, el Editor de bloques mostrará un control deslizante de precios que comienza en $ 0 y limita el precio del producto más caro en su tienda. En nuestro caso, es un producto de $ 90, por lo que el control deslizante va de $ 0 a $ 90:

Notará que el control deslizante no funciona en la pantalla del editor. Para ver el bloque en acción, debe obtener una vista previa de la página (o publicarla y acceder a ella desde la interfaz). Si aún no se ve bien, no se preocupe, hablemos sobre cómo configurarlo.
Filtrar productos por precio Configuración de WooCommerce y opciones de bloqueo
los Filtrar productos por precio el bloque no ofrece una amplia gama de configuraciones. Sin embargo, puede configurar varios aspectos de la apariencia y el funcionamiento del bloque.
Para acceder a esta configuración, seleccione un elemento en el Editor de bloques y haga clic en el ícono de ajustes en la esquina superior derecha de la pantalla. Esto abrirá el menú de configuración del bloque a la derecha. En este menú, puede habilitar o deshabilitar los campos de texto de precios editables:

Si tu escoges Texto opción, los usuarios solo podrán filtrar los precios usando el control deslizante. Defecto Editable la opción también les permite cambiar manualmente los campos de precio.
Yendo más allá, el menú de configuración del bloque incluye la opción de agregar una confirmación o un botón de «filtro». Si habilita esta configuración, los usuarios deberán hacer clic en un botón para confirmar el rango de precios que han establecido. Finalmente, puede cambiar el nivel de título para Filtrar productos por precio texto de la etiqueta:

Configuración Filtrar productos por precio bloque no debería tomar mucho tiempo ya que el elemento solo contiene un puñado de configuraciones. Si no está seguro de qué opciones elegir, cubriremos las configuraciones recomendadas en la siguiente sección.
Consejos y mejores prácticas para usar productos de filtro por precio Bloqueo efectivo de WooCommerce
Lo primero que debe tener en cuenta al usar Filtrar productos por precio bloque es que solo funciona en tándem con Todos los productos Bloque WooCommerce. los Todos los productos block no filtra productos por categoría o cualquier otro atributo. Esto significa que vale la pena combinar estos dos bloques si está creando una página de tienda de WooCommerce.
Como mencionamos anteriormente, tiene sentido colocar Filtrar productos por precio bloquear Todos los productos elemento. De esta manera, los usuarios no se perderán la función de filtrado cuando naveguen por la página de la tienda.
los Filtrar productos por precio el bloque ya contiene un encabezado identificativo que dice «Filtrar por Precio». Este encabezado es perfecto para la mayoría de las tiendas, al igual que su nivel H3 predeterminado. Recomendamos que solo use niveles de título más bajos cuando haya otros elementos H3 en la página que tengan prioridad.

Por razones de usabilidad, le recomendamos que mantenga los cuadros de texto editables predeterminados que vienen con el Filtrar productos por precio Unidad. Ofrecer a los usuarios la opción de editar manualmente los precios o usar el control deslizante hace que el bloque sea más flexible.
En cuanto a agregar un botón de confirmación, le dejamos la elección a usted. Habilitar el botón significa que la cuadrícula de productos no se actualizará automáticamente mientras se usa Filtrar productos por precio Cremallera. Sin embargo, puede ser una compensación importante si su sitio ya tiene problemas de rendimiento.
Preguntas frecuentes sobre el filtrado de productos por precio Bloque de WooCommerce
Si tiene alguna pregunta sobre esto Filtrar productos por precio bloque, esta sección pretende responderlas. Comencemos discutiendo los requisitos para que este bloque funcione.
¿Por qué no funciona el filtrado de productos por precio?
los Filtrar productos por precio bloque solo funciona cuando lo emparejas con Todos los productos Bloque WooCommerce. Si pones Filtrar productos por precio el bloqueo junto a cualquier otro tipo de cuadrícula de productos simplemente no funcionará. Podrá mover el control deslizante, pero los productos no se actualizarán correctamente.
¿Puedo editar los precios mínimos y máximos en el filtro de productos por bloque de precios?
los Filtrar productos por precio block establece automáticamente el control deslizante de precios para comenzar en $ 0 y limita el precio del producto más caro en su tienda. Puede editar el valor del control deslizante solo cambiando los precios de los productos en su tienda.
Solicitud
los Filtrar productos por precio item es un bloque de WooCommerce que solo funciona cuando lo emparejas con otro artículo. Otras almohadillas que solo funcionan en pares incluyen Filtrar productos por atributo y Filtros de productos activos.
Usando Filtrar productos por precio El bloque WooCommerce permite a los clientes navegar por todo el surtido de su tienda y ver solo los productos que se ajustan a sus presupuestos. El bloque solo funciona al lado. Todos los productos elemento, así que téngalo en cuenta cuando lo publique en su sitio web.
¿Tiene alguna pregunta sobre el uso de la Filtrar productos por precio ¿Unidad? ¡Hablemos de ellos en la sección de comentarios a continuación!
Foto destacada: Bakhtiar Zein / shutterstock.com








