Post Grid Widget for Elementor

post-grid
PRO

Widgets  /  Posts  /  Post Grid

Post Grid Widget for Elementor

Demo
Documentation
Video

The Post Grid widget lets you display posts in a grid format on any Elementor page or even an archive template. Use any of the customizable layouts to create a unique post grid with live AJAX filters.

Buy Now
Choose Template
Post Grid for Team Members with Tabs Filter
Post Grid for Team Members...
Woo Car Shop With Filters
Woo Car Shop With Filters
Post Grid With Tabs Filter and Sorting
Post Grid With Tabs Filter...
Post Grid for Movies with Checkboxes Filter
Post Grid for Movies with...
Post Grid for a Car Collection with Dynamic Post Popup
Post Grid for a Car Collection...
Post Grid for Recipes with Dropdown Search Filter
Post Grid for Recipes with...
Post Grid for a Blog with Load More Option
Post Grid for a Blog with...
Post Grid for a Wine Collection with Tabs Filter
Post Grid for a Wine Collection...
Post Grid with Pagination for News
Post Grid with Pagination...
Post Grid for Desserts
Post Grid for Desserts
Post Grid for Desserts and Cocktails with Infinite Scroll and Search Filter
Post Grid for Desserts and...
Post Grid for Places
Post Grid for Places
Post Grid for News
Post Grid for News
Post Grid for Products with Multiple Search Filters
Post Grid for Products with...
Post Grid with Cocktails
Post Grid with Cocktails
Loading...
Copy Buy Now

Advanced Post Query

Make it easier for your website visitors to find what they’re looking for. Easily query and display posts with advanced rules anywhere on your website.

Custom Query

Present posts generated from advanced dynamic include and exclude rules.

Current Post Query

Create an archive page or blog page based on the link the user is viewing.

Related Posts

Display a selection of posts that are related or relevant to the currently viewed post.

Manual Posts Selection

Choose the specific posts you want to show on the page by name.

Learn More

Layout & Settings

Unleashing the Power of the Post Grid Widget

The Post Grid widget empowers you with complete control over the presentation of your posts on the page. With a user-friendly interface, you can effortlessly customize various elements, including layout display, columns, sort order, and pagination, ensuring a seamless and tailored display to meet your preferences.

Meta Data

Show Extra Info in Post Grid Items

Optimize your website’s functionality by showcasing vital information directly in your post grid items. Achieve this by including additional data, like custom meta fields from popular plugins such as ACF, Toolset, POD’s or any other plugin.

Style

Endless Post Grid Styling Possibilities

Elevate the visual appeal of your widget effortlessly by customizing its colors and fonts using the user-friendly Elementor live page builder interface. Personalize each element of the Post Grid widget to seamlessly integrate with your website’s overall design, creating a cohesive and visually captivating aesthetic. 

Popup

Craft Dynamic Popups for Instant Post Views

Create a dynamic popup that provides a quick view of the post, all without having to navigate away from the page. Utilize an Elementor single post template to craft the layout of this dynamic popup.
Learn More

Filters

Advanced Filters for Ultimate Control

Enhance your post grid with advanced filters and tools. Our versatile post widgets solution allows you to easily create complex layouts while maintaining full control over your website. Enjoy live AJAX filters such as checkboxes, tabs, dropdown filters, and more, improving user interaction and navigation.
Learn More

Post Grid Layout

Effortlessly personalize your Post Grid using a wide range of eight different layout options. This widget empowers you to craft captivating designs seamlessly within your Elementor page editor.

Side by Side

Present post content beside the image for a balanced layout.

Alternating

Arrange post content and images side by side, with alternating rows for a dynamic visual experience.

Under

Display the post content below the image in the most common and standard view.

Overlay

Showcase the featured image and reveal information on hover, with a special mode for directional hover awareness.

Under Overlap

Create a subtle overlap for post content on top of the bottom of the image.

Partial Overlay

Partially overlay the featured image with post content, offering a nuanced presentation.

Reveal From Bottom

