How to Insert New Products List in Widget in Magento 2

New product list is necessary to inform customers with latest products which are marked as “New” and selected from the catalog. This tutorial will help you produce your own News Products List to catch your customers’ attention. The list can be set to display in the default which automatically contains recent added items or demonstrates only new items specified by a Date Range.
To insert New Products List in Widget in Magento 2:
- Step 1: Configure the Date Range
- Step 2: Generate the Widget
- Step 3: Display on frontend
- Step 4: Set the List
- Step 5: Preview
Step 1: Configure the Date Range
The Date Range will decide the period of time that a product is considered as New. To assign values for Date Range, follow the instruction below.
- On the Admin sidebar, click
Products > Inventory > Catalog
. - In the grid, choose the product you want to settle the Date Range and click on
edit
mode in Action column.-
Click
ADVANCED SETTINGS > autosettings
. -
Enter a valid first date to assign for the item in the Set Product as New From Date field or click on calendar button
and choose the date.
-
Enter a valid last date to assign for the item in the Set Product as New To Date field or click on calendar button
and choose the date.
-
- Click
Save
button in the upper-right conner when you are done.
Step 2: Generate the Widget
Now you will determine how the New Products List display on your storefront.
-
On the Admin sidebar, tap
Content > Elements > Widgets
. - In the upper-right corner, click
Add New Widget
button. - In the setting section:
- Set Type to “Catalog New Products List.”
- Set Design Theme to the current used theme of your store.
- Click
Continue
.
- In the Storefront Properties section, complete the following fields:
- Widget Title: Type a specific title for the widget in the field. This title is visible only from the Admin.
- Assign to Store Views: Choose the store views that the widget is visible.
- Sort Order: This field is optional, you should enter a number to set the order this item appears with others in the same part of the page, start from 0.
Step 3: Display on
The appearance of New products List can be modify in the Layout Updates section.
- click
Add Layout Update
.- In the Display on field, set “Specified Page.”
- In the Page field, set “CMS Home Page.”
- In the Block Reference field, set “Main Content Area.”
- Set Template to the one you prefer the New Products List to display.
- Click
Save and Continue Edit
. - If you are noticed to refresh the page cache, click the links in the notification, and follow the instructions.
Step 4: Set the List
The content of New Products List is managed in this part of the guidance.
- In the panel on the left, click on
Widget Options
.- In the Display Type field, choose “All products” to display all recently added products or “New products” to show the items specified with a Date Range and the list will be blank if the Date Range expires.
- In the Display Page Control field, choose “Yes” to control the number of products shown on one page or turn it to “No” to display all items.
- If the field “Display Page Control” is “Yes”, the box “Number of Products per Page” will appear. Enter the number of products you want to perform on each page.
- In the Number of Products to Display field, enter the number of new products you want to include in the list or leave it for the default number which is 10.
- In the ** Lifetime (Seconds)** field, custom the number to set the time interval between each refresh circle of the new products list. If the field is left blank, the cache is set to 86400 seconds by default.
- Click
save
when you are finished. - If you are noticed to refresh the page cache, click the links in the notification, and follow the instructions.
Step 5: Preview
- On the Admin sidebar, click
Content > Elements > Pages
. - Find the page that you assign the New Products List to be visible on and in the Action column tab
Select > Preview
.
Related topics
Recent Tutorials

Magento 2 get customer address custom attribute value
How to Install Magento Extension via Composer
Comments for Insert New Products List in Widget
People also searched for
- magento 2 new products widget
- magento 2 product list widget
- magento 2 custom widget product list
- magento 2 product widget
- magento 2 new products
- display new products on homepage magento 2
- create custom product list page in magento 2
- magento 2 product list widget sort order
- magento 2 custom product list page
- magento 2 custom product list
- magento 2 product list
- magento new products
- set product as new from date magento 2
- insert a widget magento 2
- magento 2 add widget to cms page
- magento 2 widget sort order
- 2.2.x, 2.3.x
Stay in the know
Get special offers on the latest news from Mageplaza.
Earn $10 in reward now!