{"id":1507,"date":"2021-01-05T06:16:35","date_gmt":"2021-01-05T06:16:35","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/display-products-on-homepage-magento-2\/"},"modified":"2025-07-17T10:12:13","modified_gmt":"2025-07-17T04:42:13","slug":"display-products-on-homepage-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/display-products-on-homepage-magento-2\/","title":{"rendered":"How to Display Products on Homepage in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">According to KoMarketing, 86% of visitors want to see information about the company\u2019s product and service. A website homepage of any E-commerce store does not only attract the customers and but it also helps to sell the products and services quickly. Most of the consumers are less likely to return to your website after a bad experience. That\u2019s real power of the first impression!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A poorly designed homepage fails to attract the users and generate revenue because the customers are more likely to close your website and would not prefer to make a purchase. If you\u2019re selling the products with the best offers and prices, but the homepage is not capable enough to attract customers by showcasing the best selling products, most viewed products, etc., then everything\u2019s in vein!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fortunately, default\u00a0Magento 2\u00a0facilitates to\u00a0<strong>display products on homepage in Magento 2<\/strong>. Here, I\u2019m sharing steps to follow to start displaying your best selling or most viewed products.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps to Display Products on Homepage&nbsp; in Magento 2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. <strong>Login<\/strong>&nbsp;to the Magento 2 admin panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Navigate to&nbsp;<strong>Content &gt; Elements &gt; Pages<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/1.png\" alt=\"to display products on homepage\" class=\"wp-image-12317\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Now find \u201c<strong>Home page<\/strong>\u201c. Click&nbsp;<strong>Edit<\/strong>&nbsp;button from&nbsp;<strong>Select<\/strong>&nbsp;dropdown of&nbsp;<strong>Action<\/strong>&nbsp;column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/2.png\" alt=\"to display products on homepage\" class=\"wp-image-12318\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. From the&nbsp;<strong>Content,&nbsp;<\/strong>select the&nbsp;<strong>Insert Widget<\/strong>&nbsp;option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/4.png\" alt=\"to display products on homepage\" class=\"wp-image-12320\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. Select&nbsp;<strong>Catalog Product List<\/strong>&nbsp;option in&nbsp;<strong>Widget Type<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6. Fill the options like Title, Display Page Control, Number of Products to Display etc. Don\u2019t forget to fill all starred option that is required.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Apply the&nbsp;<strong>Conditions<\/strong>&nbsp;attribute and select the&nbsp;<strong>Category<\/strong>&nbsp;that you want to show on your home page.<\/li>\n\n\n\n<li>Now click on&nbsp;<strong>Insert Widget<\/strong>&nbsp;button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/6.png\" alt=\"to display product in home page\" class=\"wp-image-12323\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">7. Finally, Click Save after following those steps.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/8.png\" alt=\"to display products on homepage\" class=\"wp-image-12324\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Conclusively, the output shows products on home page :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/9.png\" alt=\"to display products on home page\" class=\"wp-image-12327\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pretty Easy! Right?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I would be happy to answer. You can&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/show-recently-viewed-products-in-magento-2\/\">show recently viewed products in Magento 2<\/a>&nbsp;it will help your customers find the products they might have viewed and kept the purchase on hold due to some reasons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please do consider sharing this post with Magento Community via social media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>According to KoMarketing, 86% of visitors want to see information about the company\u2019s product and service. A website homepage of any E-commerce store does not&#8230;<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1507","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1507"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1507\/revisions"}],"predecessor-version":[{"id":13885,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1507\/revisions\/13885"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}