Back to Top

Laravel eCommerce Multi Tenant SaaS PreOrder

Updated 27 May 2022

Laravel eCommerce Multi-Tenant PreOrder module allows the customer to pre-order the products which are not yet available at the online store.

With the help of the Laravel eCommerce Multi-Tenant PreOrder module, the customer or the guest user can place orders for out of stock products. The merchant can set whether the customer will pay a full or partial amount of the product.

Note**

 This is the add-on of Laravel eCommerce Multi-Tenant SaaS, to use this add-on. Firstly you have installed the Laravel eCommerce Multi-Tenant SaaS.

Check the overview of the plugin in the case of partial payment –

Start your headless eCommerce
now.
Find out More
Pi0mq5HK4uw

Check the overview of the plugin in case of complete payment –

cLDaDBi-VL0

Features of Laravel eCommerce Multi-Tenant PreOrder

  • Customers can pre-order only out of stock products.
  • Module works with both simple and Configurable products.
  • This module also allows the merchant to set a custom message to display on the preorder product page.
  • merchant can set preorder status.
  • The preorder module allows the customer to pay either a complete or partial payment.
  • The merchant 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

After purchasing the extension the customers will get a zip folder. “Unzip” the folder then merge “packages” folders into the project root directory.

laravel-eCommerce-pre-order-installation
  • Goto config/app.php file now add the following line under ‘providers’

Webkul\PreOrder\Providers\PreOrderServiceProvider::class

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

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

Screenshot55
  • Let’s go to config/concord.php file now add the following line under ‘modules’

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

Screenshot56

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 preorder:install (works for existing companies, as it create preorder attributes for them)

php artisan vendor:publish

-> Press 0 then press enter to publish all assets and configurations

Laravel eCommerce Multi-Tenant SaaS Pre Order – Configuration

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.

laravel-eCommerce-multi-tenant-saas-pre-order-configuration

After that, the merchant will be navigating to Configure>Preorder for successfully use the module.

laravel-ecommerce-saas-pre-order-configuration-

General Settings

Above you will get the settings to choose channel and locale.

laravel-eCommerce-pre-order-multi-tenant-channel-locale

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

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

laravel-ecommerce-saas-pre-order-configuration-

Preorder Type

From the drop-down merchant will 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 customer will need to pay $30 only for pre-order. (Only available for partial payment)

Preorder Message

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

Admin Managment

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 a merchant.

laravel-eCommerce-multi-tenant-pre-order-list

Now the merchant can easily check all the pre-orders received also with the Order ID, Purchase Date, Product Name, Customer Name, Customer, Paid Amount, Remaining Amount, Preorder Type, Status, Email Sent information.

Notify Customers Manually

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

By selecting the customer from the below list, the merchant can easily notify them about product availability. The merchant can also send the bulk email to the customers by using the filter feature.

laravel-eCommerce-multi-tenant-pre-order-admin-notify-customer

Please Note – If the invoice is not generated for the pre-order, the customer will not get the In-Stock notification. Therefore, the merchant must creates 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-multi-tenant-pre-order-customer-email-sample-for-completeing-pre-order

Product Management

Thus merchant will go to Catalog>Products>Add Product.
While adding/editing any product, the merchant will find the below attributes.

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

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
laravel-eCommerce-multi-tenant-pre-order-simple-product

Pre-Order For Configurable Product

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

laravel-eCommerce-multi-tenant-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.

laravel-eCommerce-multi-tenant-customer-placing-pre-order

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 50% of the product price (Partial Payment).

Shopping Cart

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

laravel-eCommerce-multi-tenant-pre-order-add-to-cart

Pre-Order Shipping Price

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

laravel-eCommerce-multi-tenant-pre-order-shipping

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

laravel-eCommerce-multi-tenant-pre-order-customer-information

Registered Customer – Completing Pre-Order

Product In-Stock Email Notification

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

laravel-eCommerce-multi-tenant-pre-order-customer-email-sample-for-completeing-pre-order-1

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.

laravel-eCommerce-multi-tenant-pre-order-customer-completing-pre-order

Pay Remaining Amount

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

Note** Now the customer no need to pay the shipping price again.

laravel-eCommerce-multi-tenant-pre-order-customer-completing-preorder

Remaining Amount Paid

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

Customer-getting-new-order-id

Guest Users – Pre Order Management

Guest users can also pre-order the product from the website even without logging into the store. They can easily add the product to the cart.

laravel-ecommerce-guest-user-completing-pre-order

Guest User – Order Placed

Now the guest users will select the payment, 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.

laravel-eCommerce-pre-order-complete-suceessfully

Pre-Order List of Guest user

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

guest-user-pre-order-list

Email notification of products for Guest user

Whenever the product will be in-stock, the guest user will get an email notification for completing the preorder by paying the remaining amount.

laravel-ecommerce-guest-user-product-instock-email

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.

laravel-ecommerce-guets-user-completing-pre-order

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

laravel-ecommerce-pre-order-gurst-user-remaining-amount-add-to-the-cart

Successfully filling the order information, the guest user will also need to select the payment method then placed the order.

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

Current Product Version - v0.1.0

Supported Framework Version - v0.1.8

. . .

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