- COMPANY
- SERVICES
- Enterprise Mobility
- Cross Platform Apps Development
- Ecommerce & CMS
- Front-End Technology
- Back-End Technology
- UI/UX Design Services
Enterprise Mobility (Cross Platform)
Ecommerce & CMS
Front End Technology
Back End Technology
UI/UX Design Services
- HIRE US
Mobile Developer
Web Developer
QA Tester
eCommerce & CMS
- SOLUTIONS
Design & Development
On-Demand Solutions
Digital Marketing
API Integrations
Support & Testing
- OUR WORK
Our Work
- CAREER
- CONTACT US
Do you know why entrepreneurs and enterprises are investing highly in UI/UX development and developers these days? According to experts, it takes only 2.6 sec on average for viewers to land their eye on website homepages to take a complete detour and gather all the vital information about the entire website.The homepage is essential to your branding and tells your customers about your product and service range.
That’s why nurturing it with high-end features and functionalities will boost your website performance and digital visibility enormously.
Hence, to make it more appealing and user-friendly, you should focus on adding your product catalog using Magento 2. And if you don’t know how to display your products on the homepage of Magento 2, here’s a complete guide for you.
To Begin With:
Step 1 – You must log in to your Magento 2 Admin panel.
Step 2 – Now navigate to Content and click on the Pages option. Under the Page section, click on the Homepage – > From the select dropdown, then click on the Edit dropdown under the Action option.
In short, Content -> Pages -> Homepage -> Edit

Here, you will get to see all your product pages.

Step 3 – Now, go to the Content section and click on the Widget option.
In short Content -> Widget

Step 4 – After clicking on the widget option, the insert page will appear where you need to click on the Catalogue Product List option to choose the widget type.
In short, Widget -> Insert Page – > Catalogue Product -> Widget Type

Follow the below procedure to fill out the widget option:
- Set an optimized title with relevant keywords to attract viewers and for search engine performance.
- If you plan to display multiple products, consider enabling the Display Page Control while specifying the Total Number of Products per page.
- Now, set the preferred Number of Products you want to display in the
- Then Select Template (The by-default Products Grid Template)
- Set the Cache Lifetime in seconds to define the update frequency of the product widgets on the homepage.
- At last, specify conditions to display products on the homepage in Magento 2. You must specify category conditions before displaying products from selected categories.
Step 5 – After clicking on the widget type, you will be directed to the next page, where you will find a Conditions attribute. From that, you need to click on the Category from various options and choose the specific category relevant to your product, which you have decided to display on your store’s homepage. After selecting the Category, it’s time you hit the insert widget button.
In short, Condition -> Category -> Category -> Insert Widget

Step 6 – Lastly, after inserting the Widget, you need to revert to the Content page. There, you will see an icon for Products in the text box. Now, click on the Save Page to complete the Magento 2 new product widget display process.
Now, enjoy your products being shown in your storefront homepage category.
It’s a pretty straightforward process to follow. However, you might encounter confusion and hindrances when setting product widgets on your homepage in Magento 2. However, you can take professional assistance from Metizsoft Solutions, A leading Magento development company, for step-wise guidance at your convenience.
AboutChetan Sheladiya
Director at Metizsoft Solutions, Chetan Sheladiya today stands at the top of a leading Mobile Application Development company, which further specializes in Online Business Marketing, Social Media Marketing, and Web Development, amongst other areas. A tech-lover at heart, Chetan has had more than a decade's worth of experience, dealing with hundreds of projects, and creating a bunch of unique IT solutions along the way. His other interest lies in sharing his ideas and opinions with people as passionate about technology, as he is. You can find his thoughts expressed on LinkedIn, Twitter, and Facebook.
Related Posts
How to Make Your Current WordPress Website ADA Compliant?
May 13, 2019
In our previous written article on eCommerce ADA Compliance Website, we held the view that the issue of web accessibility is...
In:E-Commerce
How to Keep your Customers Engaged Using eCommerce Store Apps?
August 26, 2019
It will not be wrong if we call the current age the age of mobile phones. We carry our mobile phones almost everywhere. With...