{"id":301,"date":"2019-01-28T12:05:38","date_gmt":"2019-01-28T12:05:38","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2019\/01\/28\/show-recently-viewed-products-in-magento-2\/"},"modified":"2025-07-24T16:03:02","modified_gmt":"2025-07-24T10:33:02","slug":"show-recently-viewed-products-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/show-recently-viewed-products-in-magento-2\/","title":{"rendered":"How to Show Recently Viewed Products in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">E-commerce stores face fierce competition and therefore do not leave any stones unturned to offer the best shopping experience and services.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Magento 2 stores are no exception and hence I\u2019ve come up with a tactic that has proved effective for enhancing the shopping experience. Implement the below method to&nbsp;show recently viewed products in Magento 2&nbsp;and make it easy for customers to find their interested products.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The feature to display recently viewed products in Magento 2 store help customers find the products they might have viewed and kept the purchase on hold due to some reasons. Also, they might want to compare the previously viewed products with new products to make a purchase decision. Whatever the reasons may be, searching those products from category page or browsing through the store can be irritating. Hence make it easy for them with the feature to display previously viewed products in Magento 2 store!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The widget settings are to be configured in order to&nbsp;show recently viewed products in Magento 2. Check the stepwise method for the same.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method to Show Recently Viewed Products in Magento 2 Pages:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. Navigate to&nbsp;<strong>Admin Panel &gt; Content &gt; Widgets.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/1_Menu.png\" alt=\"1_Menu\" class=\"wp-image-4135\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Create a new widget instance with the \u201c<strong>Add Widget<\/strong>\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/2_Add-New-Widget-1024x488.png\" alt=\"2_Add New Widget\" class=\"wp-image-4136\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Select the&nbsp;<strong>Type<\/strong>&nbsp;and&nbsp;<strong>Design Theme<\/strong>&nbsp;from the drop-down in Settings for the widget.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/3_Settings.png\" alt=\"3_Settings\" class=\"wp-image-4137\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. Click<strong>&nbsp;Continue<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Once redirected to&nbsp;<strong>StoreFront Properties<\/strong>, name the widget instance&nbsp;<strong>title<\/strong>, assign the&nbsp;<strong>store views<\/strong>&nbsp;and enter the&nbsp;<strong>sort order<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/4_Storefront-Properties-1024x721.png\" alt=\"4_Storefront Properties\" class=\"wp-image-4138\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">6. Moving forward to&nbsp;<strong>Layout Updates<\/strong>, select the&nbsp;<strong>page&nbsp;<\/strong>and<strong>&nbsp;container<\/strong>&nbsp;from the drop-down options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/5_Add-Layout-Update.png\" alt=\"5_Add Layout Update\" class=\"wp-image-4139\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">7. Select the page<a href=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/6_Layout-Update-Page.png\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/6_Layout-Update-Page.png\" alt=\"6_Layout Update-Page\" class=\"wp-image-4140\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">8. Select the container<a href=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/7_Layout-Update-Container-1.png\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/7_Layout-Update-Container-1.png\" alt=\"7_Layout Update-Container\" class=\"wp-image-4142\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">9. Navigate to&nbsp;<strong>Admin Panel &gt; Content &gt; Widgets &gt; Widget Options<\/strong>&nbsp;under<strong>&nbsp;widget<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">10. Enter the&nbsp;<strong>number of products<\/strong>&nbsp;and select its&nbsp;<strong>attributes<\/strong>&nbsp;to be shown. Also, choose the&nbsp;<strong>buttons<\/strong>&nbsp;to be displayed in the frontend for the widget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">11. <strong>Save&nbsp;<\/strong>the configuration and<strong>&nbsp;Flush Magento Cache<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/8_Widget-Options-1024x525.png\" alt=\"8_Widget Options\" class=\"wp-image-4143\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">12. The Recently Viewed Products widget is added as shown here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/01\/9_Widget-Grid-1024x347.png\" alt=\"9_Widget Grid\" class=\"wp-image-4144\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Following the above steps, you\u2019d be able to show recently viewed products in Magento 2 store for your customers! Enhance the shopping experience and hence improve sales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also try the&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/programmatically-display-recently-viewed-products-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">programmatic method to display recently viewed products in Magento 2<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also refer to Show Recently Viewed Products in Magento 2 from our&nbsp;<a href=\"https:\/\/www.youtube.com\/playlist?list=PLBTOxSAJzwEjM5MilmEqj98Ib80tKBu7r\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 video tutorial<\/a>&nbsp;series:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Show Recently Viewed Products in Magento 2\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/qk0s2MmgDjU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Thank You.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>E-commerce stores face fierce competition and therefore do not leave any stones unturned to offer the best shopping experience and services. Magento 2 stores are&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-301","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=301"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/301\/revisions"}],"predecessor-version":[{"id":16496,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/301\/revisions\/16496"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}