How to Display Products on Homepage in Magento 2

In the first tutorial of this series, you learned how to add an Image Slider in Magento 2. Another way to make the homepage attractive, though, is to show the best products on the homepage of your store. It is the best way to get the attention of the users towards your products which increase the chances of more sales.

So, today you are going to learn how to display products on the homepage of Magento 2. In this tutorial, I will show you two types of products list on the homepage:

  • Products from Specific Category.
  • New Added Products.

Products from Specific Category

Go to the Admin panel of your store and navigate to CONTENT → Pages.

Content pages

Now click on Edit from the Select dropdown of homepage.

edit homepage

Unfold the Content section and then click on Insert Widget from the homepage editor.

insert widget

Now select Catalog Products List from Widget Type dropdown and fill all the details according to your requirements. After providing all the details, go to Conditions attribute, select Category option and just select the category of your choice that you want to show. At last, click on Insert Widget.

insert category widget

Now just click on Save Page.

Save category

Now go to the homepage of your store, and you will see the products from specific category on the homepage of your Magento 2.

category output

New Added Products

Click on insert widget from the Content editor of your homepage.

insert-widget

Select Catalog New Products List from Widget Type Dropdown and fill the details according to your requirements. After providing all the details, click on Insert Widget.

insert new product widget

Now click on Save Page.

save new product

Go to the homepage of your store, and you will see the recently added products on the homepage of your Magento 2.

new products output

After following this tutorial series, your homepage of Magento 2 will looks like:

final output

Wrapping Up

Showing products on the homepage of a store is one of the best approaches to boost the sales and now you should be able to show products on the homepage of Magento 2. In this Magento 2 homepage customization series, you learned how to add image slider in Magento 2 and how to display products on the homepage of Magento 2. If you want to discuss or add anything to it, just use the comments box below!

About Author

Syed Muneeb Ul Hasan is an expert in PHP and Magento, he prefers to educate users in implementing and learning Magento. When not working, he loves to watch cricket.