{"id":41858,"date":"2015-02-10T06:47:45","date_gmt":"2015-02-10T11:47:45","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=41858"},"modified":"2016-02-22T06:00:08","modified_gmt":"2016-02-22T11:00:08","slug":"magento-magento-widgets-use","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-magento-widgets-use.html","title":{"rendered":"Magento. What are Magento widgets and how to use them"},"content":{"rendered":"

\r\n

Our support team is ready to present a new tutorial that will show how to use Magento widgets.<\/p>\r\n

Magento. What are Magento widgets and how to use them<\/a><\/p>\r\n

Magento Widgets allow business users with no technical knowledge to easily add dynamic content (including product data, for example) to pages in Magento Stores.<\/p>\r\n

Magento Widgets are frontend blocks with a predefined set of configuration options. These configuration options are displayed in a special edit form in the backend panel when a widget is being added or edited by a store owner. The ability to easily set widget configuration options provides the store owners with the full control of widget placement on a page. <\/p>\r\n

    \r\n
  1. \r\n

    Navigate to CMS > Widgets<\/strong>. You will be directed to Manage Widget Instances page.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Click on Add new widget instance<\/strong> button. On the Settings menu, please choose your Type<\/strong> and Design Package\/Theme<\/strong>.Then click Continue<\/strong> button:<\/p>\r\n

    \"what_are_magento_widgets_how_to_use_1\"<\/a>\r\n<\/li>\r\n

  3. \r\n

    You will see the detailed settings of New Widget Instance. See the Frontend Properties<\/strong> and Widget Options<\/strong> on the left. Type<\/strong> and Design Package\/Theme<\/strong> are already selected in the previous step. Now you will need to add Title<\/strong>, Store View<\/strong>, and Sort Order<\/strong>.<\/p>\r\n<\/li>\r\n

  4. \r\n

    Click on Add Layout Updates button<\/strong>. You can choose where to display your new widget by selecting the Display on menu:<\/p>\r\n

    \"what_are_magento_widgets_how_to_use_2\"<\/a>\r\n<\/li>\r\n

  5. \r\n

    Now, click on Widget Options<\/strong> tab.<\/p>\r\n<\/li>\r\n

  6. \r\n

    Select the Block and click on Save<\/strong>.<\/p>\r\n<\/li>\r\n

  7. \r\n

    Check the site, the widget is displayed on the fronted.<\/p>\r\n<\/li>\r\n<\/ol>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    Magento. What are Magento widgets and how to use them<\/a>
    \r\n<\/p>","protected":false},"excerpt":{"rendered":"

    Our support team is ready to present a new tutorial that will show you how to use Magento widgets.<\/p>\n","protected":false},"author":56,"featured_media":43696,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[2407,559],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41858"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=41858"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41858\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43696"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=41858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=41858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=41858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}