Guide for WordPress WooCommerce Pre Order

Live Demo

Live Demo Video Tutorial

WooCommerce Pre Order allows the customer(s) to purchase a product from the store which is currently out of stock.

A pre-order is an order placed for an item that has not yet been released. The idea for pre-orders came when people found it hard to get popular items in stores due to their popularity.

Also, the plugin is very flexible in many ways as customers can order the items with multiple stock units with partial payment as well as complete payment if allowed by the admin.

This plugin is now compatible with WooCommerce’s latest feature Cart and Checkout Blocks.

Also, it is now compatible with WooCommerce’s new High-Performance Order Storage (HPOS) feature.

We provide a production version of the plugin. If you want a development version then you can get it at an additional cost. Please contact support@webkul.com for it

Check the plugin overview in the video mentioned below –

Features of WooCommerce Pre Order

The customer can order out-of-stock products.
Works with every type of product like Simple, Downloadable, Virtual, and Variable.
The admin can set preorder status and availability date.
The admin can set a custom amount to be paid for the pre-ordered product.
The customer can place pre-orders and regular products together in a single order.
The customer can add multiple pre-order items within a single order.
By using this plugin customers can either pay the entire amount at once or can pay some of the amounts.
Email notifications are sent to all registered customers for the new pre-order products and out-of-stock products.
The email notification is sent to the customers once the pre-order product is available in stock.
Users will get an email for pre-order completion for full and partial payment details.
Admin can enable/disable the pre-order reminder email to all the customers and set the custom templates.
The admin can enable/disable the pre-order In-Stock reminder email to all the customers.
The admin can set the add pre-order product permission as Automatic, manual, or both.
Also, the admin can set the email notification as automatic, manual, or both.
Admin can add dynamic text on the pre-order button.
Added a custom message on the pre-order product page.
Also, the admin can restrict any payment method for pre-order products like COD.

Note I: The shipping will not be generated at the time of pre-order, else it will be generated once the product will come back in the stock and the buyer places the order again.

II- If you have a Marketplace website, then you can check our Marketplace Pre Order Plugin for WooCommerce

Installation of WooCommerce Pre Order

The user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel.

For this login to WordPress Admin Panel and Under the Dashboard hover your mouse over the “Plugins” menu option which brings out a Sub-Menu and then selects the “Add New” option.

After this, you will see an option on the top of your page that is “Upload Plugin”, click the option to upload the zip file.

By clicking on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

After browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

Now when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Click on “Activate Plugin” to activate the installed plugin.

Module Translation

To know how to translate the module, you can click here.

Module Activation and Updates

Check out how to Activate WooCommerce Plugin through the purchase code and get updates on Webkul Modules directly on the Plugins page

Configuration of WooCommerce Pre Order

After the successful installation and activation of the WooCommerce Pre Order.

Then admin can configure this plugin under “WooCommerce PreOrder > Configuration”.

General Configuration

Here, the admin will configure some details –

Pre-Order Text – This dynamic text will display on the pre-order button.

Pre-order Message– The admin can add a custom message for the pre-order page.

Convert to product for Pre-order – Admin can decide how the product will be added for pre-order.

Automatic – The product will automatically add for the pre-order need to enter a few details.
Manual – The admin will add products for pre-order manually.
Both – The admin can add manually or it will add automatically if not added by the admin.

Product Configuration – If the automatic option is selected then the following details need to be entered.

Payment Method – The admin can choose the payment method as full or partial payment. So the customer can pay the amount accordingly.
Pre-Order Price – Here, need to add the partial payment percentage.
Default Quantity – Set the default quantity for the pre-order products.
Available Date – After how many days the product will be available when a product goes out of stock.

Restrict Payment Method – The admin can restrict any payment method for preorder products like COD.

Mail Configuration

Here, the admin can manage the preorder mails.

Notification Mode – The admin can select the notification mode for how stock notifications will send to the customers.

Automatic – Notify customers automatically when the product is in stock.
Manual – The admin will notify the customer manually.
Both – Both will work.

Mail Template – The admin can create the mail template for the preorder product notification.

Preorder Reminder Email to all customers – The admin can enable/disable the permission for email reminders to the customers.

