Add new Magento Widget

Add new Magento Widget

Magento Widget is a piece of code, which you can add anywhere on your website. For example, you introduced new products to your website and want the visitors to know about the list of products just launched. For that, add widget on any section of the website, let’s say right sidebar. The right sidebar widget will then show the recent products list.

To add a Magento Widget, you need to reach the widgets section of your store,

Login to the store as an admin and reach the Magento Dashboard.

Go to CONTENT > Widgets,

Now you can see all the widgets are visible.  These widgets are part of the website, such Contact us  info, Footer Links, etc.

Now, let’s say we need to add a new widget. For that, click Add Widget visible under the same section as shown below,

A new section is visible to add a new widget. We will add a widget for New Products List.

Add the values for Widgets Settings i.e.,

TypeCatalog New Products ListAdd the type of widget
Design ThemeMagento LumaAdd the theme where widget should be visible.

Here’s the screenshot showing the same,

After doing the above settings, click Continue. Now, you can see the final settings for adding the widget. Here, we have two options,

Storefront Properties

These properties will show how the widget will be visible on the storefront. Here, below you need to click Add Layout Update, to find a section to add where the widget will be displayed. Also, add the container and template as shown below,

Display onAll PagesThe widget will be visible on all pages.
ContainerSidebar MainContainer shows where the widget will be visible,
TemplateNew Products Images and Names TemplatesTemplate shows that whether image is to be visible or name or both.

Here’s the screenshot,

Widget Options

Now, widget option shows some options such as No. of products which will be visible, Display Type, etc as shown below,

After setting the above properties and options, click Save.

Now, let’s go the website and see where our widget is visible. It should be visible on the Sidebar Main with the heading New Products,


Delete Magento Block
Magento PayPal Payment Method
Studyopedia Editorial Staff
Studyopedia Editorial Staff

We work to create free tutorials for all.

No Comments

Post A Comment