---
title: "How to Show Posts from Multiple Post Types in Elementor?"
url: https://theplusaddons.com/docs/show-posts-from-multiple-post-types-in-elementor/
date: 2023-08-28
modified: 2026-05-31
lang: en
author: "Aditya Sharma"
description: "Do you want to show posts from multiple post types on a page in Elementor? There may be situations where you need to display listings from multiple sources in a..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Show-Posts-from-Multiple-Post-Types-in-Elementor_-1024x536.jpg
word_count: 449
---

# How to Show Posts from Multiple Post Types in Elementor?

## 

- Utilizes the Dynamic Listing widget from The Plus Addons for Elementor to display posts from multiple post types on a single page.
- Requires a custom query written in the functions.php file, using a child theme or the Code Snippets plugin for implementation.
- Instructs users to select 'Search List' from the Post Listing Types dropdown and input their custom query ID in the Dynamic Listing widget settings.

Do you want to show posts from multiple post types on a page in Elementor? There may be situations where you need to display listings from multiple sources in a single view.

With the Dynamic Listing widget from [The Plus Addons for Elementor](https://theplusaddons.com/), you can show posts from different post types together on a page using a custom query.

*To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).*

**Best Used For:**

- Agency or portfolio sites that mix blog posts, case studies, and product pages in a single listing

- News and media sites pulling content from multiple content types into one unified feed

- WooCommerce stores that want to combine product listings with blog posts or tutorials on the same page

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

> *Note: The Custom Query option is only for advanced users, comfortable with writing custom PHP code.*

For instance, to show posts from post, page, and products together, follow the steps below.

1. First, write your custom query.

Add the query to the functions.php file. Make sure to use a child theme and add a functions.php file there before writing your code. This preserves your code when the theme updates.

If you are using the [Nexter theme](https://nexterwp.com/docs/nexter-theme-builder-explained/), you can add custom code there directly, or use the [Code Snippets](https://wordpress.org/plugins/code-snippets/) plugin.

Use the following code to show posts from post, page, and product.

`function extra_function_name($query_args) {
$extra_query = array(
'post_type' => array('page', 'product', 'post'),
'post_status' => 'publish',
'posts_per_page' => 12,
);
$query_args = array_merge($query_args, $extra_query); return $query_args;
}
add_filter('your_fuction_id', 'extra_function_name');`

Here the custom query ID is *your_fuction_id*.

> *Note: In the 'post_type' => array you can even add your custom post type name to show results from the custom post type as well. *

2. Add the Dynamic Listing widget to the page.

3. Select **Search List** from the **Post Listing Types** dropdown.

4. The **Post Type** field will be irrelevant here, as the custom query sets the source.

5. Select the style and layout from the **Style** and **Layout** sections.

6. In the **Custom Query** section, click the pencil icon and add your query ID in the **Custom Query ID** field.

The listing will now contain posts, pages, and products as defined in the custom query.

To add pagination to your multi-post-type listing, see [How to Add Pagination in Custom Post Types in Elementor](/docs/add-pagination-in-custom-post-types-in-elementor/).

To display a single custom post type in its own archive layout, see [How to Create Elementor Custom Post Type Archive Page](/docs/create-elementor-custom-post-type-archive-page/).

Also, read [How to Create Elementor Loop with Custom Post Query](https://theplusaddons.com/docs/create-elementor-loop-with-custom-post-query/).

## Frequently Asked Questions

**Q: What should I do if my custom query isn't displaying posts?**
A: If your custom query isn't showing posts, double-check the query ID you entered in the Dynamic Listing widget. Ensure that the custom query is correctly defined in your functions.php file and that you are using a child theme to prevent losing changes during theme updates. Remember, the 'post_type' array can include any custom post types you want to display.

**Q: What are best practices for writing a custom query in Elementor?**
A: When writing a custom query for Elementor, ensure you're using a child theme to add your code to functions.php. This protects your changes during theme updates. Additionally, keep your queries simple and clear; for example, use 'posts_per_page' to limit results and avoid performance issues with large datasets.

**Q: Is there a way to combine different post types without coding?**
A: While combining different post types typically requires writing a custom query, The Plus Addons for Elementor simplifies this process through its Dynamic Listing widget. However, advanced users comfortable with PHP will find more flexibility by customizing their queries directly within their theme's functions.php file.
