{"id":224118,"date":"2020-01-24T12:11:58","date_gmt":"2020-01-24T12:11:58","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=224118"},"modified":"2023-11-09T13:32:46","modified_gmt":"2023-11-09T13:32:46","slug":"ecommerce-live-sales-feed","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/","title":{"rendered":"Live Sales Order Popup Notification for Magento 2"},"content":{"rendered":"\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Introduction<\/h3>\n<\/div><\/div>\n\n\n\n<p><strong>Live Sale Order Popup Notification module for Magento 2<\/strong> helps the admin to show the live sale notification and review notification to the customers. Every time if a customer buys some product from the store, then the sale popup notification will appear to other customers.<\/p>\n\n\n\n<p>Additionally, once the admin has approved the review of the product from the back-end, then also the customer receives the review popup notification. <\/p>\n\n\n\n<p>The popup notification has the name of the product along with its price. Also, the customer can click on the product name and it&#8217;ll redirect them to the product page.<\/p>\n\n\n\n<p>Check the working of the plugin, a quick glance &#8211;<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"yEw-l5oiJaQ\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Feature List<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customers can see order popup notifications of the products.<\/li>\n\n\n\n<li>The customer&nbsp;can see live rating notifications.<\/li>\n\n\n\n<li>The customer&nbsp;will be able to go on the product whose notifications are being popped-up.<\/li>\n\n\n\n<li>The admin&nbsp;can show\/hide the customer&#8217;s name and city.<\/li>\n\n\n\n<li>Select animation of the notification popup.<\/li>\n\n\n\n<li>Set display time (in seconds) of the notification popup.<\/li>\n\n\n\n<li>The admin&nbsp;can select three different layouts for the order and review popup notifications.<\/li>\n\n\n\n<li>Select the popup position as Top-left, Top-Right, Bottom-Left, and Bottom-Right.<\/li>\n\n\n\n<li>The admin can set the text color, link color, border color, background color of the notification popup.<\/li>\n\n\n\n<li>Set the border width of the notification popup. <\/li>\n<\/ul>\n\n\n\n<p><strong>Note &#8211; Make sure telnet and nohup are already installed on your server.<\/strong><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Installation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Customers will get a&nbsp;<strong>zip folder.&nbsp;<\/strong>Then&nbsp;they have to extract the contents of this zip folder on their system. The extracted folder has an&nbsp;<strong>src<\/strong>&nbsp;folder, inside the src folder you have the&nbsp;<strong>app<\/strong>&nbsp;folder.<\/p>\n\n\n\n<p>You need to transfer this&nbsp;<strong>app<\/strong>&nbsp;folder&nbsp;into the Magento2 root directory on the server as shown below:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png\" alt=\"Live Sales Order Popup Notification for Magento 2-installation-1\" style=\"width:724px;height:228px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>After the successful installation, you have to run these commands in the&nbsp;Magento2 root directory.<\/p>\n\n\n\n<p><strong>First Command \u2013<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">composer require cboden\/ratchet<\/pre>\n\n\n\n<p><strong>Second Command \u2013<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<p><strong> <strong>Third<\/strong> Command \u2013<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<p><strong>Fourth Command \u2013<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<p>After running the commands,&nbsp;you have to flush the cache from the Magento admin panel by navigating through<strong> System &gt; Cache management<\/strong>&nbsp;as shown below:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/4-11.png\" alt=\"Live Sales Order Popup Notification for Magento 2-installation-2\n\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Language Translation<\/h3>\n<\/div><\/div>\n\n\n\n<p>For translating the module language, navigate through&nbsp;<strong>src\/app\/code\/Webkul\/LiveNotifications\/i18n&nbsp;<\/strong>and edit the&nbsp;<strong>en_US.csv<\/strong>&nbsp;file.<\/p>\n\n\n\n<p>Thereafter, rename the CSV as \u201cen_SA.csv\u201d and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.<\/p>\n\n\n\n<p>Then upload it to the path<strong>&nbsp;src\/app\/code\/Webkul\/LiveNotifications\/i18n<\/strong>&nbsp;where the Magento2 is installed on the server.<\/p>\n\n\n\n<p>The module gets translated into the Arabic Language. It supports both&nbsp;<strong>RTL&nbsp;<\/strong>and&nbsp;<strong>LTR&nbsp;<\/strong>languages.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2.png\" alt=\"Live Sales Order Popup Notification for Magento 2-transalation\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Thus, in this way, the admin can translate the module language.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the Live Sale Order Popup Notification module, the admin needs to navigate towards the<strong><em> <\/em>Store &gt; Configuration &gt;Live Notification<\/strong> for configuring the module as shown below:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1191\" height=\"476\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration.png\" alt=\"webkul-magento2-live-sales-order-popup-notification-configuration\" class=\"wp-image-224174\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration.png 1191w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-300x120.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-250x100.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-768x307.png 768w\" sizes=\"(max-width: 1191px) 100vw, 1191px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\">General Settings<\/span>:<\/h4>\n\n\n\n<p>From here the admin can enable or disable the module, for the reference check the below snapshot:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1180\" height=\"805\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-general-settings.png\" alt=\"webkul-magento2-live-sales-order-popup-notification-configuration-general-settings\" class=\"wp-image-224177\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-general-settings.png 1180w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-general-settings-300x205.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-general-settings-250x171.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-general-settings-768x524.png 768w\" sizes=\"(max-width: 1180px) 100vw, 1180px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Show &#8220;Someone&#8221; instead of customer name &#8211; <\/strong>The admin can disable this option to Show the name of the customer on the live notification pop up or else &#8220;Someone&#8221; will get displayed at the place of the customer name.<\/p>\n\n\n\n<p><strong>Show Customer City &#8211; <\/strong> From here, the admin can decide whether to show the city of the customer or not.<\/p>\n\n\n\n<p><strong>Animation &#8211;<\/strong> The admin can decide the animation effect of the live notification pop up. There are various types of bounce effects such as; Bounce In, Bounce In Down, Bounce In Left, Bounce In Right, Boun In Up.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In <strong>Bounce In<\/strong> effect, the popup will just bounce at the popup position set by the admin.<\/li>\n\n\n\n<li>In the case of <strong>Bounce In Down<\/strong>, the popup comes down from the top of the website. <\/li>\n\n\n\n<li>Under <strong>Bounce In Left<\/strong>, the popup will appear on the left side of the website.<\/li>\n\n\n\n<li>In the case of <strong>Bounce In Right,<\/strong> the popup will appear on the left side of the website.<\/li>\n\n\n\n<li>In the case of <strong>Bounce In Up<\/strong>, the popup will bounce up from the downside of the website.<\/li>\n<\/ul>\n\n\n\n<p><strong>Display Time (Second) &#8211;<\/strong> Also, the admin can decide for how much time the popup will show to the customer on the website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\">Server Settings<\/span>:<\/h4>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1179\" height=\"852\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings.png\" alt=\"webkul-magento2-live-sales-order-popup-notification-configuration-server-settings\" class=\"wp-image-224225\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings.png 1179w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings-300x217.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings-250x181.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings-768x555.png 768w\" sizes=\"(max-width: 1179px) 100vw, 1179px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Form the server settings, the admin can configure the following details:<\/p>\n\n\n\n<p><strong>Host Name &#8211; <\/strong>The admin has to enter the hostname.<\/p>\n\n\n\n<p><strong>Port Number &#8211; <\/strong>Here, the has to enter the port number.<\/p>\n\n\n\n<p><strong>Sub Folder Path if any &#8211; <\/strong>If the admin has any subdomain folder path, then they need to provide it&#8217;s URL here. <\/p>\n\n\n\n<p><strong>HTTPs Enabled<\/strong> <strong>&#8211;<\/strong> If the admin is having SSL website then they need to enable this option.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"881\" height=\"631\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings-1.png\" alt=\"webkul-magento2-live-notification-configuration-server-settings-1\" class=\"wp-image-224415\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings-1.png 881w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings-1-300x215.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings-1-250x179.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-server-settings-1-768x550.png 768w\" sizes=\"(max-width: 881px) 100vw, 881px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Upload Server Certificate File &#8211; <\/strong>Here the admin needs to upload the server certificate file with the name <strong>server.crt<\/strong> to work on https.<\/p>\n\n\n\n<p><strong>Upload Server Private Key File &#8211; <\/strong>Here the admin needs to upload the server private key file with the name <strong>sever.key<\/strong> to work on https.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\">Sales Popup<\/span>:<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"856\" height=\"672\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-sale-popup-2.png\" alt=\"webkul-magento2-live-notification-configuration-sale-popup-2\" class=\"wp-image-225606\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-sale-popup-2.png 856w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-sale-popup-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-sale-popup-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-sale-popup-2-768x603.png 768w\" sizes=\"(max-width: 856px) 100vw, 856px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Status &#8211; <\/strong>The admin can enable or disable the live notification popup on the sale form here.<\/p>\n\n\n\n<p><strong>Popup Layout &#8211;<\/strong> Select the layout of the popup as <strong>Default Layout<\/strong>, <strong>With Image<\/strong>, and <strong>without Image<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the default layout, the name and the price of the product will be shown.<\/li>\n\n\n\n<li>with the image layout, the name, price and also the image of the product will be visible. Also, the name of the product will redirect the customer to the product page.<\/li>\n\n\n\n<li>Without image, the layout will only show the name and the price of the product. Also, the name of the product will redirect the customer to the product page.<\/li>\n<\/ul>\n\n\n\n<p><strong>Popup Position &#8211; <\/strong>From here, the admin can decide the position of the popup on the website. The positions are Top Left, Top Right, Bottom Left, and Bottom Right. <\/p>\n\n\n\n<p><strong>Margin X and Margin Y &#8211; <\/strong>The admin can set the border-spacing of the popup on the website. <\/p>\n\n\n\n<p><strong>Text Color and Link Color &#8211;<\/strong> The admin can select the color of the text and the product link.<\/p>\n\n\n\n<p><strong>Background Color and Border Color &#8211; <\/strong>The admin can select the background color and also the border color of the popup.<\/p>\n\n\n\n<p><strong>Border Width (px) &#8211; <\/strong>Also the admin can enter the width of the border in pixel.<\/p>\n\n\n\n<p><strong>Box Shadow &#8211; <\/strong>The admin can enable or disable the shadow of the popup box.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\">Rating Popup<\/span>:<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1124\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-rating-popup-1124x1024.png\" alt=\"webkul-magento2-live-notification-configuration-rating-popup\" class=\"wp-image-224417\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-rating-popup-1124x1024.png 1124w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-rating-popup-300x273.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-rating-popup-250x228.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-rating-popup-768x700.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-configuration-rating-popup.png 1174w\" sizes=\"(max-width: 1124px) 100vw, 1124px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Status &#8211; <\/strong>The admin can enable or disable the live notification popup on the review approval form here.<\/p>\n\n\n\n<p>Thus, the rest of the configuration is the same as the Sale Popup.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Front View &#8211; Sale Popup Notification<\/h3>\n<\/div><\/div>\n\n\n\n<p>Once the admin has enabled the popup notification for sale from the back-office, then the customer will see the live sale notification if any customer&#8217;s buy any product.<\/p>\n\n\n\n<p>For the reference, you can check below snapshot:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1200\" height=\"597\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-sale-2-1200x597.png\" alt=\"webkul-magento2-live-notification-customer-sale-2\" class=\"wp-image-225595\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-sale-2-1200x597.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-sale-2-300x149.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-sale-2-250x124.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-sale-2-768x382.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-sale-2.png 1286w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>In the above snapshot, you can see all the 3 types of popup layout i.e. <strong>Default Layout<\/strong>, <strong>With Image<\/strong>, and <strong>Without Image<\/strong> with having <strong>Top-Right<\/strong> Position on the website.<\/p>\n\n\n\n<p>Also, the customer can be redirected to the product page by clicking on the hyperlinked name of the product as shown below:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1200\" height=\"680\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1200x680.png\" alt=\"webkul-magento2-Live-Sales-Order-Popup-Notification-product-page\" class=\"wp-image-225481\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1200x680.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-300x170.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-250x142.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-768x435.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page.png 1270w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Front View &#8211; Review Popup Notification<\/h3>\n<\/div><\/div>\n\n\n\n<p>Also, when the admin enables the pop-up notification for the review. The customer will see the review notification of the product, once the admin has saved the review.<\/p>\n\n\n\n<p>For the reference, you can check the below snapshot:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1200\" height=\"555\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-review-1200x555.png\" alt=\"webkul-magento2-live-notification-customer-review\" class=\"wp-image-225494\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-review-1200x555.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-review-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-review-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-review-768x355.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-live-notification-customer-review.png 1283w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>In the above snapshot, you can see all the 3 types of popup layout i.e. <strong>Default Layout<\/strong>, <strong>With Image<\/strong>, and <strong>Without Image<\/strong> with having <strong>Bottom-Left<\/strong> Position on the website.<\/p>\n\n\n\n<p>Also, the customer can be redirected to the product page by clicking on the hyperlinked name of the product as shown below:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1200\" height=\"832\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1-1200x832.png\" alt=\"webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1\" class=\"wp-image-225649\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1-1200x832.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1-300x208.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1-250x173.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1-768x532.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/webkul-magento2-Live-Sales-Order-Popup-Notification-product-page-1.png 1297w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Thus, that\u2019s all for the<strong>\u00a0Live Sales Order Popup Notification for Magento 2<\/strong>. If you face any issue, feel free to add a ticket at our <a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">HelpDesk<\/a> system.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Live Sale Order Popup Notification module for Magento 2 helps the admin to show the live sale notification and review notification to the customers. Every time if a customer buys some product from the store, then the sale popup notification will appear to other customers. Additionally, once the admin has approved the review of the <a href=\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":255,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[4583],"class_list":["post-224118","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-notifications"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ecommerce Live Feed Sales | Recent Order Notification Popup<\/title>\n<meta name=\"description\" content=\"Live Order Popup Notification module for helps the admin to show the live notification of the sale and the review to the their customers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ecommerce Live Feed Sales | Recent Order Notification Popup\" \/>\n<meta property=\"og:description\" content=\"Live Order Popup Notification module for helps the admin to show the live notification of the sale and the review to the their customers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-24T12:11:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-09T13:32:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png\" \/>\n<meta name=\"author\" content=\"Subhangi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Subhangi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/\"},\"author\":{\"name\":\"Subhangi\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/62ac5a90658b02d17279062073a43632\"},\"headline\":\"Live Sales Order Popup Notification for Magento 2\",\"datePublished\":\"2020-01-24T12:11:58+00:00\",\"dateModified\":\"2023-11-09T13:32:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/\"},\"wordCount\":1321,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png\",\"keywords\":[\"notifications\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/\",\"url\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/\",\"name\":\"Ecommerce Live Feed Sales | Recent Order Notification Popup\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png\",\"datePublished\":\"2020-01-24T12:11:58+00:00\",\"dateModified\":\"2023-11-09T13:32:46+00:00\",\"description\":\"Live Order Popup Notification module for helps the admin to show the live notification of the sale and the review to the their customers.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png\",\"width\":1302,\"height\":411,\"caption\":\"1-9-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Live Sales Order Popup Notification for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/62ac5a90658b02d17279062073a43632\",\"name\":\"Subhangi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a58f5257cd5d10eae17cd30cd92a62e05001b8d916e9f775c6df7c1f711e5cb4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a58f5257cd5d10eae17cd30cd92a62e05001b8d916e9f775c6df7c1f711e5cb4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Subhangi\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/subhangi-bd401\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ecommerce Live Feed Sales | Recent Order Notification Popup","description":"Live Order Popup Notification module for helps the admin to show the live notification of the sale and the review to the their customers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/","og_locale":"en_US","og_type":"article","og_title":"Ecommerce Live Feed Sales | Recent Order Notification Popup","og_description":"Live Order Popup Notification module for helps the admin to show the live notification of the sale and the review to the their customers.","og_url":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-01-24T12:11:58+00:00","article_modified_time":"2023-11-09T13:32:46+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png","type":"","width":"","height":""}],"author":"Subhangi","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Subhangi","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/"},"author":{"name":"Subhangi","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/62ac5a90658b02d17279062073a43632"},"headline":"Live Sales Order Popup Notification for Magento 2","datePublished":"2020-01-24T12:11:58+00:00","dateModified":"2023-11-09T13:32:46+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/"},"wordCount":1321,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png","keywords":["notifications"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/","url":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/","name":"Ecommerce Live Feed Sales | Recent Order Notification Popup","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png","datePublished":"2020-01-24T12:11:58+00:00","dateModified":"2023-11-09T13:32:46+00:00","description":"Live Order Popup Notification module for helps the admin to show the live notification of the sale and the review to the their customers.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/1-9-1.png","width":1302,"height":411,"caption":"1-9-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/ecommerce-live-sales-feed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Live Sales Order Popup Notification for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/62ac5a90658b02d17279062073a43632","name":"Subhangi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a58f5257cd5d10eae17cd30cd92a62e05001b8d916e9f775c6df7c1f711e5cb4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a58f5257cd5d10eae17cd30cd92a62e05001b8d916e9f775c6df7c1f711e5cb4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Subhangi"},"url":"https:\/\/webkul.com\/blog\/author\/subhangi-bd401\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/224118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/255"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=224118"}],"version-history":[{"count":34,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/224118\/revisions"}],"predecessor-version":[{"id":411116,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/224118\/revisions\/411116"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=224118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=224118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=224118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}