{"id":132748,"date":"2018-07-24T09:55:09","date_gmt":"2018-07-24T09:55:09","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=132748"},"modified":"2025-05-19T13:35:52","modified_gmt":"2025-05-19T13:35:52","slug":"shopify-pre-order","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/shopify-pre-order\/","title":{"rendered":"PreOrder Controller for Shopify"},"content":{"rendered":"\n<p>No one wants to lose customers when the product goes out of stock. Keeping this in mind, we come up with the<strong>&nbsp;<\/strong><span style=\"text-decoration: underline;\">Pre-order Controller<\/span> App for Shopify.<\/p>\n\n\n\n<p class=\"has-text-color\" style=\"color:#0a120a\">Using the <strong>Pre-order Controller App<\/strong>, you can add products for pre-order on your store and earn profits on them even before releasing the items. <\/p>\n\n\n\n<p class=\"has-text-color\" style=\"color:#0a120a\">Basically, the preorder products are the products that are about to launch or that are currently not in stock.<\/p>\n\n\n\n<p>Thus, the customers can pre-order products by paying the partial or full pre-order amount.<\/p>\n\n\n\n<p>The customers can pre-order a product even when the item goes out of stock. Once the products will be available in stock, the customer will get notified for the same and he\/she can purchase the item.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>PLEASE NOTE:-<\/strong>&nbsp;Customers need to have an account on the admin&#8217;s store to preorder the products.<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Additional Features<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\">\n<li>Admin can add products for&nbsp;pre-order.<\/li>\n\n\n\n<li>You can configure all the settings related to pre-order.<\/li>\n\n\n\n<li><span style=\"font-size: inherit;\">Products that are about to launch can be added as a &#8220;Pre-Order Product&#8221;.<\/span><\/li>\n\n\n\n<li>Customers can order products even if the products get out of stock.<\/li>\n\n\n\n<li>And customers will get the notification via mail once the product comes in stock again.<\/li>\n\n\n\n<li>Admin can set the payment type for the customers. i.e. whether the customer will pay the full or partial amount at the time of pre-order any product.<\/li>\n\n\n\n<li>Also, the admin can configure the labels within the app.<\/li>\n\n\n\n<li>Restrict vendors to create preorder on products. <a href=\"https:\/\/webkul.com\/blog\/multi-vendor-marketplace-pre-order-integration-for-shopify\/#restrict-vendors-to-create-preorder\" target=\"_blank\" rel=\"noreferrer noopener\">Know More<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">How to install the App<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>To install the app, visit the Shopify App store &amp; <a href=\"https:\/\/apps.shopify.com\/pre-order-by-webkul\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"get the Pre-order Controller  (opens in a new tab)\">get the Pre-order Controller <\/a>App. <\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Home Page<\/h3><\/div><div class=\"margin-bottom-50\">\n<p><span style=\"text-decoration: underline;\">HAVE AN INFORMATIVE HOME PAGE<\/span><\/p>\n\n\n\n<p>You will get the complete idea about the &#8220;Most sold pre-order products&#8221;, &#8220;Recently Sold pre-order products&#8221;, stats for current pre-order sales just by looking at the home page.<\/p>\n\n\n\n<p>Moreover, you can also get the overall sales that you earn via pre-order from the home page of the Pre-order controller app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"575\" height=\"641\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png\" alt=\"Screenshot\" class=\"wp-image-351010\" style=\"width:818px;height:912px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png 575w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-269x300.png 269w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-223x249.png 223w\" sizes=\"(max-width: 575px) 100vw, 575px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Configurations<\/h3><\/div><div class=\"margin-bottom-50\">\n<h4 class=\"wp-block-heading\"><strong>Backend Configuration<\/strong><\/h4>\n\n\n\n<p>The backend configuration of the Pre-order controller app is having three sections: Pre-order Configuration, Label Configuration, and Mail Configuration.<\/p>\n\n\n\n<p>Let us understand it one by one.<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\"><strong>PRE-ORDER CONFIGURATION<\/strong><\/span><br>It includes three sections.General Configuration,&nbsp;Pre-order Configuration, Frontend Configuration.<\/p>\n\n\n\n<p><strong>General Configuration: <\/strong>You can configure your business email and shop logo from this section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"406\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot1-1200x406.png\" alt=\"Screenshot1\" class=\"wp-image-351013\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot1-1200x406.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot1-300x101.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot1-250x85.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot1-768x260.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot1.png 1289w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Pre-order Configuration:<\/strong> All the pre-order details will be configured from this section.<\/p>\n\n\n\n<p>for single<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"408\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot4-1200x408.png\" alt=\"Screenshot4\" class=\"wp-image-351017\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot4-1200x408.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot4-300x102.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot4-250x85.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot4-768x261.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot4.png 1282w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Preorder Type:<\/strong> <\/p>\n\n\n\n<p><strong>Manual Preorder:-<\/strong> <br><strong>Pre-order<\/strong>&gt;&gt;Visit \u201c<strong>Pre-order Product<\/strong>\u201d section&gt;&gt;On the Pre-order listing page. <\/p>\n\n\n\n<p>Click on \u201cAdd&nbsp;<strong>Product<\/strong>\u201d button&gt;&gt;Select any product&gt;&gt;Enter the preorder details&gt;&gt;Save it or click on \u201c<strong>Publish Now<\/strong>\u201d button. <\/p>\n\n\n\n<p>You can view the list of all pre-order products created by the admin in this section<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1170\" height=\"504\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/manual-preoder.webp\" alt=\"maual_preorder\" class=\"wp-image-492593\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/manual-preoder.webp 1170w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/manual-preoder-300x129.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/manual-preoder-250x108.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/manual-preoder-768x331.webp 768w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Automated Preorder:-<\/strong><\/p>\n\n\n\n<p><strong>Partial Pay:<\/strong> Manage how partial payments are handled during Automatic Preorder.<\/p>\n\n\n\n<p>1. <strong>Set Partial Pay Percentage For Preorder:<\/strong> You can set a specific percentage of the product price to be paid during preorder.<\/p>\n\n\n\n<p>          i) Set as duration: Set the Number of Days for the remaining payment     <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"704\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automated-1200x704.webp\" alt=\"automated\" class=\"wp-image-492607\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automated-1200x704.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automated-300x176.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automated-250x147.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automated-768x451.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automated-1536x902.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automated-2048x1202.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>         ii) Set as Restock: Automatically updates pending partial orders to paid status when product stock increases<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1108\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automatedstock-1108x1024.webp\" alt=\"automated\" class=\"wp-image-492615\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automatedstock-1108x1024.webp 1108w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automatedstock-300x277.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automatedstock-250x231.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automatedstock-768x710.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automatedstock-1536x1420.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/automatedstock.webp 1696w\" sizes=\"(max-width: 1108px) 100vw, 1108px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Frontend Configuration:<\/strong> You can configure your product page details from this section.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1285\" height=\"447\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-1-1.png\" alt=\"preorder configuration-Front\" class=\"wp-image-136877\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-1-1.png 1285w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-1-1-250x87.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-1-1-300x104.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-1-1-768x267.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-1-1-1200x417.png 1200w\" sizes=\"(max-width: 1285px) 100vw, 1285px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>That is how you can configure the pre-order details.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"397\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot5-1-1200x397.png\" alt=\"Screenshot5-1\" class=\"wp-image-351019\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot5-1-1200x397.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot5-1-300x99.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot5-1-250x83.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot5-1-768x254.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot5-1.png 1280w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><span style=\"text-decoration: underline;\"><strong>LABEL CONFIGURATION<br><\/strong><\/span>You can configure the labels of your store from this section. i.e. Labels for your Product page and Order Management Page.<\/p>\n\n\n\n<p><strong>For Product Page: <\/strong>You can configure all the product page labels on your own the way you want to make it visible on your storefront.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"529\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/6-1200x529.png\" alt=\"6\" class=\"wp-image-351022\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/6-1200x529.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/6-300x132.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/6-250x110.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/6-768x338.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/6.png 1251w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>For Order Management Page<\/strong>: Admin can also configure all the labels visible on the pre-order management page by his\/her own.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"534\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/7-1200x534.png\" alt=\"7\" class=\"wp-image-351023\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/7-1200x534.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/7-300x134.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/7-250x111.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/7-768x342.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/7-604x270.png 604w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/7.png 1287w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Not only this, just scroll down and you can configure almost all the labels of the app from your end.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\"><strong>MAIL CONFIGURATION<\/strong><\/span><\/h4>\n\n\n\n<p>You can now configure the mail under the mail configuration section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"572\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/screenshot_1695012832301-1200x572.png\" alt=\"screenshot_1695012832301\" class=\"wp-image-400628\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/screenshot_1695012832301-1200x572.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/screenshot_1695012832301-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/screenshot_1695012832301-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/screenshot_1695012832301-768x366.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/screenshot_1695012832301-1536x732.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/screenshot_1695012832301.png 1611w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In this way, you can configure mail templates on your own.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1280\" height=\"515\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-3.png\" alt=\"mail\" class=\"wp-image-136882\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-3.png 1280w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-3-250x101.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-3-300x121.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-3-768x309.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-3-1200x483.png 1200w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, you can anytime enable or disable the mail template on your end. Once you disable it, customers will not receive any mail for any action within the app.<\/p>\n\n\n\n<p>In this way, you can configure the backend for the Pre-order controller app.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\"><strong>Please Note<\/strong><\/span>:- Once you add pre-orders to products the \u201c<strong>Continue Selling Out of Products<\/strong>\u201d option will get enabled for that product on Shopify end. <\/p>\n\n\n\n<p>So, once the pre-order duration gets over for that product, make sure to disable that option manually by editing the product on Shopify end.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"490\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/wk-pre-order-Products-Analog-Watch-with-pink-real-leather-straps-Shopify-1200x490.png\" alt=\"All products\" class=\"wp-image-224857\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/wk-pre-order-Products-Analog-Watch-with-pink-real-leather-straps-Shopify-1200x490.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/wk-pre-order-Products-Analog-Watch-with-pink-real-leather-straps-Shopify-300x123.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/wk-pre-order-Products-Analog-Watch-with-pink-real-leather-straps-Shopify-250x102.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/wk-pre-order-Products-Analog-Watch-with-pink-real-leather-straps-Shopify-768x314.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/wk-pre-order-Products-Analog-Watch-with-pink-real-leather-straps-Shopify.png 1280w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>NOTE:<\/strong> Now you can end you pre-order product from the admin side.<\/p>\n\n\n\n<p>Admin Shopify store &gt;&gt; products &gt;&gt; edit product page &gt;&gt; purchasing option &gt;&gt; click on remove button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1107\" height=\"750\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/768.png\" alt=\"768\" class=\"wp-image-400663\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/768.png 1107w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/768-300x203.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/768-250x169.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/768-768x520.png 768w\" sizes=\"(max-width: 1107px) 100vw, 1107px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Configure Front End<\/h3><\/div><div class=\"margin-bottom-50\">\n<p><strong><span style=\"text-decoration: underline;\">How to Configure FrontEnd for this App<\/span><\/strong>?<\/p>\n\n\n\n<p>To configure the frontend for the Pre-order controller app, enable the countdown timer options in the backend configuration to display it on the product and collection pages.<\/p>\n\n\n\n<p>Then after you need to paste the codes in their respective template files.<\/p>\n\n\n\n<p>First, click on the &#8220;<strong>Configure Frontend<\/strong>&#8221; button and inject the code either automatically or manually.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">CREATE MENU<\/h4>\n\n\n\n<p>Additionally, you can create the menu from the Shopify backend section which will show the list of all the pre-order products on the frontend.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">PreOrder Widget on Product Page<\/h4>\n\n\n\n<p>-To display &#8220;PreOrder Widget&#8221; on Product Description Page, copy the below-given code and paste it to the given template file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{% render 'wk-po-widget-selling-plan'%}<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"599\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/12-4-1200x599.png\" alt=\"12-4\" class=\"wp-image-400637\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/12-4-1200x599.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/12-4-300x150.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/12-4-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/12-4-768x383.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/12-4-1536x767.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/12-4.png 1627w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Account Page<\/h4>\n\n\n\n<p>-To display the &#8220;PreOrder&#8221; button on the customer&#8217;s &#8220;<strong>My Account<\/strong>&#8221; section, copy the below-given code and paste it to the given template file.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;div&gt;&lt;a href =&#039;https:\/\/wk-pre-order.myshopify.com\/pages\/preorder-management&#039; &gt;&lt;button class=&#039;btn&#039;&gt;Preorder&lt;\/button&gt;&lt;\/a&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1283\" height=\"498\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/wk-pre-order-Apps-Shopify.png\" alt=\"account page\" class=\"wp-image-137820\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/wk-pre-order-Apps-Shopify.png 1283w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/wk-pre-order-Apps-Shopify-250x97.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/wk-pre-order-Apps-Shopify-300x116.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/wk-pre-order-Apps-Shopify-768x298.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/wk-pre-order-Apps-Shopify-1200x466.png 1200w\" sizes=\"(max-width: 1283px) 100vw, 1283px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Count Down Timer on Product Page<\/h4>\n\n\n\n<p>In order to display the countdown timer on the collection page, copy the below-given code and paste it to the given template file.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% render &#039;wk-po-collection-widget&#039;%}<\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1286\" height=\"460\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-6.png\" alt=\"product page\" class=\"wp-image-136906\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-6.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-6-250x89.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-6-300x107.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-6-768x275.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-6-1200x429.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<p class=\"has-background\" style=\"background-color:#eceff0\">You need to copy the below given code and paste it into <strong>Templates\/cart.liquid<\/strong> or <strong>Sections\/cart-template.liquid<\/strong> just next to cart loop({% for item in cart.items %}) to count total preorder products.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% if item.product.tags contains &#039;preorder&#039; %}&lt;span class=&#039;wk_po_count&#039; style=&#039;display:none;&#039;&gt;&lt;\/span&gt;{% endif %}<\/pre>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e6ebec\">Copy the below-given code and paste it into <strong>Templates\/cart.liquid<\/strong> or <strong>Sections\/cart-template.liquid<\/strong> inside price to change preorder product price.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% if item.product.tags contains &#039;preorder&#039;%} id=&#039;wk_price_{{item.key}}&#039;{% endif %}<\/pre>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e5e9eb\">You need to copy the below-given code and paste it into<strong> Templates\/cart.liquid <\/strong>or <strong>Sections\/cart-template.liquid<\/strong> inside total price to change preorder product total price.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% if item.product.tags contains &#039;preorder&#039;%} id=&#039;wk_total_price_{{item.key}}&#039;{% endif %}<\/pre>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e5ecee\">Copy the below-given code and paste it into <strong>Templates\/cart.liquid<\/strong> or <strong>Sections\/cart-template.liquid <\/strong>inside subtotal price to change the subtotal price:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">id=&#039;wk_subtotal_price&#039;<\/pre>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Code Pasting for Online Store 2.0<\/h3>\n<\/div><\/div>\n\n\n\n<p>To display \u201cPreOrder Widget\u201d on the Product Description Page, copy the below-given code and paste it to <strong>product.json<\/strong> &gt;&gt; <strong>sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{% render 'wk-po-widget-selling-plan'%}\n<\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1111\" height=\"515\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321r4.png\" alt=\"321r4\" class=\"wp-image-401160\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321r4.png 1111w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321r4-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321r4-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321r4-768x356.png 768w\" sizes=\"(max-width: 1111px) 100vw, 1111px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To display the \u201cPreOrder\u201d button on the customer\u2019s \u201c<strong>My Account<\/strong>\u201d section:- <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the below-given code.<\/li>\n\n\n\n<li><strong>Make the changes as per your store URL<\/strong>.<\/li>\n\n\n\n<li>Add the code to <strong>customer\/account.liquid<\/strong> file.<\/li>\n<\/ul>\n\n\n\n<p>POINT TO BE NOTED:- THE CODE IS DYNAMIC. SO, MAKE THE CHANGES ACCORDINGLY.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;div&gt;&lt;a href =&#039;https:\/\/&lt;strong&gt;example&lt;\/strong&gt;.myshopify.com\/pages\/preorder-management&#039; &gt;&lt;button class=&#039;btn&#039;&gt;Preorder&lt;\/button&gt;&lt;\/a&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<p>In order to display the countdown timer on the collection page, copy the below-given code and paste it to-<\/p>\n\n\n\n<p><strong>collection.json<\/strong> &gt;&gt; <strong>sections\/main-collection-product-grid.liquid <\/strong>&gt;&gt; <strong>snippets\/product-card.liquid<\/strong> file:-<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% render &#039;wk-po-collection-widget&#039;, product: product_card_product%}<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"584\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T181812.575-1-1200x584.png\" alt=\"Screenshot-2021-08-27T181812.575-1\" class=\"wp-image-303300\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T181812.575-1-1200x584.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T181812.575-1-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T181812.575-1-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T181812.575-1-768x374.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T181812.575-1.png 1265w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% if item.product.tags contains &#039;preorder&#039; %}&lt;span class=&#039;wk_po_count&#039; style=&#039;display:none;&#039;&gt;&lt;\/span&gt;{% endif %}<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"605\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182622.802-1200x605.png\" alt=\"Screenshot-2021-08-27T182622.802\" class=\"wp-image-303305\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182622.802-1200x605.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182622.802-300x151.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182622.802-250x126.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182622.802-768x387.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182622.802.png 1259w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% if item.product.tags contains &#039;preorder&#039;%} id=&#039;wk_price_{{item.key}}&#039;{% endif %}<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"591\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182718.088-1200x591.png\" alt=\"Screenshot-2021-08-27T182718.088\" class=\"wp-image-303306\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182718.088-1200x591.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182718.088-300x148.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182718.088-250x123.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182718.088-768x378.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182718.088.png 1275w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% if item.product.tags contains &#039;preorder&#039;%} id=&#039;wk_total_price_{{item.key}}&#039;{% endif %}<\/pre>\n\n\n\n<p>Add the code to <strong>section\/main-cart-footer.liquid<\/strong> :-<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">id=&#039;wk_subtotal_price&#039;<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"612\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182823.635-1200x612.png\" alt=\"Screenshot-2021-08-27T182823.635\" class=\"wp-image-303307\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182823.635-1200x612.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182823.635-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182823.635-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182823.635-768x392.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-27T182823.635.png 1249w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>IMPORTANT NOTE<\/strong>:- The app is dependent on page reload so, please make sure to add the below codes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"717\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-by-Lightshot-4-1-1200x717.png\" alt=\"Screenshot-by-Lightshot-4-1\" class=\"wp-image-303322\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-by-Lightshot-4-1-1200x717.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-by-Lightshot-4-1-300x179.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-by-Lightshot-4-1-250x149.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-by-Lightshot-4-1-768x459.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/Screenshot-by-Lightshot-4-1.png 1289w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>In this way, you can configure your app frontend.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">How to Add Pre-order Products?<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>If you want your customers to order your out-of-stock products or products that are about to launch on your store then, first you need to add products for pre-order from the backend.<\/p>\n\n\n\n<p>You can go through the directions suggested below to create a pre-order product:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"588\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-2-1200x588.png\" alt=\"32-2\" class=\"wp-image-400643\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-2-1200x588.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-2-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-2-250x123.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-2-768x377.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-2-1536x753.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-2.png 1611w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Pre-order<\/strong>&gt;&gt;Visit &#8220;<strong>Pre-order Product<\/strong>&#8221; section&gt;&gt;On the Pre-order listing page. <\/p>\n\n\n\n<p>click on &#8220;Add <strong>Product<\/strong>&#8221; button&gt;&gt;Select any product&gt;&gt;Enter the preorder details&gt;&gt;Save it or click on &#8220;<strong>Publish Now<\/strong>&#8221; button.<\/p>\n\n\n\n<p>You can view the list of all pre-order products created by the admin in this section.<\/p>\n\n\n\n<p>Now once you click on the create button you will be straightaway redirected to a page where you can fill all the pre-order details on your end.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1283\" height=\"501\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-8.png\" alt=\"choose product\" class=\"wp-image-136913\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-8.png 1283w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-8-250x98.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-8-300x117.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-8-768x300.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-8-1200x469.png 1200w\" sizes=\"(max-width: 1283px) 100vw, 1283px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here you need to select any store product first and choose its variants which you want your customers to pre-order. Now select the start and end date &amp; time of selected pre-order products.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1286\" height=\"530\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-9.png\" alt=\"inventory\" class=\"wp-image-136934\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-9.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-9-250x103.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-9-300x124.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-9-768x317.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-9-1200x495.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now you can scroll down and enter the inventory details in this section. Additionally, you can set the pre-order amount that you want to charge from your customers. <\/p>\n\n\n\n<p>Now, you need to set the condition to receive payment from the customers on every pre-order.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Payment Type<\/h4>\n\n\n\n<p>You can select any of the payment types as &#8220;Full&#8221; or &#8220;Part&#8221; which is directly visible to the customers at the time of pre-order.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"601\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321-1-1200x601.png\" alt=\"321-1\" class=\"wp-image-400645\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321-1-1200x601.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321-1-300x150.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321-1-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321-1-768x385.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321-1-1536x769.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/321-1.png 1627w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If you set the payment type as &#8220;Partial&#8221;, you can choose either fixed or percentage amount.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"513\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/54-1-1200x513.png\" alt=\"54-1\" class=\"wp-image-400644\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/54-1-1200x513.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/54-1-300x128.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/54-1-250x107.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/54-1-768x328.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/54-1-1536x656.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/54-1.png 1610w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Set time duration to recover the remaining amount<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>An exact date to recover the remaining amount <\/strong>(From here, you can set the exact date to receive the remaining amount of the preorder.<\/li>\n\n\n\n<li><strong>Days after checkout to recover the remaining payment <\/strong>(From here, you can set the days after checkout to receive the remaining amount of the preorder.)<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:<\/strong> Disabling the Mandate Payment option, you need to manage the Partial Payment manually. <\/p>\n\n\n\n<p>A mail will be triggered to admin as a reminder based on the number of days configured to get the partial payment for the preorder. <\/p>\n\n\n\n<p><strong>Pre-order Product Description<\/strong> (Add few points about this pre-order product.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"603\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/5443-1200x603.png\" alt=\"5443\" class=\"wp-image-400646\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/5443-1200x603.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/5443-300x151.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/5443-250x126.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/5443-768x386.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/5443-1536x772.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/5443.png 1622w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong><em>If your pre-order product is not ready to publish then you can save that product to pending state just by clicking the save button. <\/em><\/strong><\/p>\n\n\n\n<p><strong><em>Once the product reaches its publish date and time, it will get published automatically.<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"566\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/13-1200x566.png\" alt=\"13\" class=\"wp-image-351037\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/13-1200x566.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/13-300x142.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/13-250x118.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/13-768x363.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/13.png 1286w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now you can view the list of products from this section which you have added for pre-order.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1279\" height=\"559\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-14.png\" alt=\"view products\" class=\"wp-image-136972\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-14.png 1279w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-14-250x109.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-14-300x131.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-14-768x336.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-14-1200x524.png 1200w\" sizes=\"(max-width: 1279px) 100vw, 1279px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, you can view or edit the pre-order details of the product which are in active and pending state. And add the product for pre-order which is in &#8220;End&#8221; state.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1286\" height=\"530\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-13.png\" alt=\"disable\" class=\"wp-image-136969\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-13.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-13-250x103.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-13-300x124.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-13-768x317.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Demo-Store-Apps-Shopify-13-1200x495.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1281\" height=\"424\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-29-1-png-1290\u00d7424-.png\" alt=\"edit\" class=\"wp-image-140165\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-29-1-png-1290\u00d7424-.png 1281w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-29-1-png-1290\u00d7424--250x83.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-29-1-png-1290\u00d7424--300x99.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-29-1-png-1290\u00d7424--768x254.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-29-1-png-1290\u00d7424--1200x397.png 1200w\" sizes=\"(max-width: 1281px) 100vw, 1281px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once you click on &#8220;Edit Preorder&#8221; you can disable the pre-order status as well as end pre-order on this product.<\/p>\n\n\n\n<p><em><strong>Please Note:-<\/strong> You cannot edit the start date for the product whose pre-order status is &#8220;Running&#8221; i.e. the product in the active state.<\/em><\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Orders<\/h3><\/div><div class=\"margin-bottom-50\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1280\" height=\"519\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-55-png-1296\u00d7526-.png\" alt=\"Shopify Pre-order\" class=\"wp-image-140166\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-55-png-1296\u00d7526-.png 1280w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-55-png-1296\u00d7526--250x101.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-55-png-1296\u00d7526--300x122.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-55-png-1296\u00d7526--768x311.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-55-png-1296\u00d7526--1200x487.png 1200w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This section of the app lists all the pre-order products ordered by the customers along with the payment status as well as the order status. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1294\" height=\"582\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-19-3.png\" alt=\"View Details\" class=\"wp-image-171765\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-19-3.png 1294w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-19-3-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-19-3-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-19-3-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-19-3-1200x540.png 1200w\" sizes=\"(max-width: 1294px) 100vw, 1294px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>By clicking on the &#8220;View&#8221; button, you will get the complete details about that product ordered by the customer.<\/p>\n\n\n\n<p><strong>REMINDER MAIL OPTION <\/strong> &amp; NOTIFY FOR DELAY SHIPPING<strong>: PARTIAL PAYMENT CASE<\/strong><\/p>\n\n\n\n<p>If the payment is partially paid, You will get the<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Reminder Mail<\/strong> Option to send the reminder mail to the customers to pay the remaining balance amount.<\/li>\n\n\n\n<li><strong>Notify for Delay Shipping <\/strong>option to send shipping delay mail to the customer in case of shipping delay.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"513\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/657-1200x513.png\" alt=\"657\" class=\"wp-image-400648\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/657-1200x513.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/657-300x128.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/657-250x107.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/657-768x328.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/657-1536x656.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/657.png 1620w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Thus, the customers will get the option in the mail to pay the remaining amount.<\/p>\n\n\n\n<p>In this way, you will get a complete idea about all your pre-ordered products from this section.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Customer End<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>To avail the benefits of this app, Your customers need to have an account on your Store. <\/p>\n\n\n\n<p>Thus, the admin needs to set the option as &#8220;Accounts are Required&#8221; from backend so that customers can create their account.<\/p>\n\n\n\n<p>Follow the Procedure for the same:<\/p>\n\n\n\n<p>Shopify Store <strong>Admin Panel<\/strong>&gt;&gt;Click on <strong>Settings<\/strong>&gt;&gt;Click on<strong> Checkout<\/strong>&gt;&gt;Visit <strong>Customer Accounts<\/strong> section&gt;&gt;Set to &#8220;<strong>Accounts are Required<\/strong>&#8220;&gt;&gt;Click on <strong>Save<\/strong> button.<\/p>\n\n\n\n<p>Now, Once the admin creates a menu for Pre-order Listing from Shopify backend, the customer can directly view the list of all the Pre-order Products on the frontend. <\/p>\n\n\n\n<p>Here in this section the customer can view all the running and upcoming pre-orders and can pre-order any of the products by paying the pre-order amount set by the admin.<\/p>\n\n\n\n<p>Customers can view the countdown timers running on every pre-order product<strong> (Full Payment)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"910\" height=\"684\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32.jpeg\" alt=\"32\" class=\"wp-image-401126\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32.jpeg 910w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-300x225.jpeg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-250x188.jpeg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/32-768x577.jpeg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>(Part Payment)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"886\" height=\"712\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/33.jpeg\" alt=\"33\" class=\"wp-image-401127\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/33.jpeg 886w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/33-300x241.jpeg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/33-250x201.jpeg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/33-768x617.jpeg 768w\" sizes=\"(max-width: 886px) 100vw, 886px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Clicking the PreOrder button, the customer will straightaway be redirected to checkout. <\/p>\n\n\n\n<p>Now, the customer can select any of the products from here and order them. Just select the payment option and click on the &#8220;PreOrder&#8221; button.<\/p>\n\n\n\n<p>Once you are done with the pre-order then on the thank you page you will also get a button for cancellation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"581\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/543-1200x581.png\" alt=\"543\" class=\"wp-image-400661\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/543-1200x581.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/543-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/543-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/543-768x372.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/543-1536x743.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/543.png 1585w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If your customer will find any product that is currently not in stock, he\/she can visit that product page and enter his\/her email ID to get notified once the product comes in stock.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1286\" height=\"663\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Pro5-\u2013-Demo-Store.png\" alt=\"product page\" class=\"wp-image-142445\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Pro5-\u2013-Demo-Store.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Pro5-\u2013-Demo-Store-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Pro5-\u2013-Demo-Store-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Pro5-\u2013-Demo-Store-768x396.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Pro5-\u2013-Demo-Store-1200x619.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once the customer order any product, he\/she can view all the details in the &#8220;My Account&#8221; section.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1280\" height=\"586\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-39-1-png-1295\u00d7609-.png\" alt=\"my account page\" class=\"wp-image-137164\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-39-1-png-1295\u00d7609-.png 1280w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-39-1-png-1295\u00d7609--250x114.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-39-1-png-1295\u00d7609--300x137.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-39-1-png-1295\u00d7609--768x352.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/Screenshot-39-1-png-1295\u00d7609--1200x549.png 1200w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Once the customer clicks on the &#8220;Preorder&#8221; button displayed on frontend, he\/she will get the list of all the products ordered by him\/her. <\/p>\n\n\n\n<p>This includes the &#8220;Pre-order Status&#8221;, &#8220;Payment Status&#8221; and &#8220;pre-order duration&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"705\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/89-1200x705.png\" alt=\"89\" class=\"wp-image-400654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/89-1200x705.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/89-300x176.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/89-250x147.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/89-768x451.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/89-1536x902.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/89.png 1870w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Moreover, from the &#8220;Action&#8221; menu customer can raise a cancel request.<\/p>\n<\/div>\n\n\n\n<p>That is all about the PreOrder Controller app.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Demo Details<\/strong><\/h2>\n\n\n\n<p>You can go through the below-given link to<strong> check the <a href=\"https:\/\/wk-preorder-controller-demo.myshopify.com\/pages\/preorder-listing\">demo<\/a><\/strong> of the Pre-order Controller App for Shopify.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need Support?<\/h2>\n\n\n\n<p>Hope you like this blog. To get more interesting blogs, keep in touch with us. If you need any kind of support, simply raise a ticket at&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/webkul.uvdesk.com\/en\/\" target=\"_blank\">https:\/\/webkul.uvdesk.com\/en\/<\/a>.<\/p>\n\n\n\n<p>You can contact&nbsp;<strong>support@webkul.com<\/strong>&nbsp;to get proper assistance.<\/p>\n\n\n\n<p>Thank You for reading this Blog!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>No one wants to lose customers when the product goes out of stock. Keeping this in mind, we come up with the&nbsp;Pre-order Controller App for Shopify. Using the Pre-order Controller App, you can add products for pre-order on your store and earn profits on them even before releasing the items. Basically, the preorder products are <a href=\"https:\/\/webkul.com\/blog\/shopify-pre-order\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":183,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[841],"tags":[7058,1515,7065,7431,9359,7096,7057,7059,9358,7430],"class_list":["post-132748","post","type-post","status-publish","format-standard","hentry","category-shopify","tag-pre-order-app","tag-preorder","tag-preorder-app-shopify","tag-preorder-controller","tag-preorder-for-shopify","tag-preorder-shopify","tag-shopify-pre-order","tag-shopify-pre-order-app","tag-shopify-preorder","tag-shopify-preorder-controller"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pre-order Controller App for Shopify | Automatic PreOrder<\/title>\n<meta name=\"description\" content=\"Add Products for Pre-Order and accept payment for items even before their release using PreOrder Controller for Shopify.\" \/>\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\/shopify-pre-order\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pre-order Controller App for Shopify | Automatic PreOrder\" \/>\n<meta property=\"og:description\" content=\"Add Products for Pre-Order and accept payment for items even before their release using PreOrder Controller for Shopify.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/shopify-pre-order\/\" \/>\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=\"2018-07-24T09:55:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-19T13:35:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png\" \/>\n<meta name=\"author\" content=\"Supriya Srivastava\" \/>\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=\"Supriya Srivastava\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/\"},\"author\":{\"name\":\"Supriya Srivastava\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/82e882f9d26265c50d20efca6f27f973\"},\"headline\":\"PreOrder Controller for Shopify\",\"datePublished\":\"2018-07-24T09:55:09+00:00\",\"dateModified\":\"2025-05-19T13:35:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/\"},\"wordCount\":2215,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png\",\"keywords\":[\"pre-order app\",\"Preorder\",\"preorder app shopify\",\"preorder controller\",\"preorder for shopify\",\"preorder shopify\",\"shopify pre-order\",\"shopify pre-order app\",\"shopify preorder\",\"shopify preorder controller\"],\"articleSection\":[\"Shopify\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/shopify-pre-order\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/\",\"url\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/\",\"name\":\"Pre-order Controller App for Shopify | Automatic PreOrder\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png\",\"datePublished\":\"2018-07-24T09:55:09+00:00\",\"dateModified\":\"2025-05-19T13:35:52+00:00\",\"description\":\"Add Products for Pre-Order and accept payment for items even before their release using PreOrder Controller for Shopify.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/shopify-pre-order\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png\",\"width\":575,\"height\":641,\"caption\":\"Screenshot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-pre-order\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PreOrder Controller for Shopify\"}]},{\"@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\/82e882f9d26265c50d20efca6f27f973\",\"name\":\"Supriya Srivastava\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?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\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Supriya Srivastava\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/supriya-srivastava691\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pre-order Controller App for Shopify | Automatic PreOrder","description":"Add Products for Pre-Order and accept payment for items even before their release using PreOrder Controller for Shopify.","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\/shopify-pre-order\/","og_locale":"en_US","og_type":"article","og_title":"Pre-order Controller App for Shopify | Automatic PreOrder","og_description":"Add Products for Pre-Order and accept payment for items even before their release using PreOrder Controller for Shopify.","og_url":"https:\/\/webkul.com\/blog\/shopify-pre-order\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-07-24T09:55:09+00:00","article_modified_time":"2025-05-19T13:35:52+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png","type":"","width":"","height":""}],"author":"Supriya Srivastava","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Supriya Srivastava","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/"},"author":{"name":"Supriya Srivastava","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/82e882f9d26265c50d20efca6f27f973"},"headline":"PreOrder Controller for Shopify","datePublished":"2018-07-24T09:55:09+00:00","dateModified":"2025-05-19T13:35:52+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/"},"wordCount":2215,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png","keywords":["pre-order app","Preorder","preorder app shopify","preorder controller","preorder for shopify","preorder shopify","shopify pre-order","shopify pre-order app","shopify preorder","shopify preorder controller"],"articleSection":["Shopify"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/shopify-pre-order\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/","url":"https:\/\/webkul.com\/blog\/shopify-pre-order\/","name":"Pre-order Controller App for Shopify | Automatic PreOrder","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png","datePublished":"2018-07-24T09:55:09+00:00","dateModified":"2025-05-19T13:35:52+00:00","description":"Add Products for Pre-Order and accept payment for items even before their release using PreOrder Controller for Shopify.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/shopify-pre-order\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot.png","width":575,"height":641,"caption":"Screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/shopify-pre-order\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"PreOrder Controller for Shopify"}]},{"@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\/82e882f9d26265c50d20efca6f27f973","name":"Supriya Srivastava","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?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\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Supriya Srivastava"},"url":"https:\/\/webkul.com\/blog\/author\/supriya-srivastava691\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/132748","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\/183"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=132748"}],"version-history":[{"count":126,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/132748\/revisions"}],"predecessor-version":[{"id":492623,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/132748\/revisions\/492623"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=132748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=132748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=132748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}