25 Jul 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.,

Field	Values	Description
Type	Catalog New Products List	Add the type of widget
Design Theme	Magento Luma	Add 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,

Field	Value	Description
Display on	All Pages	The widget will be visible on all pages.
Container	Sidebar Main	Container shows where the widget will be visible,
Template	New Products Images and Names Templates	Template 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,