Reminder Mail template – Also, they can create custom mail templates for the reminder mail.

Lastly, tap the Save Changes button to save the preorder configuration.

If you require expert assistance or want to develop custom unique functionality, hire WooCommerce Developers for your project.

Admin End Workflow of WooCommerce Pre Order

Now admin adds pre-orders to products. For this click on the tabPreOrder Products”.

All the pre-order products are available on the PreOrder List.

Product Name – Select the Product Name from the list of available products. All out-of-stock products are available on the list. Admin can select any of them as per the requirement.

Payment Method – Select payment method as “Partial Payment” or “Full Payment”.

Original Price – Original Price of the product will be auto-filled as per the product price.

PreOrder Price – Enter PreOrder Price if the payment method is selected as “Partial Payment”.

Manage Quantity – If the option is not selected, the preorder quantity will be infinite.

Quantity – Quantity of the product.

Expected Availability Date – Availability date of the product.

Status – Select status as “Enabled” or “Disabled” as per the requirement.

Edit Product

The admin can edit any preorder product in two ways edit the details of the pre-order and edit the core details of the WooCommerce product via product edit.

When the admin clicks on product edit WooCommerce product edit page will open. Here, the admin can edit the product details.

Bulk Action on Products

The admin can also take bulk action on pre-order products to enable, disable and delete them.

Pre-Order List section

Now Admin can see pre-orders in the pre-order list. For this click on PreOrder List tab.

Customer Notification

The admin can notify the customer automatically, manually, and both about the pre-order product. It will manage in the email configuration section. Also, they can apply bulk action on the pre-orders.

Once you notify the customer a success message popup will display on the top.

If you want to notify the customer again then click on Notify button as shown in below image.

Enable Preorder For Variable Product

The admin can now enable the Pre-Order for the variable products to allow backorders for them.

Front-End Workflow of WooCommerce Pre Order

After a successful configuration, the customer can pre-order a product from the store.

Note: When the products goes out of stock then a registered customer will receive a mail for pre-order product.

After that, the customer will view the product page.

Once the customer clicks on the Pre Order button, the products will be added to the cart, and the countdown timer will start as shown in the image below.

On the cart page:

The products will be visible as shown in the below snapshot. The price of the products will depend upon the configuration.

And the customer can place a pre-order as a normal order. Here, the customer can even see the availability of the pre-order products with a countdown timer as well.

Once the customer has requested for pre-order, now it is important that the admin will update its quantity and change the status to In Stock from the backend.

For this, the admin will navigate to the Products section under the admin panel.

Further, the admin will select a respective product and change the status and product quantity under the Inventory section as shown in the image below:

Once the product is available in stock the customers will be notified through the mail. Then they can pay the rest of the amount of the product.

After placing an order for the pre-order product, a customer can check the order details by navigating through My account->Pre order.

On clicking the Pre-order option, the customers can see the details remaining amount he has to pay.

Partial Payment Workflow

While the admin has set partial payment for pre-order products –

The customer can make the partial payment(initial amount) as set by the admin and
When the pre-order product gets back into stock, the customer can make the remaining payment for the same pre-order product.

On the pre-order product page(after login) the customer can see the details like – the actual price, availability, left stock, and the initial payment to make for the pre-order product.

Pre Order

To pre-order the product, the customer has to tap on the available Pre Order button. This adds the pre-order product to the cart.

Now, the customer can make the payment for the initial amount(£3) as set by the admin by tapping the Proceed to Checkout button within the cart.

Tapping the Proceed to Checkout button takes the customer to the Place Order page to make the partial payment for the Pre-Order product.

The customer can check the Order details after placing the order and can see the initial partial payment(£3).

By navigating to the Order menu option under the My Account section, the details of the pending amount to make for the pre-order products can be checked, paid, and canceled.

Tapping the View button for the respective pre-order product the details can be checked. Also, users can pay the amount by clicking on the pay button.

When the customer clicks on the pay for order button the order will be placed for the pre-order product.

The user will also get the mail for the same.

After the Pre-order product gets back into stock, the customer can navigate to the product page of the respective product. Also, the user will get the mail for the product back in stock.