Back to Top

Laravel eCommerce Pre Order

Updated 21 January 2025

Laravel eCommerce pre-order module comes with very attractive features through which the admin can easily allow their customers/guest users to pre-order the upcoming and out-of-stock products.

The customers can pay in advance either a complete or partial amount of the product’s price, once the product will be in stock they get their order delivered.

Note – Laravel eCommerce Pre Order module is now supported with Bagisto version 2.1.2.

Features of Laravel eCommerce Pre Order

  • Customers can pre-order only out-of-stock products.
  • Module works with both simple and Configurable products.
  • This module also allows the admin to set a custom message to display on the preorder product page.
  • Admin can set preorder status and availability date.
  • The preorder module allows the customer to pay either a complete or partial payment.
  • Customers will receive an email notification when a product is back in-stock.
  • The admin can set the custom percentage of the partial amount to pay for pre-ordering.
  • Guest users can also pre-order the out-of-stock product.
  • Multi-Lingual support / All language working also including RTL.
  • The code is fully open & you can customize it according to your need

Installation of Laravel eCommerce Pre Order

After purchasing the extension the customers will get a zip folder.

Unzip the respective extension zip and then merge “packages” and “public” folder into project root directory.

Next, Run these commands below to complete the setup in the bagisto root directory.

Start your headless eCommerce
now.
Find out More
  • Goto config/app.php file now add the following line under ‘providers’
Webkul\PreOrder\Providers\PreOrderServiceProvider::class
  • Goto composer.json file inside the Bagisto root directory now add the following line under ‘psr-4’
"Webkul\\PreOrder\\": "packages/Webkul/PreOrder/src"
  • In the config/bagisto-vite.php file, add the following line under the ‘viters’ section:
'preorder' => [
        'hot_file'                 => 'preorder-default-vite.hot',
        'build_directory'          => 'themes/preorder/build',
        'package_assets_directory' => 'src/Resources/assets',
    ],
composer dump-autoload
php artisan migrate
php artisan db:seed --class=Webkul\\PreOrder\\Database\\Seeders\\DatabaseSeeder
php artisan vendor:publish --provider="Webkul\PreOrder\Providers\PreOrderServiceProvider" --force
php artisan optimize:clear

Once the commands have executed successfully, you will see the Pre Order icon on the left-hand side in the menu bar as shown in the below image.

webkul-bagisto-pre-order-section-visible

Laravel eCommerce Pre Order Configuration

For Preorder configuration, the admin will be navigating to Configure>Preorder.

Webkul Bagisto Pre-Order Configuration

General Settings

At the top, you’ll find the settings to select the locale for your store,

Webkul Bagisto Pre-order Locale

Now let’s go through with the Configuration Settings one by one:

Webkul Pre-order admin configuration

Enable Preorder

The admin can enable or disable the module.

Preorder Type

From the drop-down select how the customers will make the payment for pre-order – Complete Payment or Partial Payment.

Preorder Percent

(Only available for partial payment)

Set the percentage amount of the product’s price. For e.g If the price of the product is $100 and Preorder Percent is 30 then the customer will need to pay $30 only for pre-order. 

Preorder Message

The admin has an option to display a small message on the pre-order product page.

Enable Automatic Mail

When enabled by the admin, customers are automatically notified via email when placing a pre-order, when the product is back in stock, and during the final checkout process.

Pre Order – Admin Management

On the admin dashboard, click the Preorder icon which is there on the left-hand side to check on the features available in the backend for admin.

webkul pre-order admin management

Now the admin can easily check all the pre-orders received also with the Order ID, Purchase Date, Product Name, Customer Name and Customer Email

They also get to see the Paid Amount, Remaining Amount, Preorder Type, Status, Email Sent information.

Notify Customers Manually

When the product will be in stock the admin can also easily notify the customer by sending them an email.

By selecting the customer from the below list the admin can easily notify them about the product availability.

The admin can also send the bulk email to the customers by using the filter feature.

webkul pre-order notify customers manually

Please Note – If the invoice is not generated for the pre-order, the customer will not get the In-Stock notification.

Therefore, the admin must create the invoice after receiving the pre-order payment.

This is the sample of Product In-Stock Email Notification as shown in the below image.

laravel-eCommerce-pre-order-customer-email-sample-for-completeing-pre-order

Pre Order – Product Management

