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,

Reaching Magento widgets section

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

All Magento widgets visible

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

Add a new Magento widget

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,

Settings to add new Magento widget for new products list

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,

Storefront Properties for adding Magento widget

Widget Options

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

Magento Widget Properties

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,

New Magento widget visible


Delete Magento Block
Magento PayPal Payment Method
Studyopedia Editorial Staff
[email protected]

We work to create programming tutorials for all.

No Comments

Post A Comment

Discover more from Studyopedia

Subscribe now to keep reading and get access to the full archive.

Continue reading