---
title: "How to Create Elementor Loop with Custom Post Query?"
url: https://theplusaddons.com/docs/create-elementor-loop-with-custom-post-query/
date: 2023-08-28
modified: 2026-04-11
author: "Aditya Sharma"
description: "Do you want to show posts based on your custom query with a custom loop skin in Elementor? When you use a custom query with a custom layout design it..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Create-Elementor-Loop-with-Custom-Post-Query_-1024x536.jpg
word_count: 324
---

# How to Create Elementor Loop with Custom Post Query?

## Key Takeaways

- Dynamic Listing widget from The Plus Addons for Elementor allows users to add a custom query for displaying posts with a custom loop skin.
- Users can utilize up to 5 templates together by turning on the Multiple Loops toggle in The Plus Addons for Elementor.
- The Custom Query option requires advanced users to be comfortable writing custom PHP code.

Do you want to show posts based on your custom query with a custom loop skin in Elementor? When you use a custom query with a custom layout design it gives you more control of what content shows on your website and how it looks. 

With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily add a custom query to show posts based on your unique query with a custom loop skin.

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

***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 writing custom PHP code.*

To do this, follow the steps -

1. First, you have to write your custom query. 

2. After that add the Dynamic Listing widget to the page. 

3. Then select **Custom Query** from the **Post Listing Types** dropdown.

4. In the **Query ID** field add your custom query id.

5. Then select **Custom Skin** from the **Style** section and select your template from the **Select a template** dropdown.

You can turn on the **Multiple Loops** toggle to use multiple layout designs together for your listing. You can use up to 5 templates together.

> *Note: In order to use Multiple Loops, you have to create separate custom templates for each loop template.*

6. Then, you have to select the appropriate layout type from the **Layout** dropdown.

> *Note: For using Masonry and Metro layout, you have to design your templates accordingly.*

7. If you are using multiple loops, you can arrange the templates in reverse or random order from the **Template Order** dropdown.

Now your posts will show based on your custom query using your custom design.

Also, read [How to Show Blog Posts Based on Custom Query in Elementor](https://theplusaddons.com/docs//show-blog-posts-based-on-custom-query-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if my custom query isn't displaying posts in Elementor?**
A: If your custom query isn't showing posts, double-check your Query ID in the Dynamic Listing widget. Ensure that the custom query you wrote is correctly formatted and compatible with the widget. Remember, the Custom Query option is intended for advanced users familiar with PHP code, so any syntax errors could prevent posts from appearing.

**Q: What layout types work best for custom loops in Elementor?**
A: When creating custom loops, you can select from various layout types in the Layout dropdown. For Masonry and Metro layouts, ensure your templates are designed accordingly to fit the layout style. Choosing the right layout enhances the visual appeal and user experience of your content.

**Q: How do I ensure my custom loop skin looks good on mobile devices?**
A: To ensure your custom loop skin is mobile-friendly, test your templates on different screen sizes after creating them. The Plus Addons for Elementor allows for responsive design adjustments, so make sure to optimize your templates for mobile viewing to enhance accessibility and user engagement.