The admin will go to Catalog>Products>Add Product.

While adding/editing any product the admin will find the below attributes.

webkul pre-order product management
  • Allow Preorder – From the toggle button the admin will enable or diasable the pre-order.
  • Pre-Order Quantity –The admin can set a purchase limit for pre-order products, defining the maximum quantity a customer can pre-order.
  • Product Availability – Select the date of Product Availability.

Pre Order – Product Page

At the pre-order product page the customer will also see the various information about the pre-order :

  • Partial Payment Info
  • Preorder Message
  • Product Availability Date
  • Pre Order button
webkul bagisto pre-order product page

Pre-Order For Configurable Product

In the configurable product, the admin can set the Pre-Order Status as “Yes” for any of its associated products. Then the configurable product will also be shown below.

webkul bagisto pre-order configurable product

Customer Placing Pre-Order

While the customer placing pre-order there would be two cases are as follows :

Case 1 – Complete Payment

The customer can make the full payment including the shipping cost then place the order. Once the product comes back in stock, the customer will receive an email notification.

Case 2 – Partial Payment

In partial payment, the customer needs to pay some percentage of the product’s price with the shipping cost.

Once the product comes back in stock, the customer receives an email notification for making the remaining payment.

webkul bagisto pre-order customer add-to-cart

As per the above image, the customer will click on the Preorder button to add the product to the cart.

The pre-order percentage shows that the customer has to pay 40% of the product price (Partial Payment).

Shopping Cart

webkul bagisto pre-order add to cart

Adding the product to the shopping cart, now the customer only needs to pay the $120($119.99 rounder to 120) which is 40% of the product price ($299.99).

Pre-Order Shipping Price

In the case of Pre-Order, the customer will pay the shipping price only one time.

webkul bagisto pre-order shipping

Once the customer’s order is placed, the customer can also check their order information from the My Accounts>Orders section.

webkul pre-order customer my account

Also, if want to display an order success message with their order ID on the checkout page to your customers, then you can check the Laravel Ecommerce Order Checkout AI Message.

Registered Customer – Completing Pre-Order

Product In-Stock Email Notification

An email notification will be sent to the customer to complete the preorder, Once the product is in-stock.

Webkul bagisto back in stock email notification

After clicking the link in the email, the customer order page will open. Here, the customer will see the ‘Complete Preorder‘ button as shown in the below image.

Webkul Bagisto Complete order

Pay Remaining Amount

The remaining amount will be added to the shopping cart when the customer clicks on the Complete Preorder button.

Note** The customer does not need to pay the shipping price again.

webkul bagisto complete order cart page

Remaining Amount Paid

Once the remaining amount is paid for the pre-order product, customer can also see the second-order information from My Account>Orders.

webkul bagisto pre- order my account page

If the item is out of Stock and an invoice is generated then “Available Soon” button will be visible as shown below:-

webkul bagisto pre-order invoice created

Guest Users – Pre Order Management

Now, Guest customers can also pre-order the product from the website even without logging into the store.

Webkul bagisto guest user

Guest User – Order Placed

Now the guest users will select the payment, and shipping method to place the order. The order ID will be created for guest users as well.

The guest users can also check the pre-order details using their email address.

Webkul bagisto pre-order guest user checkout

Pre-Order List of Guest user

The admin can check the pre-order details of the guest users as well, by clicking on the Order ID.

webkul bagisto pre-order guest user order

Email notification of products for Guest user

Whenever the product is back in stock, the guest user will get an email notification to complete the preorder by paying the remaining amount.

mail notification

Completing Pre-Order for Guest User

By clicking on the link shown in the email, the guest user will be redirected to the order information page for completing their preorder.

Guest users can also check the remaining amount to pay for completing the preorder when added to their shopping cart page.

bagisto pre-order guest order shipping and payment

After successfully filling in the order information, the guest user needs to select the payment method and then place the order.

That’s all for Laravel eCommerce Pre-Order, still, if you have any issues feel free to add a ticket and let us know your views to make the module better https://bagisto.uvdesk.com/en/

Current Product Version - 2.1.2

Supported Framework Version - Bagisto v2.1.2

Blog Version - Bagisto v2.1.2
  • Version Bagisto v2.1.2
  • Version Bagisto v1.2.0
  • Version 0.1.6
. . .

Leave a Comment

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


Be the first to comment.

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