Laravel eCommerce Pre Order

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

Customers will get a zip folder after purchasing the extension. After that, Unzip the respective extension zip and then merge “packages” folders into the project root directory.

• Goto config/app.php file and add the following line under ‘providers’

Webkul\PreOrder\Providers\PreOrderServiceProvider::class

• Goto composer.json file inside the Bagisto root directory and add the following line under ‘psr-4’

“Webkul\\PreOrder\\”: “packages/Webkul/PreOrder”

• Goto config/concord.php file and add the following line under ‘modules’

\Webkul\PreOrder\Providers\ModuleServiceProvider::class,

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

composer dump-autoload
php artisan migrate
php artisan route:cache
php artisan db:seed – – class=Webkul\\PreOrder\\Database\\Seeders\\DatabaseSeeder
php artisan vendor:publish
-> Press 0 and then press enter to publish all assets and configurations

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.

Once you are on Admin dashboard, For configuration of Pre-order click on the Configure option which is there on the left-hand side in the menu bar, through which the admin will be redirected to the Preorder Configuration page by navigating Configure>Preorder.

General Settings

Above you will get settings to choose channel and locale. Based on that you can even change the configuration of the marketplace.

The fields below depicting [default] refers to settings of default inventory and the fields depicting [default-en] refers to the setting of the default channel and English locale.

Let’s go through with the Configuration Settings one by one:

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

• Preorder Percent- 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 buyer can pay $70 for pre-order. (Only available for partial payment)

• Preorder Message – You have an option to display a small message on the pre-order product page.

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

Here, the admin can check the order type under the column PreOrder Type. And, can also use the filter Order Type to filter out the order for preorder products.

The admin can even see a list of all the pre-orders received on the store under a separate section. On the following page, the admin will see the Order ID, Purchase Date, Product Name, Customer Name, Customer, Paid Amount, Remaining Amount, Preorder Type, Status and Email Sent information.

Notify Customers Manually

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

To send an email notification to the customer, a first admin will select the customers from the list then admin can send the mail after clicking on the Submit Button.
Here admin can also send the bulk email to the customers by using the filter feature.

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.

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

Now the admin will go to Catalog>Products>Add Product.
While adding/editing any product the admin will find the below attributes of Pre-Order.

• Allow Preorder – From the drop-down, the admin will set the “Yes” or “No”.
• Pre-Order Quantity –The admin can also define the allowed preorder product purchase limit for the customer.
• Product Availability – Select the date of Product Availability.

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

• Partial Payment Info
• Preorder Message
• Product Availability Date
• Pre Order button

The pre-order module works with simple and configurable types of products. In the configurable product, the admin can set the Pre-Order Status as Yes for any of its associated product. And the configurable product will be shown as below.

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

Case 1 – Complete Payment

The product purchase process is the same as before, the customer can make the full payment including the shipping cost and place the order. Now, when the product comes back in stock, the customer receives an email notification.

Case 2 – Partial Payment

In partial payment, two separate orders IDs are created for completing the pre-order process. In the first order, the customer pays some percentage of the product’s price plus the shipping cost. And when the product comes back in stock, the customer receives an email notification for making the remaining payment using the second order ID.

As per the above image, The customer will click on the Preorder Button to add the product to the cart.
Along with this, Here the customer can also check the pre-order percentage which shows that the customer has to pay 50% of the product price (Partial Payment).

Shopping Cart

After adding the product to the shopping cart, now the customer only needs to pay the $10 which is 50% of the product price ($20).

Pre-Order Shipping Price

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

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

Product In-Stock Email Notification

Whenever the product will be in-stock, the customer will get an email notification for completing the order and pay the remaining amount.

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

Pay Remaining Amount

After clicking on Complete Preorder button, the customer will see their remaining amount will be added to the shopping cart. Also, at the checkout, the customer will not have to pay for the shipping again.

Remaining Amount Paid

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

The guest users can also pre-order the product form the website even without logging into the store. After clicking the Pre Order button, the product will be added to the cart. Then the guest users have to go to the checkout and they need to fill in the below information as shown in the image.

Guest User – Order Placed

After that, the guest users will select the payment and shipping method and place the order. Order ID will be created for guest users as well. The guest users can check the pre-order details using their email address.

Guest User – Pre-Order List

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

Guest User – Product In-Stock Email Notification

The admin will also inform the guest user whenever the product will be in-stock, the guest user will get an email notification for completing the order and pay the remaining amount.

Guest User – Completing Pre Order

The guest user can complete the pre-order by clicking on the link shown in the email, accordingly the guest user will be redirected to the order information page for completing the preorder.

Here the guest user can also check that the remaining amount to pay for completing the preorder is added on their shopping cart page.

After successfully filling the order information, the guest user will select the payment method and placed the order.
Also, at the checkout, the guest user will not have to pay for the shipping price again.





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