{"id":8375,"date":"2019-06-06T09:19:37","date_gmt":"2019-06-06T09:19:37","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=8375"},"modified":"2023-01-24T19:06:47","modified_gmt":"2023-01-24T19:06:47","slug":"jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/","title":{"rendered":"How to Use WooCommerce Recent Products Widget"},"content":{"rendered":"\n<p>The WooCommerce Recent Products widget allows you to showcase all your recently added products in a good-looking grid. This widget is very useful for your Home Page when you want to draw visitors&#8217; attention to certain products.<\/p>\n\n\n\n<p>Look through this tutorial in order to get to know how to add recent products to your pages built with Elementor using the WooCommerce Recent Products widget of the JetElements plugin.<\/p>\n\n\n\n<p class=\"style-title-numecal\"><b><span>1<\/span> Step<\/b> <strong>\u2014 Add the widget to the page<\/strong><\/p>\n\n\n\n<p>Firstly, open the needed page and drag-n-drop the <strong>WooCommerce Recent Products<\/strong> widget to the section where you want to place it.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/recent-products-widget.png\" alt=\"Recent Products widget\" class=\"wp-image-20805\"\/><\/div>\n\n\n\n<p>After that, you will see all your recent products gathered into a grid. They are chosen automatically, according to the date of adding them to your website. <\/p>\n\n\n\n<p class=\"style-title-numecal\"><b><span>2<\/span> Step<\/b> <strong>\u2014 Define the settings<\/strong><\/p>\n\n\n\n<p>In the <strong>Content <\/strong>settings tab, you can choose the number of<strong> Products per page<\/strong>, set the number of <strong>Columns <\/strong>in which the products will be organized, and select <strong>Descending <\/strong>or <strong>Ascending Order<\/strong> for them. Moreover, you\u2019re able to order products by <strong>ID<\/strong>, <strong>Name<\/strong>, <strong>Date<\/strong>, etc.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/recent-products-settings.png\" alt=\"Recent Products settings\" class=\"wp-image-20804\"\/><\/div>\n\n\n\n<p>After everything is done you can save the changes and click on the &#8220;<strong>Preview<\/strong>&#8221; button to see what your products look like on your website.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/recent-products.png\" alt=\"Recent Products front look\" class=\"wp-image-20803\"\/><\/div>\n\n\n\n<p>Congrats! That\u2019s all you have to do to add recent products to your online store using the <strong>WooCommerce Recent Products<\/strong> widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial uncovers the way of displaying WooCommerce Recent Products on your website using the JetElements plugin.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[512],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JetElements: How to Show Recent Products on Your Website | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find how easy it is to use WooCommerce Recent Product widget from JetElements plugin to showcase products recently added on your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetElements: How to Show Recent Products on Your Website | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find how easy it is to use WooCommerce Recent Product widget from JetElements plugin to showcase products recently added on your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-24T19:06:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/recent-products-widget.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/\",\"name\":\"JetElements: How to Show Recent Products on Your Website | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-06-06T09:19:37+00:00\",\"dateModified\":\"2023-01-24T19:06:47+00:00\",\"description\":\"Find how easy it is to use WooCommerce Recent Product widget from JetElements plugin to showcase products recently added on your website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use WooCommerce Recent Products Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JetElements: How to Show Recent Products on Your Website | Crocoblock","description":"Find how easy it is to use WooCommerce Recent Product widget from JetElements plugin to showcase products recently added on your website.","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:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/","og_locale":"en_US","og_type":"article","og_title":"JetElements: How to Show Recent Products on Your Website | Crocoblock","og_description":"Find how easy it is to use WooCommerce Recent Product widget from JetElements plugin to showcase products recently added on your website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/","og_site_name":"Help Center","article_modified_time":"2023-01-24T19:06:47+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/recent-products-widget.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/","name":"JetElements: How to Show Recent Products on Your Website | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-06-06T09:19:37+00:00","dateModified":"2023-01-24T19:06:47+00:00","description":"Find how easy it is to use WooCommerce Recent Product widget from JetElements plugin to showcase products recently added on your website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-recent-products-widget-how-to-display-recent-products-on-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Use WooCommerce Recent Products Widget"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/8375"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=8375"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=8375"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=8375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}