Resumen rápido
WP Grid Builder Elementor Addon es una extensión de integración que conecta de forma nativa la potencia de filtrado de WP Grid Builder con el editor visual de Elementor (compatible con versiones Free y Pro desde Elementor v3.0.0). Agrega dos nuevos widgets dedicados para insertar cuadrículas y facetas de búsqueda directamente en el maquetador, ofreciendo renderizado en tiempo real dentro del editor y eliminando la necesidad de gestionar shortcodes manualmente.
Qué problema ayuda a resolver
En proyectos complejos de WordPress y WooCommerce, mostrar listas dinámicas de productos, publicaciones o portafolios con filtros avanzados (facetas) suele requerir el uso constante de códigos abreviados (shortcodes). Esto dificulta el diseño visual, ya que los shortcodes no se renderizan dentro de Elementor, obligando a previsualizar constantemente la página en el navegador para comprobar la alineación y el estilo.
Además, intentar aplicar sistemas de filtrado avanzados a los widgets nativos de Elementor Pro o JetEngine suele implicar código personalizado o integraciones frágiles. WP Grid Builder Elementor Addon resuelve esta limitación permitiendo conectar facetas de filtrado directamente a los widgets nativos de Elementor Pro, personalizados y de WooCommerce con solo un par de clics desde el propio panel lateral del editor.
Por qué esta solución marca una diferencia
Esta integración transforma el flujo de trabajo al combinar la potencia de indexación y filtrado faceteado de WP Grid Builder con la flexibilidad de diseño de Elementor. La apariencia visual de las facetas se puede personalizar por completo directamente desde los controles de estilo de Elementor, garantizando que los buscadores, desplegables, checkboxes y rangos de precio se adapten a la identidad gráfica del sitio sin escribir CSS.
Asimismo, amplía significativamente las capacidades de Elementor Pro al permitir insertar facetas y cuadrículas dentro de ventanas emergentes (popups), e incluso usar las cuadrículas personalizadas como plantillas de archivo dinámicas. Esto mejora la experiencia del usuario (UX) al permitir búsquedas instantáneas e intuitivas en tiendas online, catálogos y sitios de contenidos extensos.
Señales de que necesitas este producto
- Fricción al diseñar con shortcodes: pierdes tiempo pegando códigos abreviados de WP Grid Builder en Elementor sin poder ver cómo se maqueta el resultado en tiempo real.
- Necesidad de filtrar widgets de Elementor Pro: requieres añadir filtros avanzados (facetas) por categoría, precio, atributos o etiquetas a los widgets nativos de Publicaciones o WooCommerce de Elementor.
- Filtros en Popups y plantillas de archivo: necesitas colocar buscadores o facetas dentro de ventanas emergentes de Elementor Pro o utilizarlas en archivos de categorías y etiquetas.
- Uso de Crocoblock JetEngine: utilizas Jet Listing Grid y necesitas un sistema de filtrado ultrarrápido y dinámico integrado en el editor.
Cuándo tiene sentido usarlo (y cuándo no)
WP Grid Builder Elementor Addon tiene todo el sentido en sitios web que ya utilizan o planifican utilizar WP Grid Builder como su motor de cuadrículas y filtros, y emplean Elementor como maquetador principal. Es ideal para e-commerce en WooCommerce, portafolios fotográficos o de diseño, directorios y sitios de noticias con grandes volúmenes de publicación.
Por otro lado, no es necesario si no utilizas el plugin base WP Grid Builder, o si tu sitio cuenta con un catálogo muy reducido donde los filtros nativos o un buscador simple resultan suficientes.
Para quién encaja mejor
- Desarrolladores y maquetadores web: que buscan agilizar la creación de portafolios y catálogos interactivos en Elementor sin depender de scripts manuales.
- Especialistas en WooCommerce: que necesitan mejorar la usabilidad y conversión de tiendas online mediante búsquedas faceteadas instantáneas.
- Agencias y freelancers: que construyen directorios o sitios de contenidos dinámicos usando la combinación de Elementor Pro, JetEngine y WP Grid Builder.
Beneficios en la práctica
- Visualización en tiempo real: renderizado directo de cuadrículas y facetas en el editor de Elementor sin necesidad de previsualizar en pestañas externas.
- Personalización de estilo integrada: controla la tipografía, colores, márgenes y bordes de las facetas usando las opciones nativas de estilo de Elementor.
- Filtrado universal de widgets: compatibilidad para filtrar widgets de Elementor Pro (Publicaciones, Portafolio, Archivo de publicaciones, Productos de WooCommerce y Archivos de WooCommerce) y Jet Listing Grid.
- Soporte para Popups: añade facetas y cuadrículas en ventanas emergentes identificando los widgets mediante su ID único.
- Ahorro de tiempo en maquetación: configuración de filtros en segundos mediante un menú desplegable de selección simple.
Cómo encaja dentro de WordPress
Dentro del ecosistema WordPress, este complemento actúa como un puente directo de comunicación entre WP Grid Builder y Elementor. Tras activarlo, habilita de forma automática dos nuevos widgets en el panel lateral de Elementor: el widget Grid (Cuadrícula) y el widget Facet (Faceta/Filtro).
Para conectar un filtro a una cuadrícula o widget compatible de Elementor Pro, simplemente insertas el widget Facet y seleccionas el objetivo deseado desde el menú desplegable «Seleccione una cuadrícula o widget para filtrar». Adicionalmente, añade una pestaña dedicada «WP Grid Builder» en la configuración avanzada de los widgets compatibles para facilitar la identificación de la ID del widget al trabajar con Popups.
Escenarios de uso habituales
- Tiendas WooCommerce avanzadas: filtrado instantáneo por rango de precios, valoraciones, marcas y atributos de productos sobre los widgets de productos de Elementor Pro.
- Directorios y blogs dinámicos: combinación con Jet Listing Grid de Crocoblock para filtrar publicaciones, usuarios o términos de taxonomías personalizadas.
- Filtros deslizantes en Popups: creación de un botón «Filtrar resultados» que despliega un Popup de Elementor Pro cargado con múltiples facetas organizadas visualmente.
Preguntas frecuentes sobre WP Grid Builder Elementor Addon
¿Requiere WP Grid Builder Elementor Addon la versión Pro de Elementor?
No necesariamente. Los widgets principales para insertar cuadrículas y facetas, así como la personalización de su apariencia, funcionan tanto con Elementor Free como con Elementor Pro (requiere Elementor v3.0.0 o superior). Sin embargo, las funciones para filtrar widgets nativos de publicaciones o WooCommerce requieren Elementor Pro o complementos de terceros compatibles como JetEngine.
¿Qué widgets de Elementor Pro se pueden filtrar con este complemento?
Permite filtrar directamente los widgets de Elementor Pro: Publicaciones (Posts), Portafolio (Portfolio), Archivar publicaciones (Archive Posts), Productos WooCommerce (WooCommerce Products) y Productos de archivo de WooCommerce (WooCommerce Archive Products), además de Jet Listing Grid de Crocoblock.
¿Cómo se añaden facetas dentro de un Popup de Elementor Pro?
Para filtrar un widget que se encuentra en la página desde una ventana emergente (Popup), puedes utilizar la ID del widget objetivo. Esta ID se consulta fácilmente desde la pestaña dedicada «WP Grid Builder» presente en la configuración de los widgets compatibles en Elementor.
¿Se pueden utilizar las cuadrículas como plantillas de archivo dinámicas?
Sí, junto con Elementor Pro, las cuadrículas insertadas a través del complemento se pueden asignar como la plantilla por defecto para páginas de archivo de categorías, etiquetas o Custom Post Types.
Conclusión
WP Grid Builder Elementor Addon es la herramienta imprescindible para diseñadores y desarrolladores que necesitan combinar la potencia de filtrado de WP Grid Builder con la velocidad y flexibilidad de maquetación de Elementor. Elimina la necesidad de lidiar con shortcodes estáticos y lleva el filtrado dinámico a los widgets nativos de Elementor Pro y JetEngine de forma sencilla, visual y profesional.
Valoraciones
No hay valoraciones aún.