How to Create Elementor Custom Post Type Grid?

Key Takeaways

  • Dynamic Listing widget from The Plus Addons for Elementor displays custom post types in a grid layout.
  • Users must create at least one custom post type, such as Books, to utilize the Dynamic Listing widget.
  • Grid layout management is available through the Columns Manage tab in The Plus Addons for Elementor.
Table Of Content

Do you want to organize your custom post types in a beautiful grid layout on your Elementor-powered website? Grid layout is a great way to display posts on a website. It helps to showcase multiple posts in an organized and visually appealing way.

With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily show your custom post types, regular blog posts, and products in a beautiful grid layout.

To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, make sure you have created at least one custom post type, you can use the free Advanced Custom Fields (ACF) to create a custom post type.

For instance, we have created a custom post type called Books.

Once you’ve created your custom post type, follow the steps –  

1. Add the Dynamic Listing widget to the page. 

2. After selecting the appropriate listing type from the Post Listing Types dropdown (except ACF Repeater and Custom Query) select your custom post type from the Post Type dropdown.

3. Then after selecting the appropriate style, select Grid from the Layout section.

Dynamic listing create elementor custom post type grid new1 how to create elementor custom post type grid? From the plus addons for elementor

Now your custom post types will show in a beautiful grid layout. You can manage the grid columns from the Columns Manage tab.

You can fine-tune the layout with other settings and style options.

Dynamic listing grid layout demo

Note: Following this process, you can also show blog posts and products in a grid layout, but we recommend using our dedicated Blog Listing and Product Listing widgets for more options.

Also, read How to Create Elementor Custom Post Type Carousel Slider.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my custom post type isn't showing in the grid?

If your custom post type isn't displaying in the grid, ensure that you have created at least one custom post type and that The Plus Addons for Elementor is installed and activated. You can use the free Advanced Custom Fields (ACF) to create a custom post type. If everything is set up correctly, double-check that you've selected the correct post type from the Post Type dropdown in the Dynamic Listing widget.

What layout settings work best for creating a visually appealing grid?

For a visually appealing grid layout, select 'Grid' from the Layout section after adding the Dynamic Listing widget. You can also manage the grid columns from the Columns Manage tab to adjust how many posts appear per row. This flexibility allows you to create a layout that best fits your design needs and enhances user experience.

Last reviewed: April 10, 2026