Unlock the full potential of your Oxygen Builder layouts by seamlessly integrating the power of WP Grid Builder. This dedicated bridge plugin allows you to effortlessly display highly customizable, high-performance grids and facets directly within your Oxygen-built pages. Whether you are crafting complex e-commerce product archives, dynamic blog feeds, or advanced portfolio showcases, this integration ensures that your design freedom remains uncompromised while gaining access to industry-leading filtering and sorting capabilities.
Key Features
- Native Oxygen Integration: Access a dedicated WP Grid Builder element directly inside the Oxygen editor, allowing you to drag and drop your grids into any template or page with ease.
- Advanced Filtering & Facets: Empower your visitors to find exactly what they need using sophisticated filters, including checkboxes, dropdowns, ranges, and search bars, all fully compatible with Oxygen’s visual environment.
- High-Performance AJAX Loading: Deliver a lightning-fast browsing experience. Grids update instantly without requiring a full page refresh, keeping your users engaged and reducing bounce rates.
- Customizable Card Designs: Leverage the power of WP Grid Builder’s card builder to create unique, pixel-perfect designs for your grid items, ensuring they match your site’s aesthetic perfectly.
- Dynamic Content Support: Easily display custom post types, WooCommerce products, and custom fields, giving you total control over the data displayed in your layouts.
- Mobile-Responsive Design: Ensure your grids look stunning on every device, with built-in controls for adjusting columns, spacing, and layout behavior across different screen sizes.
Use Cases / Who It’s For
This integration is designed for web designers, agencies, and store owners who rely on Oxygen Builder to create bespoke, high-performance WordPress websites. If you are building a complex WooCommerce store, this plugin is essential for creating advanced product filtering systems that help customers navigate large inventories without frustration. It is equally powerful for content-heavy sites, such as real estate listings, directory websites, or extensive news portals, where users need to sort and filter through vast amounts of information quickly.
By combining the design flexibility of Oxygen with the robust filtering engine of WP Grid Builder, you can move beyond the limitations of standard archive templates. It is the perfect solution for professionals who refuse to compromise on design or functionality, allowing you to build sophisticated user experiences that drive conversions and improve site usability.
Setup / How It Works
- Installation: Ensure both the core WP Grid Builder plugin and the WP Grid Builder – Oxygen add-on are installed and activated on your WordPress site.
- Create Your Grid: Use the WP Grid Builder dashboard to define your grid, select your data source (such as posts or products), and configure your desired facets and filters.
- Open Oxygen Editor: Navigate to the page or template where you wish to display your grid and open it in the Oxygen editor.
- Add the Element: Locate the WP Grid Builder element within the Oxygen “Add” panel and drag it onto your canvas.
- Select Grid: Within the element settings, choose the specific grid you created in step two from the dropdown menu.
- Style and Finalize: Use Oxygen’s styling controls to adjust the positioning and spacing around the grid, save your changes, and preview the live, interactive results on the front end.
Similar Plugins
While WP Grid Builder offers a unique, high-performance approach to filtering and grid management, other solutions in the WordPress ecosystem provide similar functionality for Oxygen Builder users. These include FacetWP, which is a long-standing industry standard for advanced filtering, and Search & Filter Pro. Additionally, some users may explore native Oxygen Repeater elements combined with third-party query-modifying plugins, though these often require more manual configuration compared to the dedicated integration provided by WP Grid Builder.