In this article we are going to overview Magento 2 layout and its components, such as containers, blocks and actions. The structure of Magento website pages is defined in layout files by instructions and declarations of the basic page elements.
Widgets are small sets of code that you can add to your store. In widgets you can display a large variety of data: from simple links to dynamic code. You can find an example of a widget in one of my previous posts.
In this article I will show you how to create a widget in Magento 2.0 following a few simple steps.
Here you can see main types of widgets available in Magento 2.0.
The process of adding widgets is almost the same for all their types. First, you need to open widget section in the admin panel of your store. Navigate to Content => Widgets.
To create a new widget, press “Add widget”.
Select the type of your widget and select the design theme that you are currently using.
Enter the name of your widget, define for which store views you would like to apply it. Then define where exactly to display the widget, press “Add Layout Update”.
Select Container and Template.
You have the following choice:
Now when you selected where to display your widget, press “Save and continue update” and navigate to Widget options.
Select CMS Page and add custom text and title if necessary.
Now check the results.