Content Grid Widget for Elementor
The Content Grid widget for Elementor displays your content in a structured grid layout, managed by items or various dynamic source types, for a visually organized presentation.
Content Grid Settings
Customize Your Layout with the Content Grid
Content Grid Style
Personalize Every Aspect of Your Content Grid
Dynamic Content
The Power of Multiple Dynamic Source Types
Woo Product Grid
Showcase WooCommerce Products
WordPress Menu Source
Display Your WordPress Menu
Gallery
Dynamic Multi Media Integration
WordPress Post Source
Populate with WordPress Posts
Step by Step Tutorial
Learn How It Works?
Learn how to use the Content Grid Widget with this video tutorial. Master each step at your own pace effortlessly.
Content Grid Frequently Asked Questions
The Content Grid widget allows you to display content in a grid layout, offering a clean and organized way to present items like images, text, or products. You can control the number of columns, grid spacing, and content arrangement. This widget is perfect for portfolios, galleries, or any section where you want to showcase multiple pieces of content in a structured grid.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search in the search bar for “Content Grid”.
- Hover over the widget in the search results and click Install.
- Add the “Content Grid” widget to any Elementor Page.
The Content Grid widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now.
Absolutely! You can easily showcase your WooCommerce products directly within the grid to create an interactive shopping experience. With WooCommerce as the source, you can query products using options like Custom Query, Current Product Query, Related Products, and Manual Selection.
You can also connect powerful filters to refine the experience, including Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, Price Range, Color Swatches, and Alphabet Filters.
Absolutely! You can showcase WordPress posts or custom post types dynamically within the grid. Query options include Custom Query, Current Post Query, Related Posts, and Manual Selection.
You can also connect powerful filters, such as Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, and Alphabet Filters.
Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters:
- Search Filter: Transform the search experience with a live search that gives instant results.
- Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display.
- Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches.
- Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display.
- Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort.
- Pagination: Enhance the browsing experience with smooth navigation between post results.
- Load More / Infinite Scroll: Improve user interaction in your product widgets using a Load More Button or Infinite Scroll.
- Active Filter: Display the selected filters and reset them easily for user convenience.
- Clear Filters: Let users easily clear all selected filters with one quick and easy click.
- Post Query Summary: Provides quick feedback by displaying the number of posts or pages found.
Click here to Learn More.
Definitely! The Content Grid widget supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.
Yes, the Content Grid widget supports importing data from CSV files, making it versatile for various use cases.
Of course! You can easily display JSON file data within the Content Grid to create dynamic content layouts.
Using the Content Grid is straightforward. Drag the widget into your page, configure your grid and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.
