{"id":84597,"date":"2022-11-02T13:57:40","date_gmt":"2022-11-02T13:57:40","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=84597"},"modified":"2025-12-01T16:32:32","modified_gmt":"2025-12-01T14:32:32","slug":"introducing-the-loop-builder","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/","title":{"rendered":"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections"},"content":{"rendered":"\n<p>Elementor 3.8 includes some highly anticipated features, including the first phase of the Loop Builder, with additional functions and capabilities added in upcoming versions. With the Loop Builder, you gain more creative freedom to design your posts and listings, so you can design it any way you\u2019d like. Additionally, this release is the first to follow a new release mechanism, which will make our future releases a lot more predictable, and reliable.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introducing the Loop Builder (Pro)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/01-Loop-Builder-A.png\" alt=\"\" class=\"wp-image-84599\" \/><\/figure>\n\n\n\n<p>Elementor 3.8 Pro introduces the first phase of the Loop Builder. The Loop Builder enables you to create and design the main item for repeating content (i.e. loops) such as listings, as well as customize its layout on the page. By creating a main item <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\" title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24922\">template<\/a> yourself, you get a lot more flexibility compared to the Posts widget to design your listings and include additional dynamic content.&nbsp;<\/p>\n\n\n\n<p>The first phase of the Loop Builder includes the ability to create a main item for posts, and custom post types, and to include dynamic content from your post. That way, you can easily design the display of your posts, portfolios, listings, and more. Future updates will include full <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" title=\"WooCommerce Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24921\">WooCommerce<\/a> support so you can fully customize the appearance of all your Product Archives, and additional capabilities that will enhance the design of your website.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Designing the Template for your Main Item<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/01-Loop-Builder-B.png\" alt=\"\" class=\"wp-image-84600\" \/><\/figure>\n\n\n\n<p>There are two ways to design your main item template:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>In-Place Editing &#8211; available by dragging the Loop Grid widget onto a page and clicking the \u2018Create a Template\u2019 button.&nbsp;<\/li><li>Blank Canvas &#8211; available by adding a new Loop Item template from the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/theme-builder\/\" title=\"Theme Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24920\">Theme Builder<\/a>, or by adding a new template from the Templates menu in the WordPress dashboard.&nbsp;<\/li><\/ol>\n\n\n\n<p>To design your main item template, you can use nearly any of the widgets in Elementor. Each of the widgets you use, can be assigned any of the dynamic fields available on your website, or they can be left as static and used to enhance the design of your main item.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Choosing the Source of Content to Display<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/01-Loop-Builder-C.png\" alt=\"\" class=\"wp-image-84601\" \/><\/figure>\n\n\n\n<p>Once you\u2019ve designed the design for your loop item, it\u2019s time to choose what content you want displayed on the page. You can create a single Loop Item template and use it on different pages to display different content, or you can create different templates to use for different post types.<\/p>\n\n\n\n<p>For example, if you are building a real estate website, you can create one template to use to display your real estate listings, and another template to display your blog posts. That way, you can have a unique design for each one, and include different content fields. In your real-estate listings you may want to include dynamic content from your custom fields to display the number of bedrooms and bathrooms in your loop item template, whereas in your blog post, you may want to include an indication to how long it will take to read each post.&nbsp;<\/p>\n\n\n\n<p>To display dynamic content in your loop, you\u2019ll assign the dynamic content you want to display by clicking the Dynamic Content icon on each widget in the <em>Loop Item template<\/em>, and determining which dynamic field should be displayed.&nbsp;<\/p>\n\n\n\n<p>To choose the source, or type of posts, of content to display, you\u2019ll need to drag the <em>Loop Grid widget<\/em> to your desired location on the page, and then in the query section, choose the appropriate post type. Then, you can choose whether you want to include or exclude content from a certain author, or that includes a certain term, decide whether you want to display posts in an ascending or descending format.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adjusting the Layout of the Listings on a Page<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/01-Loop-Builder-D.png\" alt=\"\" class=\"wp-image-84602\" \/><\/figure>\n\n\n\n<p>The loop templates you create can be used on any page, using the Loop Grid widget. After you choose the template and the content you want to display, you can adjust the layout and styling of your listing on the page.&nbsp;<\/p>\n\n\n\n<p>In this step, you\u2019ll decide the number of columns you want your grid to display, the gap between one item and another, as well as whether you want all listings to appear on one page or divide them into multiple pages. You can also add additional styling options at this stage like background images or motion effects, etc.<\/p>\n\n\n\n<p>As part of this version, the Loop Builder can only be used with Containers. So to use the Loop Builder, you will need to enable two experiments: Flexbox Containers, and the Loop Builder.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Flexbox Containers Have Been Upgraded to Beta Experiment Status<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/02-Flexbox-Containers-A.png\" alt=\"\" class=\"wp-image-84603\" \/><\/figure>\n\n\n\n<p>After having gone through extensive testing, and reviewed under a variety of conditions and use cases, and tested with a number of different integrations, Flexbox Containers are now a Beta Experiment. That means they are considered stable, and you can confidently use them on your own website.&nbsp;<\/p>\n\n\n\n<p>However, as Containers move from an Alpha experiment to a Beta one, if you have used the Container on live websites, please ensure that everything works and looks as expected, since some changes made to the Container could affect the way it looks on your website.<\/p>\n\n\n\n<p>Since for some of you, Flexbox Containers will require some learning and getting used to, for the time being &#8211; it will be your decision when to activate the experiment and use Containers on your website.&nbsp;<\/p>\n\n\n\n<p class=\"post-alert\">Please note, if you decide to activate the experiment, and design layouts using the Container, but then decide to deactivate the experiments, all website parts created with Containers may disappear.&nbsp;<\/p>\n\n\n\n<p>To learn more about how you can use Flexbox Containers on your website, you can also try it out yourself first in the <a href=\"https:\/\/playground.elementor.com\/demo\/flexbox\/\">Elementor Flexbox Playground<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New: Remove Kit &#8211; Revert Kit to its Previous State<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/03-Revert-Kit-Restore-kits-to-their-previous-condition.png\" alt=\"\" class=\"wp-image-84604\" \/><\/figure>\n\n\n\n<p>Website Kits are a great way to get a jump start on your website, as it comes with all the essential pieces a website needs, and the global styles associated with it. Up until now, there hasn\u2019t been a single, simple button you could click that would restore your website to its previous state, if you realize you want to use a different kit, or none at all.&nbsp;<\/p>\n\n\n\n<p>With the new Remove Kit feature, you can remove the latest kit you installed on your website, and the global styles that came with it, without having to restore your entire website to a previous version. When downloading any kit after updating to this version, the new \u2018Remove Kit\u2019 button will appear on the Import\/Export tab (located in the WordPress dashboard under Elementor Settings \u2192 Tools). Clicking this button will restore your website to its previous state, before applying the kit. While any new content you create, in a new page or post will remain, it will adopt the global styles your website had before downloading the kit.&nbsp;<\/p>\n\n\n\n<p>Additionally, all pages, posts, and assets added to the website as part of the kit will be removed, this includes changes made to the content of any kit. If you would like to keep any changes you\u2019ve made to the kit, or content you\u2019ve added before removing the kit, we recommend creating a new page and copying the content over before removing the kit.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Enjoy More Design Flexibility and Show More of Your Dynamic Content<\/h2>\n\n\n\n<p>Elementor and Elementor 3.8 Pro empowers you to design more of your website, using Elementor. Whether you want to gain more control over customizing the appearance and content of your listings, or achieve more sophisticated layouts with Containers, these updates are going to improve your ability to do so.&nbsp;<\/p>\n\n\n\n<p>Give these new features a try and let us know what you think about them, and how you used them on your own website in the comments.&nbsp;<\/p>\n\n\n\n<p>Join our <a href=\"https:\/\/youtu.be\/xp16HyWfO38\">release Live Show on Thursday, November 10th at 11am EST<\/a> to learn more about how you can use the Loop Builder on your website, how to effectively convert existing sections and columns into Containers, and more.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This version includes the first phase of the Loop Builder, marks Flexbox Containers as a Beta experiment,  and a new Remove Kit function, that will improve your workflow when working with Kits. <\/p>\n","protected":false},"author":2024207,"featured_media":84605,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,15],"tags":[173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-84597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-new-features","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing Loop Builder: Design Every Aspect of your Post and Product Collections<\/title>\n<meta name=\"description\" content=\"This version includes the first phase of the Loop Builder, marks Flexbox Containers as a Beta experiment, and a new Remove Kit function, that will improve your workflow when working with Kits.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections\" \/>\n<meta property=\"og:description\" content=\"This version includes the first phase of the Loop Builder, marks Flexbox Containers as a Beta experiment, and a new Remove Kit function, that will improve your workflow when working with Kits.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-02T13:57:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T14:32:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella Laster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Laster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections\",\"datePublished\":\"2022-11-02T13:57:40+00:00\",\"dateModified\":\"2025-12-01T14:32:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\"},\"wordCount\":1350,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png\",\"keywords\":[\"Video\"],\"articleSection\":[\"Elementor\",\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\",\"url\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\",\"name\":\"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png\",\"datePublished\":\"2022-11-02T13:57:40+00:00\",\"dateModified\":\"2025-12-01T14:32:32+00:00\",\"description\":\"This version includes the first phase of the Loop Builder, marks Flexbox Containers as a Beta experiment, and a new Remove Kit function, that will improve your workflow when working with Kits.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\",\"name\":\"Gabriella Laster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"caption\":\"Gabriella Laster\"},\"description\":\"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/gabriellal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections","description":"This version includes the first phase of the Loop Builder, marks Flexbox Containers as a Beta experiment, and a new Remove Kit function, that will improve your workflow when working with Kits.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections","og_description":"This version includes the first phase of the Loop Builder, marks Flexbox Containers as a Beta experiment, and a new Remove Kit function, that will improve your workflow when working with Kits.","og_url":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2022-11-02T13:57:40+00:00","article_modified_time":"2025-12-01T14:32:32+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png","type":"image\/png"}],"author":"Gabriella Laster","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Gabriella Laster","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections","datePublished":"2022-11-02T13:57:40+00:00","dateModified":"2025-12-01T14:32:32+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/"},"wordCount":1350,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png","keywords":["Video"],"articleSection":["Elementor","New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/","url":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/","name":"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png","datePublished":"2022-11-02T13:57:40+00:00","dateModified":"2025-12-01T14:32:32+00:00","description":"This version includes the first phase of the Loop Builder, marks Flexbox Containers as a Beta experiment, and a new Remove Kit function, that will improve your workflow when working with Kits.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/11\/BLOG-COVER.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"Introducing Loop Builder: Design Every Aspect of your Post and Product Collections"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a","name":"Gabriella Laster","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","caption":"Gabriella Laster"},"description":"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.","url":"https:\/\/elementor.com\/blog\/author\/gabriellal\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/84597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/2024207"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=84597"}],"version-history":[{"count":7,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/84597\/revisions"}],"predecessor-version":[{"id":146208,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/84597\/revisions\/146208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/84605"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=84597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=84597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=84597"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=84597"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=84597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}