Back to Top

WordPress WooCommerce Pre Order

Updated 17 June 2024

Pre-Order for WooCommerce 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.

Searching for an experienced
WordPress Company ?
Find out More

Check the plugin overview in the video mentioned below –  

8ZRHZQaBxgM

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.
  • 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 product and out-of-stock products.
  • The email notification is sent to the customers once the pre-order product gets 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.

WordPress WooCommerce Pre Order

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.

WordPress WooCommerce Pre Order

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.

WordPress WooCommerce Pre Order

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

WordPress WooCommerce Pre Order

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.

WordPress WooCommerce Pre Order

Module Translation

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

Module Activation

Check out how to Activate WooCommerce Plugin through the purchase code.

Configuration of WooCommerce Pre Order

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

WordPress-WooCommerce-Pre-Order-1-1

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.

WordPress-WooCommerce-Pre-Order-2-1

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. 

WordPress-WooCommerce-Pre-Order-3

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.

WordPress-WooCommerce-Pre-Order-4

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.

admin end pre order products

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.

WordPress-WooCommerce-Pre-Order-6

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.

edit pre order products

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

WordPress-WooCommerce-Pre-Order-8

Bulk Action on Products

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

delete pre order products

Pre-Order List section

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

WordPress-WooCommerce-Pre-Order-10

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. 

WordPress-WooCommerce-Pre-Order-11

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 Again button as shown in below image.

WordPress-WooCommerce-Pre-Order-16

Enable Preorder For Variable Product

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

WordPress-WooCommerce-Pre-Order-12

Front-End Workflow of WooCommerce Pre Order

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

woocommerce-pre-order

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

WC pre order

After that, the customer will view the product page.

woocommerce-pre-order

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

woocommerce-pre-order

On the cart page:

The product will be visible as shown in the below snapshot. The price of the product 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 product with a countdown timer as well.

woocommerce-pre-order

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:

woocommerce-pre-order

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.

woocommerce-pre-order

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

woocommerce-pre-orde

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

woocommerce-pre-order

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.

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_product_album_webkul-store

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.

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_product_album_webkul-store-1

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

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_cart_webkul-store

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

WordPress-WooCommerce-Pre-Order-14

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

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_checkout_order-received_227__keywc_order_UMX8QPzon6Bp5webkul-store-1

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.

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_my-account_orders_webkul-store

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.

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_checkout_order-pay_227__pay_for_ordertruekeywc_order_UMX8QPzon6Bp5webkul-store

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

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_checkout_order-received_227__keywc_order_UMX8QPzon6Bp5webkul-store-2

The user will also get the mail for the same.

Screenshot-from-2023-07-18-11-31-14

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.

WordPress-WooCommerce-Pre-Order-13

Here, the customer can see that the product is in stock and can make the remaining payment for the product by adding it to the cart.

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_product_album_webkul-store-2

On the Place Order page, the customer can see that the amount to pay is the remaining amount for the Pre-order product.

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_cart_webkul-store-1

lastly, after placing the order for the remaining amount the customer can see the complete order details as shown below in the snapshot.

wpdemo.webkul.com_woocommerce-pre-order-182-75-44-194_checkout_order-received_229__keywc_order_mzVaH3X1P081Bwebkul-store

At the same time, the customer also receives an email for the amount paid.

Screenshot-from-2023-07-18-11-33-27

Support

For any technical assistance kindly raise a ticket or reach us by email at [email protected]. Thanks for Your Time! Have a Good Day!

Also, discover various solutions to add more features and enhance your online store by visiting the WooCommerce plugins.

Current Product Version - 2.3.5

Supported Framework Version - WordPress: 6.5.4 , WooCommerce: 8.9

Blog Version - WordPress: 6.5.4 , WooCommerce: 8.9
  • Version WordPress: 6.5.4 , WooCommerce: 8.9
  • Version WordPress: 6.5.3 , WooCommerce: 8.9.1
  • Version WordPress: 6.4.3, WooCommerce: 8.6
  • Version WordPress: 6.2.2, WooCommerce: 7.8
  • Version WordPress: 6.0.0, WooCommerce: 6.4.1
  • Version WooCommerce version 5.9
  • Version WooCommerce version 4.4.0
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


19 comments

  • Dominga Bartel
  • Dare Lawal
    • Subhangi (Moderator)
  • Ben Ali
    • Subhangi (Moderator)
  • Sotiris
  • Carol
    • Adarsh Shukla (Moderator)
  • Chris
    • Archana Tiwari (Moderator)
  • Michael
    • Archana Tiwari (Moderator)
  • Lucky Mmbengwa
  • Sergio
    • Nishad Bhan (Moderator)
  • Peter Gesang
    • Suraj Kumar
  • Peter Gesang
    • Suraj Kumar
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content