Engage users with a hover effect that delicately unveils content through a micro animation from the bottom.

Overlay Always

Exhibit the image with post info on top at all times, rather than only on hover.

Why Should You Use the Post Grid Widget?

Display Your Posts in an Eye-Catching Grid Layout

Present your posts in a visually appealing grid format. This grid layout is highly customizable allowing you to take control over the overall design to match your website's aesthetics.

Engage Your Visitors with Dynamic Content

With the Post Grid Widget, you can dynamically showcase your latest blog posts, portfolio items, testimonials, or any other type of content on your website.

Improve User Experience with Filtering and Sorting Options

The widget provides advanced filtering and sorting options, allowing your visitors to find specific posts or browse content based on categories, tags, and custom criteria.

Step by Step Tutorial

Learn How It Works?

Learn how to use the Post Grid Widget with this video tutorial. Master each step at your own pace effortlessly.

What Makes The Post Grid Widget Special?

Advanced Query Controls

The widget provides advanced query controls, enabling you to fine-tune the content displayed in your post grid. You can specify the number of posts to show, exclude or include specific posts, set a date range, and more.

Pagination and Load More

The widget includes pagination and load more functionality, allowing you to split your post grid into multiple pages for better organization. Visitors can navigate through different pages or load more posts dynamically.

Filtering and Sorting

The widget provides advanced filtering and sorting options, enabling you to curate and display posts based on specific criteria. You can filter posts by categories, tags,  or even custom fields.

Extensive Customization

This widget offers a wide range of customization options, allowing you to create post grids that perfectly align with your website's design and branding.

Custom Post Types

Unlike some other post grid plugins, the Post Grid Widget fully supports custom post types. Whether you're showcasing blog posts, portfolio items, products, events, or any other custom content.

Dynamic Content

Easily integrate dynamic content from custom fields. You can display dynamic content such as WooCommerce products, events from a calendar, or even custom fields created by other plugins.

Frequently Asked Questions

What is the Post Grid Widget for Elementor?

The Post Grid Widget for Elementor is a powerful tool that allows you to display posts from your WordPress site in a grid layout. It is a widget specifically designed for use with the Elementor page builder.

What are some uses of dynamic content with the Post Grid widget?
Dynamic custom fields allow you to display content that changes based on the custom field values of your posts.  For example, you can use dynamic custom fields to display posts based on the price range, location, or availability of products on your website. You can also use dynamic custom fields to display posts that are related to a specific category or tag
What type of filters can I use with the Post Grid widget?
You can use the search filter to allow users to search for specific content within the post grid. Additionally, you can use the pagination option to display a limited number of posts at a time and allow users to navigate through the pages of results.
Can I customize the appearance of the Post Grid Widget?

Yes, you can customize the appearance of the Post Grid Widget. Elementor provides various customization options such as choosing the number of columns, adjusting the image size, specifying the content length, and much more. You can also apply custom CSS if needed.

Can I control the order of the posts in the grid?

Absolutely! The Post Grid Widget provides options to sort the posts by date, title, or even custom fields. You can choose between ascending or descending order for each sorting option.

Can I combine multiple filters and sorting options in the Post Grid Widget?

Absolutely! The Post Grid Widget allows you to combine multiple filters and sorting options to create highly specific and targeted post grids. You can apply multiple filters simultaneously and then define the sorting order to further customize the display of your posts.

Can I sort the posts in the Post Grid Widget by date or title?

Certainly! The widget offers sorting options for posts, allowing you to arrange them based on date or title. You can choose between ascending or descending order for both sorting options. This feature is useful for showcasing the most recent or alphabetical listings of your posts.

Which filters can I use with the Post Grid Widget for Elementor?

The Post Grid Widget offers versatile filtering options to refine the content displayed in your post grid. You can utilize filters based on categories, tags, post types, and even custom taxonomies. These filters allow the user to precisely control which posts are included or excluded from the grid. Some popular filters are: Tabs Filter, Select Dropdown Filter, Search Filter and the Checkboxes Filter.