Contents
Introducción a FacetWP
FacetWP es un plugin premium para WordPress diseñado para crear filtros de productos y contenidos de manera inteligente y flexible. Al integrarse con WooCommerce, Advanced Custom Fields (ACF) o cualquier tipo de contenido personalizado, FacetWP permite a tus usuarios encontrar lo que buscan en cuestión de segundos. Gracias a su rendimiento optimizado y a su uso de AJAX, los resultados se actualizan dinámicamente sin recargar la página.
¿Por qué usar filtros avanzados
- Mejora la experiencia de usuario: Los visitantes encuentran productos con mayor rapidez y precisión.
- Aumenta las conversiones: Al reducir la fricción y acelerar la búsqueda, es más probable que los usuarios compren.
- Escalabilidad: Maneja gran cantidad de productos sin sacrificar velocidad.
- Personalización: Filtra por categorías, precios, atributos, taxonomías personalizadas y más.
Requisitos previos
- WordPress (versión 5.0 o superior).
- WooCommerce (si filtras productos).
- Plugin FacetWP (adquirido en facetwp.com o instalado desde WordPress.org).
- Permisos de administrador en tu sitio WP.
Instalación y activación
Para instalar FacetWP:
- Sube el archivo ZIP desde el panel Plugins gt Añadir nuevo gt Subir plugin.
- Activa el plugin.
- Introduce tu licencia en FacetWP gt Settings para recibir actualizaciones y soporte.
Creación de facetas básicas
Paso 1: Definir una faceta
Desde el menú FacetWP gt Facets, haz clic en Añadir nueva y configura los siguientes campos:
- Label: Nombre descriptivo (ej. “Precio”).
- Facet name: Identificador (ej. price).
- Type: Tipo de filtro (Range, Checkbox, Dropdown, etc.).
- Data source: Origen de datos (meta key, taxonomía, campo ACF).
Paso 2: Añadir facetas al template
En la página o plantilla donde quieras mostrar los filtros, inserta el shortcode [facetwp facet=price] o utiliza la función PHP:
ltphp if ( function_exists(facetwp_display) ) {
echo facetwp_display( facet, price )
} gtTipos de facetas más comunes
| Tipo | Descripción | Uso típico |
|---|---|---|
| Dropdown | Lista desplegable de opciones. | Categorías, marcas. |
| Checkboxes | Casillas múltiples. | Atributos (talla, color). |
| Range | Control deslizante para rangos numéricos. | Precio, peso, dimensiones. |
| Search | Campo de texto libre. | Búsqueda por nombre o descripción. |
Configuración avanzada
1. Plantillas personalizadas (Templates)
FacetWP permite crear plantillas de resultados personalizados. Crea un archivo facetwp-template-{nombre}.php en tu tema y define la estructura HTML de los listados.
ltdiv class=productosgt
ltphp if ( have_posts() ) : while ( have_posts() ) : the_post() gt
ltdiv class=productogt
lth2gtltphp the_title() gtlt/h2gt
ltphp woocommerce_template_loop_price() gt
lt/divgt
ltphp endwhile endif gt
lt/divgt2. Hooks y filtros de PHP
Para modificar el comportamiento por defecto:
add_filter( facetwp_index_row, function( params, class ) {
if ( post === params-gtfacet_name ) {
// Transformar valor antes de indexarlo
params-gtfacet_value = strtolower( params-gtfacet_value )
}
return params
}, 10, 2 )Integración con WooCommerce
Para filtrar productos:
- Crea facetas basadas en Product categories, Product tags o atributos de producto.
- Ajusta Data source al meta key de precio (_price).
- Utiliza templates de WooCommerce en facetwp-template-products.php para personalizar la vista de resultados.
Buenas prácticas y rendimiento
- Indexación: Ejecuta FacetWP gt Settings gt Re-index cada vez que añadas o modifiques campos.
- Minimiza plugins duplicados: Evita plugins de búsqueda que generen cargas extra.
- Caching: Configura un sistema de caché a nivel de servidor o plugin compatible con AJAX.
- Depuración: Usa el modo debug de FacetWP para identificar problemas en Settings gt Debug.
Recursos y documentación
Conclusión
Crear filtros de productos con FacetWP te proporciona un sistema sólido y eficiente para mejorar la usabilidad de tu tienda online o directorio de contenidos. Su flexibilidad, rendimiento y facilidad de personalización convierten a FacetWP en la opción ideal para sitios WordPress de cualquier tamaño. Con las técnicas y buenas prácticas expuestas, podrás implementar facetas avanzadas y maximizar la conversión de tu audiencia.
|
|
Acepto donaciones de BAT's mediante el navegador Brave 🙂 |