E-Commerce

Learn How to Display Products Catalogue on The Homepage in Magento 2!

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 catalogue 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.

Share
Chetan Patel

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, Web Development, amongst other areas. A tech-lover at heart, Chetan has had more than a decade 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.

Published by
Chetan Patel

Recent Posts

Beginners Guide to Google Shopping Ads – Definition, Set-up Procedure & Benefits Explained!

Since the marketplace digitalization has gained massive adoption amongst retailers and buyers, things have become… Read More

2 weeks ago

How Laravel With Vue Js Make an Ideal Pair for Web App Development?

As technology evolves and rapidly advances toward the newest innovation, the demand, and usage of… Read More

3 weeks ago

Figma to Shopify – Know How You Can Covert Figma Design to Shopify?

Gone are those days when developers and enterprises surge around limited prototype options while working… Read More

2 months ago

Top 10 Agile Project Management Tools and Software in 2022!

To all the project coordinators and managers out there, we know how challenging it is… Read More

2 months ago

Step-by-step Instructions to Connect Your YouTube Channel to Shopify!

Have you ever heard about brand collaboration? I am sure you must have. Well, a… Read More

2 months ago

NFTs Explained – Definition, Usage and Working Procedure!

If you are a tech-savvy or digital content lover, you must have heard of the… Read More

2 months ago