{"id":1862,"date":"2019-06-11T07:26:27","date_gmt":"2019-06-11T07:26:27","guid":{"rendered":"http:\/\/magecomp.com\/helpdoc\/?post_type=manual_documentation&#038;p=1862"},"modified":"2022-09-09T18:28:55","modified_gmt":"2022-09-09T12:58:55","slug":"subscription-box-in-frontend","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-out-of-stock-notification-extension\/subscription-box-in-frontend\/","title":{"rendered":"Subscription Box in Frontend"},"content":{"rendered":"<p>Once you have configured extension properly from the backend, whenever your customer visits any out of stock product from the store frontend. They will get an option to subscribe back in stock notification for that particular product via Email or SMS or both as per their convenience from the store frontend.<\/p>\n<ul>\n<li><strong><u>Email Subscription Box:<\/u><\/strong><\/li>\n<\/ul>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-9527\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/10_out_of_stock_notification_type-email.png\" alt=\"out_of_stock_notification_type-email\" width=\"1315\" height=\"520\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/10_out_of_stock_notification_type-email.png 1315w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/10_out_of_stock_notification_type-email-300x119.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/10_out_of_stock_notification_type-email-1024x405.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/10_out_of_stock_notification_type-email-768x304.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/10_out_of_stock_notification_type-email-600x237.png 600w\" sizes=\"(max-width: 1315px) 100vw, 1315px\" \/><\/p>\n<ul>\n<li><strong><u>Mobile Number Subscription Box:<\/u><\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9528\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/11_out_of_stock_notification_type-mobile.png\" alt=\"out_of_stock_notification_type-mobile\" width=\"1302\" height=\"516\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/11_out_of_stock_notification_type-mobile.png 1302w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/11_out_of_stock_notification_type-mobile-300x119.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/11_out_of_stock_notification_type-mobile-1024x406.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/11_out_of_stock_notification_type-mobile-768x304.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/11_out_of_stock_notification_type-mobile-600x238.png 600w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/p>\n<ul>\n<li><strong><u>Email &amp; Mobile Number Subscription Box Both:<\/u><\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9529\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/12_out_of_stock_notification_type-both_email-and-mobile.png\" alt=\"out_of_stock_notification_type-both_email-and-mobile\" width=\"1314\" height=\"523\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/12_out_of_stock_notification_type-both_email-and-mobile.png 1314w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/12_out_of_stock_notification_type-both_email-and-mobile-300x119.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/12_out_of_stock_notification_type-both_email-and-mobile-1024x408.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/12_out_of_stock_notification_type-both_email-and-mobile-768x306.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/12_out_of_stock_notification_type-both_email-and-mobile-600x239.png 600w\" sizes=\"(max-width: 1314px) 100vw, 1314px\" \/><\/p>\n<ul>\n<li><strong><u>Success Message:<\/u><\/strong><\/li>\n<\/ul>\n<p>Once your customer has successfully opted-in for in-stock notification, they will see and a success message that you have set from the store backend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9530\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/13_out_of_stock_notification_success_message.png\" alt=\"out_of_stock_notification_success_message\" width=\"1313\" height=\"569\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/13_out_of_stock_notification_success_message.png 1313w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/13_out_of_stock_notification_success_message-300x130.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/13_out_of_stock_notification_success_message-1024x444.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/13_out_of_stock_notification_success_message-768x333.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/13_out_of_stock_notification_success_message-600x260.png 600w\" sizes=\"(max-width: 1313px) 100vw, 1313px\" \/><\/p>\n<ul>\n<li><strong><u>Error Message (if customer is already Subscribed)<\/u><\/strong><\/li>\n<\/ul>\n<p>If the customer is already subscribed for in stock notification, they will see an error message as below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9531\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/14_out_of_stock_notification_already_subscribed.png\" alt=\"out_of_stock_notification_already_subscribed\" width=\"1304\" height=\"583\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/14_out_of_stock_notification_already_subscribed.png 1304w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/14_out_of_stock_notification_already_subscribed-300x134.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/14_out_of_stock_notification_already_subscribed-1024x458.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/14_out_of_stock_notification_already_subscribed-768x343.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/14_out_of_stock_notification_already_subscribed-600x268.png 600w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" \/><\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\"><strong>Subscripton Box for Configurable Product<\/strong><\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11839 size-full\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Configurable-Products.png\" alt=\"Out of Stock Notification Subscription box for Configurable Products\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Configurable-Products.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Configurable-Products-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Configurable-Products-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Configurable-Products-768x375.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Configurable-Products-600x293.png 600w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\"><strong>Subscripton Box for Grouped Product<\/strong><\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11840 size-full\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Grouped-Products.png\" alt=\"Out of Stock Notification Subscription box for Grouped Products\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Grouped-Products.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Grouped-Products-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Grouped-Products-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Grouped-Products-768x375.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/06\/Out-of-Stock-Notification-Subscription-box-for-Grouped-Products-600x293.png 600w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1846,"menu_order":8,"template":"","manualdocumentationcategory":[51],"manual_doc_tag":[],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/1862"}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/1862\/revisions"}],"predecessor-version":[{"id":11841,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/1862\/revisions\/11841"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/1846"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=1862"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=1862"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=1862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}