Cargando...

Cómo agregar filtros de productos WooCommerce AJAX (2024)

Actualizado el 31 de mayo de 2024

Actualizar la página web cada vez que los clientes actualizan su filtro es bastante molesto y puede provocar el abandono del carrito. Esto puede afectar negativamente a su negocio en línea.

Para optimizar la experiencia, puedes usar una técnica llamada AJAX . AJAX es una práctica común que usan los desarrolladores web para cargar los datos requeridos sin causar cargas o actualizaciones adicionales de la página.

Esto puede ayudarlo a mejorar las conversiones porque el cliente no se sentirá irritado con cada carga de página adicional.

Para ello, utilizaremos el plugin Filtros de productos AJAX avanzados para realizar esta tarea. Es uno de los mejores plugins que puede obtener para agregar filtros de productos WooCommerce AJAX a su tienda.

1. Instalar el plugins

Lo primero que debe hacer es instalar y activar el plugin Advanced AJAX Product Filters en su instalación de WooCommerce.

Cómo agregar filtros de productos WooCommerce AJAX (2024)-ajax-producto-filter

Para hacer esto, debe ir a Plugins> Agregar nuevo . Después de eso, puede buscar el plugin e instalarlo y activarlo.

Instale el complemento de filtros de productos AJAX avanzados

Después de la activación, puede ver la configuración del plugin en el lado izquierdo de su panel de WordPress. Vaya a la  opción Filtros de productos allí.

Establezca sus preferencias para el complemento

Esta es el área de configuración general del plugin. A partir de ahí, puedes modificar los valores y todo. Por ejemplo, elija la opción Filtros, como se muestra a continuación, si necesita crear un nuevo filtro.

Configuración de filtros

2. Agregar un nuevo filtro

Haga clic en el  botón Agregar filtro para crear filtros en su tienda WooCommerce.

Agregar nuevo filtro

En la página siguiente, verá todas las opciones de personalización que puede hacer con el filtro.

Crear nuevo filtro

Guarde el filtro una vez que haya modificado todo, y estará listo para comenzar.

A partir de ahora, puede ver todos los filtros en BeRocket > Filtros .

Todos los filtros de productos

Puedes crear tantos filtros como necesites o modificar los existentes. Similar a esto, también puede crear un grupo de filtros. Entonces, cuando necesite asignar múltiples filtros en un grupo, esta función puede ser útil.

3. Mostrar el filtro AJAX

El siguiente paso es mostrar el filtro en su interfaz. Para hacerlo, puede usar códigos cortos o el widget dedicado que viene con el plugin. El widget es la opción más fácil que puede usar. Todo lo que necesita hacer es ir a la sección de widgets y usar el widget de filtro AAPF .

Agregar widgets a la barra lateral

Puede modificar los filtros y grupos de filtros según sus preferencias. Como resultado, la opción de filtrado AJAX estará presente en la interfaz de su tienda WooCommerce.

Interfaz de la tienda de WooCommerce

De esta manera, puede usar el plugin Filtros de productos AJAX avanzados para agregar una opción de filtrado a su instalación de WooComemrce.

Sin embargo, hay mucho más que puede lograr con este plugin. Si está interesado, consulte nuestro artículo dedicado a Cómo agregar filtros de productos WooCommerce AJAX .

Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments