Revisión de PWF: Cree filtros de productos de WooCommerce compatibles con SEO

Si su tienda WooCommerce tiene muchos productos, agregar filtros de productos puede ser una excelente manera de ayudar a los compradores a encontrar los productos que son más relevantes para ellos.

Si bien WooCommerce incluye algunas funciones básicas de filtro incorporadas para precios y otros detalles, un complemento de filtro de productos WooCommerce dedicado le permitirá agregar filtros de productos más útiles y crear una mejor interfaz (como configurar un filtro de productos WooCommerce Ajax).

PWF es un complemento de filtro de productos WooCommerce freemium que le permite crear filtros para cualquier detalle del producto, desde el precio hasta la calificación, taxonomías, atributos y más. También incluye otras funciones útiles, como los resultados del filtro Ajax y las URL de filtro limpias y compatibles con SEO con metadatos de SEO dinámicos ( que pueden ayudarlo a clasificar para consultas relevantes de cola larga ).

Además, si bien el complemento se enfoca principalmente en los filtros de productos de WooCommerce, también puede usarlo para crear filtros para otros tipos de publicaciones.

En nuestra revisión práctica de PWF, compartiremos más sobre las características de este complemento de filtro de productos de WooCommerce y también le daremos una visión detallada de cómo es configurar y usar en su tienda.

Revisión de PWF: ¿Qué hace el complemento?

En general, el beneficio de alto nivel de PWF es que le permite crear filtros frontend que sus visitantes pueden usar para descubrir más fácilmente productos relevantes de WooCommerce (u otros tipos de contenido).

Aquí hay un ejemplo de los tipos de filtros que puede crear con PWF:

Para eliminar la fricción, el complemento le permite usar Ajax para aplicar filtros sin recargar la página ( también puede deshabilitar los filtros Ajax si no le gusta este enfoque ).

Más allá de aplicar los filtros con Ajax, también puede usar la paginación Ajax si lo desea. En total, obtienes tres opciones para manejar la paginación:

• Ajax carga más
• Scroll infinito
• Paginación estándar (números de página en los que se puede hacer clic)

Más allá del diseño de filtro vertical "normal", PWF también le permite usar un diseño horizontal que aparece sobre la lista de productos.

Repasemos algunas otras características específicas para ayudarlo a comprender el complemento...

Datos de productos que puede filtrar

Para crear los filtros más útiles posibles, PWF le permite filtrar por algunos o todos los siguientes datos de productos:

• Atributo del producto
• Categoria de producto
• Etiqueta de producto
• Cualquier taxonomía (incluidas las taxonomías personalizadas)
• Estado del inventario
• Autor
• Campo personalizado (meta): esto incluye campos complementarios del producto, así como cualquier campo personalizado en general.
• en estado de venta
• Estado destacado
• Clasificación
• Visibilidad del producto
• Tipo de envío del producto
• Tipo de producto (por ejemplo, simple vs variable)

Tipos de campo de filtro frontend

Para filtrar todos los datos de ese producto, PWF viene con varios tipos de campos diferentes para elegir:

• Lista de casillas de verificación
• lista de radios
• La lista desplegable
• Lista de colores
• lista de cajas
• lista de texto
• Fecha
• Deslizador de precios
• Deslizador de rango
• Clasificación
• Botón
• Categorías
• Estado del inventario

También puede agregar un campo de "Búsqueda" general que permita a los usuarios buscar por palabra clave.

URL de filtro compatibles con SEO

Muchos complementos de filtro de productos funcionan agregando parámetros de consulta a la URL. Esto está bien para los usuarios, pero significa que no podrá clasificar sus páginas de filtro en Google y otros motores de búsqueda.

Sin embargo, para algunos nichos, estas páginas de listas de filtros creadas mediante programación pueden ser una muy buena manera de clasificar para palabras clave de cola larga.

Por ejemplo, aunque no es una tienda de comercio electrónico, Nomad List utiliza este enfoque de URL de filtro compatible con SEO para clasificar muchas consultas de cola larga basadas en la búsqueda de ciudades para vivir. Aquí hay un ejemplo de una URL compatible con SEO que se construyó mediante programación a partir de filtros. :

 https://nomadlist.com/places-with-a-tropical-climate-in-asia-and-clean-air-all-year-and-cheap-hotels

Con PWF, puede implementar el mismo tipo de estrategia.

Más allá de usar URL limpias, el complemento también le brinda una herramienta de SEO que le permite configurar plantillas para el título de SEO, la meta descripción, el título de la página de filtro H1, las migas de pan y la descripción breve ( ideal para agregar contenido único a cada página de filtro ) .

También hay una función para incluir sus páginas de filtro en su mapa del sitio XML.

Funciona para algo más que productos de WooCommerce (Filtrar cualquier tipo de publicación)

Si bien el complemento se enfoca en ayudarlo a configurar la funcionalidad de filtro de productos de WooCommerce ( y ese es también el enfoque principal de nuestra revisión de PWF ), vale la pena señalar que PWF funciona para más que solo productos de WooCommerce.

También puede usarlo para crear filtros para cualquier tipo de publicación, incluidas publicaciones de blog o tipos de publicaciones personalizadas que haya creado en su sitio.

Análisis de filtro incorporado

Para ayudarlo a comprender cómo las personas usan sus filtros, PWF incluye una herramienta de análisis integrada que le permite ver datos como qué filtros usan las personas, con qué frecuencia las personas usan filtros y más.

Otras características notables

Más allá de lo que he descrito anteriormente, aquí hay algunas otras características notables que ofrece PWF:

• Lógica condicional : oculta ciertos filtros basados ​​en la lógica condicional.
• Opciones de estilo : obtienes una buena cantidad de opciones para controlar el estilo y el diseño de tus filtros.
• Opciones de clasificación : elija el orden de clasificación predeterminado y las opciones para sus productos filtrados.
• CSS personalizado : personalice las clases e ID de CSS para usar más fácilmente su propio CSS personalizado.
• Compatibilidad con el creador de páginas : el complemento se integra con los complementos de creación de páginas más populares, incluidos Elementor, Divi, Beaver Builder, Oxygen y otros.

Cómo agregar filtros de productos de WooCommerce con PWF

Ahora que sabe más sobre la funcionalidad del complemento, profundicemos en cómo es realmente usar PWF para configurar filtros de productos en su tienda.

Nota: estoy usando el complemento premium en mi sitio. Si bien las funciones e interfaces básicas son las mismas, algunas de las funciones que ve a continuación requieren la versión premium. Más sobre precios más adelante.

Una vez que instale y active el complemento, obtendrá una nueva pestaña de Filtros en su panel de control de WordPress para acceder a todas las funciones del complemento.

Además de la interfaz para agregar un grupo de filtros, también obtiene otras tres áreas:

• Configuración : controle la configuración general del complemento.
• Reglas de SEO : le permite mejorar el SEO de sus páginas de filtro.
• Análisis : le permite ver análisis sobre el uso del filtro.

Vamos a agregar un nuevo grupo de filtros

1. Cree un nuevo filtro y edite la configuración

Para agregar su primer grupo de filtros, puede ir a Filtros → Agregar nuevo .

En esta interfaz, verá dos columnas:

• Elementos : aquí es donde agregará las opciones de filtro.
• Configuración del filtro : aquí es donde configurará las configuraciones generales para su filtro, como qué tipo de contenido filtrar, si usar Ajax, cómo manejar la paginación, etc.

Para comenzar, querrá pasar por las opciones de configuración del filtro .

La pestaña General (en la imagen de arriba) es importante porque le permite controlar Ajax, paginación, URL bonitas, etc.

La pestaña Consulta de base de datos también es muy importante, ya que le permite elegir qué contenido filtrar.

El valor predeterminado es filtrar los productos de WooCommerce.

Sin embargo, como mencioné anteriormente, también puede agregar filtros para cualquier tipo de publicación en su sitio, incluidos los tipos de publicación personalizados. Esta pestaña es donde puede controlar ese comportamiento usando el menú desplegable Tipo de publicación .

También puede usar el menú desplegable Tipo de consulta para establecer diferentes tipos de consultas, como agregar estos filtros en una página de categoría de producto en lugar del archivo principal de la tienda.

Finalmente, el menú desplegable Páginas le permite seleccionar páginas específicas en su sitio para usar este filtro, como la página principal de la tienda o páginas de archivo específicas.

Las otras pestañas también incluyen algunas configuraciones útiles, principalmente relacionadas con la apariencia de sus filtros. Pero las pestañas General y Consulta de base de datos contienen la mayor parte de la carne cuando se trata del comportamiento de su grupo de filtros.

2. Agregar elementos de filtro

Una vez que haya configurado la configuración general del filtro, puede comenzar a agregar opciones de filtro. Para hacer esto, haga clic en el botón Agregar elemento debajo de la lista Elementos .

Esto mostrará una lista de campos de filtro y ajustes preestablecidos que puede agregar. También hay una opción de diseño de columnas, que le permite crear diseños de filtros de varias columnas:

Al elegir un tipo de campo, se expandirán las opciones para permitirle personalizar ese campo. Lo más importante es que puede elegir la fuente de las opciones para este filtro.

Por ejemplo, supongamos que desea agregar una lista de casillas de verificación para seleccionar categorías de productos. Establecería la fuente de opciones igual a Taxonomía y luego seleccionaría Categorías de productos como la taxonomía específica. También puede ser aún más específico si lo desea.

Otra opción útil es Mostrar reglas . Estos le permiten ocultar un filtro basado en otras condiciones (también conocido como lógica condicional). Puede ocultar un filtro cuando se cumplen algunas o todas las condiciones siguientes:

• Atributo
• Categoría
• Etiqueta
• Otra taxonomía
• Página

Finalmente, la clave de URL también es importante para configurar URL bonitas, ya que le permite controlar la estructura de URL de sus URL compatibles con SEO.

Cada elemento de filtro también tiene una pestaña de Configuración visual que incluye algunas opciones de visualización, incluida la posibilidad de agregar una clase de CSS personalizada solo a ese filtro.

Las opciones reales dependerán del tipo de campo de filtro que esté agregando.

Aquí hay otro ejemplo para un filtro de lista de colores . Puede elegir el atributo "Color" y luego vincular muestras de color reales a cada atributo:

Algunos de los filtros preestablecidos son muy simples. Por ejemplo, el filtro Calificación solo tiene algunas opciones:

También hay un filtro de búsqueda que le permite buscar en todos los datos del producto o solo en el título del producto:

No puedo mostrarte cada tipo de campo. Pero, en general, obtienes una buena cantidad de opciones de personalización para todo.

3. Agregue su filtro a la interfaz

Una vez que haya configurado su grupo de filtros, el paso final es controlar dónde agregar esos filtros en la interfaz de su tienda.

El plugin te da dos opciones:

1. Código abreviado : puede agregar el código abreviado en cualquier lugar de su sitio, incluso en un bloque de código abreviado en el editor de bloques. También puede usar la función do_shortcode para incluirlo directamente en los archivos de plantilla de su tema.
2. Widget : puede agregar el widget a cualquier área de widgets (esto funciona tanto con widgets de bloque como con el complemento Classic Widgets).

Para encontrar el código abreviado, vaya al área principal de Filtros en su tablero:

Para usar los widgets, abra la interfaz de widgets y use los widgets de PWF según sea necesario:

Además de un widget para mostrar los filtros, también obtiene widgets para filtros activos y la breve descripción de SEO.

Después de agregar el widget, aquí están mis filtros en mi tienda de ejemplo:

4. Configurar la funcionalidad SEO

Si está utilizando URL compatibles con SEO, definitivamente querrá aprovechar la funcionalidad de PWF para configurar plantillas dinámicas para detalles importantes de SEO.

Estos le permiten generar automáticamente contenido importante en función de los filtros que ha seleccionado un usuario. Por ejemplo, si un usuario selecciona filtros para "Categoría de producto de camiseta", "Atributo de color azul" y "Atributo de material de algodón", podría generar automáticamente un título como "Camisetas de algodón azul: cómprelas hoy".

Para configurar esto, vaya a Filtros → Reglas de SEO para comenzar a agregar sus reglas de SEO.

En función de la URL de SEO que haya elegido, cada regla de SEO le permite realizar modificaciones de forma dinámica en los siguientes detalles:

• metatítulo
• Metadescripción
• Título de página H1
• Migas de pan
• Breve descripción

Si hace clic en el ícono de tres puntos, puede expandir una lista de variables disponibles, lo que le permite insertar información dinámicamente según el filtro elegido por el usuario.

Por ejemplo, "Mejor %color% %categoría%" se convertiría en "Mejores camisetas azules" si un usuario selecciona el filtro de color "Azul" y la categoría "Camisetas".

Puede crear reglas generales para categorías completas o puede profundizar y crear reglas para combinaciones específicas de atributos y categorías (u otros detalles).

Si bien puede llevarle algún tiempo configurar las reglas, esta es una característica realmente poderosa para SEO y puede configurarlo para que se clasifique automáticamente para muchas consultas de cola larga.

Precios de PWF

PWF viene tanto en una versión gratuita en WordPress.org como en una versión premium en el mercado CodeCanyon de Envato.

La versión gratuita incluye la mayoría de las funciones principales, incluidos los filtros Ajax.

Sin embargo, deberá actualizar a la versión premium si desea acceder a las siguientes mejoras ( esta es solo una lista parcial; hay más funciones premium ):

• URL de productos limpios y compatibles con SEO . Por ejemplo, la versión premium crea URL como yoursite/product-category-mobile/color-black/ , mientras que la versión gratuita crea URL con parámetros de consulta como yoursite/?product-category=mobile&color=black .
• herramienta SEO. Ajuste dinámicamente la información de SEO en función de los filtros elegidos.
• Más opciones de diseño . Utilice diseños horizontales o verticales.
• Más opciones de filtro . Si bien la versión gratuita admite los detalles principales del producto, la versión premium agrega aún más opciones.
• Más tipos de campos de filtro. La versión premium agrega nuevos tipos de campos de filtro, como lista de cuadros, control deslizante de rango, fecha y más.
• Caja de búsqeda. Más allá de los nuevos tipos de campos de filtro, la versión premium también permite buscar por palabra clave.
• Analítica. La versión premium agrega análisis incorporados para que pueda ver cómo las personas usan sus filtros y qué filtros generan más interés.

Afortunadamente, la versión premium es bastante asequible a solo $ 39 para usar en un solo sitio con actualizaciones de por vida y seis meses de soporte ( la licencia estándar de Envato ).

Ese beneficio de actualizaciones de por vida es especialmente importante cuando se trata de valor a largo plazo porque significa que no necesitará continuar renovando su licencia.

Reflexiones finales sobre PWF

En general, PWF le brinda una forma bastante flexible de configurar filtros para productos de WooCommerce, así como otros tipos de publicaciones en su sitio.

En términos de los filtros en sí, obtienes muchas opciones para filtrar datos y campos de entrada para usar.

Sin embargo, mi característica favorita son las URL compatibles con SEO y la herramienta SEO para generar dinámicamente el contenido necesario para clasificar esas URL para consultas de cola larga.

Si desea probar el complemento, puede jugar con la versión gratuita en WordPress.org. Sin embargo, creo que las mejores funciones están en la versión premium, por lo que recomiendo actualizar si es posible. Debido a que obtiene actualizaciones de por vida, el precio de $ 39 es bastante asequible a largo plazo.

Puede usar los botones a continuación para comenzar...