How to Display Products on the Frontpage of Magento 2

Overview on the Process of Displaying Products on the Frontpage of Magento 2

Most users find it difficult to display the products they have added on the home page of their store. In this tutorial you will learn how to add a widget for your products and feature them on your home page.


You will have to first login as an administrator to your Magento 2 based store’s back end and navigate to Content>Pages.


Accessing the Blocks menu in Magento 2


Here you will see a list of your store’s pages and by clicking on the Select option you will be able to Edit your home page.


Editing the Home Page of your Magento 2 Store


In the Page Information tab, you can select a Title, URL, store view and Status of the page.


General Page Settings in Magento 2


Click on the Content tab and click on the insert widget button to add a widget for this page.


Inserting a Widget in a Page


Now you will be able to choose one of the widget types available. We chose Catalog New product List to feature the newest products from the catalog on the main page. You will also be able to select the number of products on the screen as well as the exact way they are being displayed.


Configuring the Widget to show Products


When you are ready get back to the Content tab by clicking on the Insert Widget button and then click the Save Page button to apply the changes to the page.


The just added widget representing a Catalog of products


Congratulations, now your new products will be visible for the customers on your store’s home page.