{"id":8114,"date":"2019-11-09T09:54:55","date_gmt":"2019-11-09T04:24:55","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=8114"},"modified":"2019-11-09T09:54:55","modified_gmt":"2019-11-09T04:24:55","slug":"magento-2-insert-products-homepage-widget","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/magento\/magento-2-insert-products-homepage-widget\/","title":{"rendered":"How to Insert Products on Homepage Using Widget in Magento 2"},"content":{"rendered":"<p>In this article we&#8217;ll show you, how to create a new Attribute Set in Magento 2. Follow this simple guideline&#8230;<\/p>\n<p><strong>Step 1: Get Started<\/strong><\/p>\n<p>Login into Magento Admin Panel and from sidebar go to, Content &gt; Elements &gt; Pages<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8115\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-1-9-1024x480.png\" alt=\"How to Insert Products on Homepage in Magento 2\" width=\"676\" height=\"317\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-1-9-1024x480.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-1-9-300x141.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-1-9-768x360.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-1-9-800x375.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-1-9.png 1349w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p><strong>Step 2: Insert Products on Homepage<\/strong><\/p>\n<p>Now on <strong>Homepage<\/strong> Title click on <strong>Select<\/strong> dropdown and then click on <strong>Edit<\/strong> button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8116\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-2-7-1024x450.png\" alt=\"How to Insert Products on Homepage in Magento 2\" width=\"676\" height=\"297\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-2-7-1024x450.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-2-7-300x132.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-2-7-768x337.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-2-7-800x351.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-2-7.png 1241w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Now Expand the Content.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8117\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-3-6-1024x552.png\" alt=\"How to Insert Products on Homepage in Magento 2\" width=\"676\" height=\"364\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-3-6-1024x552.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-3-6-300x162.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-3-6-768x414.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-3-6-800x431.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-3-6.png 1256w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Now Click on Show\/Hide Editor. When editor is hide, you will see the option Insert Widget. Now click on Insert Widget button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8118\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-4-7-1024x327.png\" alt=\"How to Insert Products on Homepage in Magento 2\" width=\"676\" height=\"216\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-4-7-1024x327.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-4-7-300x96.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-4-7-768x245.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-4-7-800x255.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-4-7.png 1253w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Here from the dropdown of <strong>Widget type<\/strong> Select <strong>Catalog Product List<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8120\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-6-3-1024x483.png\" alt=\"Now click on Insert Widget button.\" width=\"676\" height=\"319\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-6-3-1024x483.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-6-3-300x141.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-6-3-768x362.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-6-3-800x377.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-6-3.png 1279w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Fill the below details.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8121\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-7-1-1024x521.png\" alt=\"Now click on Insert Widget button.\" width=\"676\" height=\"344\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-7-1-1024x521.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-7-1-300x153.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-7-1-768x391.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-7-1-800x407.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-7-1.png 1797w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Now click on Insert Widget button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8122\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-8-1-1024x276.png\" alt=\"Now click on Insert Widget button.\" width=\"676\" height=\"182\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-8-1-1024x276.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-8-1-300x81.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-8-1-768x207.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-8-1-800x216.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-8-1.png 1191w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>You will see in content box the Widget is inserted.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8123\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-9-1024x335.png\" alt=\"Now click on Insert Widget button.\" width=\"676\" height=\"221\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-9-1024x335.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-9-300x98.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-9-768x251.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-9-800x262.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-9.png 1247w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Now Click Save button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8124\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-10-1024x305.png\" alt=\"Now click on Insert Widget button.\" width=\"676\" height=\"201\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-10-1024x305.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-10-300x89.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-10-768x228.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-10-800x238.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-10.png 1261w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Now<strong> Flush the cache<\/strong> and check on frontend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8125\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-11-1024x1000.png\" alt=\"Now click on Insert Widget button.\" width=\"676\" height=\"660\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-11-1024x1000.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-11-300x293.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-11-768x750.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-11-800x782.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/11\/Step-11.png 1348w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Yeah Done! Let us know in the comment section below if you have any question. We are happy \ud83d\ude42 to help you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article we&#8217;ll show you, how to create a new Attribute Set in Magento 2. Follow this simple guideline&#8230; Step 1: Get Started Login into Magento Admin Panel and from sidebar go to, Content &gt; Elements &gt; Pages Step 2: Insert Products on Homepage Now on Homepage Title click on Select dropdown and then&#8230; <\/p>\n<div class=\"actions\"><a href=\"https:\/\/www.hiddentechies.com\/blog\/magento\/magento-2-insert-products-homepage-widget\/\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":8132,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,181,59],"tags":[10,27],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/8114"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=8114"}],"version-history":[{"count":3,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/8114\/revisions"}],"predecessor-version":[{"id":8131,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/8114\/revisions\/8131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/8132"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=8114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=8114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=8114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}