Reading list Switch to dark mode

    Opencart Preorder Pro

    Updated 11 October 2023

    Opencart PreOrder Pro module helps to make a product as PreOrder. Using this module, the customers can order out-of-stock products.

    Opencart PreOrder Pro is also available as Marketplace Multi-Vendor Pre-Order as well.

    Check the plugin flow –

    7bN1tugzjNc

    Features

    • Customers can order out-of-stock products.
    • The customers can see the Order status for the PreOrder status.
    • Customers can add multiple preorder products to the cart at a time for checkout.
    • The customers can enquire about the pre-order product from the preorder product page.
    • Customer Login is essential for Preordering a preorder product.
    • Using this module customers can make a full or partial payment.
    • The admin can set the custom message to display on the preorder product.
    • The admin can set the pre-order product stock status.
    • Admin can apply a discount to the PreOrder Products.
    • The discount can apply as a percentage or fixed as required.
    • Admin will get a push notification for the purchase of PreOrder products.
    • A counter is available to display the number of left days for the preorder product.
    • The admin can make out-of-stock products as PreOrder products Manually & Automatically by using Cron Job.
    • Admin can set the pre-order text displayed on the add to cart button.
    • The admin can set a custom percentage of the amount to pay for the pre-ordered product.
    • The admin can check Pre-order and Pre-order inquiries in the admin panel.
    • Admin and customers can receive notification mail.
    • The admin can set the mode of notification as Automatic or Manual.
    • When the admin will add any product for PreOrder then it will become out of stock automatically.
    • The module supports the multi-store features of the default Opencart.

    Installation

    The installation of the Opencart module is very simple. After you unzip the main module directory, you will find admin, catalog, theme patch, and ocmod folders. You just need to move the admin and catalog folder into the root directory of your Opencart website.

    If you are using a custom theme like Journal then we provide a Journal theme patch (directory) in the module zip.

    Searching for an experienced
    Opencart Company ?
    Find out More

    While installing the module, navigate through Theme Patch->Journal2 folder and you will get the “Catalog” folder. Just upload the “Catalog” folder into your Opencart root directory for the proper functioning of the module with the Journal Theme.

    Opencart Marketplace Multi Vendor Module

    Once you have uploaded the file then login to admin and from the catalog section go to Extensions> Extension installer and upload the XML file. The XML file can find on ocmod folder under the module directory.

    Under the ocmod folder, you will find the folders for different open cart versions. You just need to select your version and upload the XML file.

    selection_788

    After uploading the file, navigate to Extensions > Modifications and click on the refresh button on the right-hand side.

    selection_789

    Then in the admin panel, go to System -> Users -> User Groups and edit ‘Administrator’ and choose to select all for both Access and Modify Permission and save it.

    selection_790

    Get the – Re-captcha Site Key and Secret Key

    google recapcha

    1: Go to Google’s reCAPTCHA page and click on the MyRecaptcha button on the right.

    2: You must have a Google Account to log in. Enter your Gmail user name, password and click the Next button to proceed further.

    login

    3: Now on the page that comes up you have –

    • Enter a label that will make it easy for you to identify the site in the future.
    • Choose the type of reCAPTCHA as – reCAPTCHA V2.
    • Enter the Domain name(registration for domain.com also registers subdomain.domain.com) where you want to use it.
    • Accept the reCAPTCHA Terms of Service by checking the checkbox.
    • Lastly, click the Register button.
    register new site

    4: Now, you will have the Recaptcha Site Key and Secret Key.

    recaptcha API key

    Module Configuration Settings

    oc.webkul.com_preorder_admin_index.php_routemarketplace_extensionuser_token83qrWsVDkJ9zXjif4bZ8aORgNmIJ2jNp-1

    To configure the module for use, navigate to Extensions>Extensiobs>Modules>Pre-order Pro and click the edit button as shown below in the snapshot.

    This brings up the section to show the General and Mail configuration settings as per the snapshot below.

    oc.webkul.com_preorder_admin_index.php_routeextension_module_wk_preorder_prouser_tokenq2zNHwsesd04vdO2kIrmO6I1diHzcPn7status1-1

    General Settings:

    Here, the admin will –

    • Enable the status of the extension for use.
    • Select your store’s time zone.
    • Enter the Google re-captcha Site key.
    • Then enter the Google re-captcha Secret key.
    • Enter the appropriate Server Key for push notifications.
    • Next is the Messenger ID for the Push Notification.
    • Enter the text that will be your Add to Cart button label text.
    • Enter the text that you want to display on the product page.
    • Choose what would be the preferred mode of notificationAutomatic, Manual, or both.
    • Enable or Disable the option Pre-order Discount to apply Discount on the Pre-Order Products list.
    • Choose the Discount Type as Fixed or Percentage.
    • Select the option to convert the Out Of Stock Products to PreOrder productsManually or Automatically.

    Note: For Creating Pre-Order Product Automatically

    The admin needs to set up the cron for a user, first login ssh to the server then run the command corn tab to edit the cron and add the below the mentioned command.

    Site url/preorder_cron.php so if the website is https://oc.webkul.com/preorder/ so command that you need to run is https://oc.webkul.com/preorder/preorder_cron.php 

    • Set the Default Number of Days for the PreOrder Products.
    • Then set the Total Quantity of Selected products that will be on PreOrder.
    • Set the product Quantity that a single order can contain.
    • Now set how many orders can be placed per customer.
    • Choose the status – when the automatic notification will be sent to the buyer.
    • Select the stock status which will be applied when the products are being set as a pre-ordered products.
    • Choose the Order Status for PreOrdered Products – From the provided order statuses.

    Mail Settings:

    oc.webkul.com_preorder_admin_index.php_routeextension_module_wk_preorder_prouser_tokenq2zNHwsesd04vdO2kIrmO6I1diHzcPn7status1-1-1

    Here, the admin will –

    • Find the Mail Keywords that can be used to configure the various mails.
    • Select the mail which will be sent to notify the customer about product availability.
    • Pre-Order email: Set this as enabled if you want Pre-Order email other than open cart update email else select this as disabled.
    • Admin Email: Enter the message that you want to send to the customer on Pre-Order with order mail.
    • Lastly, click the Save button on the top right-hand side.

    Product Configuration

    oc.webkul.com_preorder_admin_index.php_routeextension_module_wk_preorder_prouser_tokenq2zNHwsesd04vdO2kIrmO6I1diHzcPn7status1-2
    • Set the status to enable the module.
    • Set Product status for applying Pre-Order if it is similar to the selected value then pre-order will enable.
    • Enter the Pre-order Quantity.
    • Select the mode of the Pre-order full or partial.
    • Enter a quantity for the selected pre-order product.
    • Enter a pre-order quantity for single order.
    • Add how many pre-order orders a customer can place.
    • Add pre-order discount only applicable on selected pre-order product status.
    • Enable/disable one Ip one order.
    • Set the start date for pre-order and date for pre-order.

    Pre-order Discount

    The admin can enable the pre-order discount to the customer end. Discount will apply at the time of checkout. To enable the discount for use, navigate to Extensions> Extensions> Order total> pre-order discount.

    Furthermore, click on the edit button and enable the option as per the below image.

    selection_762-1

    Pre-order Product List – Admin Management

    To add the products for preorder, the admin needs to navigate to the Pre-Order->Pre-Order Product List. Here, under the Pre-Order product list section, the admin will find all the created Pre-Order products if any

    opencart_pre_order_product_list_add_pre_order_product

    Here, the admin can –

    • Add a new Pre-Order product(manually one by one) by tapping the Add button that is adjoining the refresh button.
    • Delete/Edit already created pre-order products, and
    • Tap the refresh button to convert the out-of-stock products to PreOrder Products in bulk. Thereafter a success message is also shown to the admin that products have been converted to preorder. In the above image, we can see that only 16 products were converted to PreOrder.
      converted_to_pre_order_products_by_tapping_refresh_buttonAfter tapping the refresh button, all of the products are converted to PreOrder products.
      all_products_converted_to_pre_order_productsThe stock status of the preorder product is set to the stock status as chosen by the admin from the module configuration settings.
      stock_status_change_while_creating_preorder_product

    Add New Pre-Order Product

    To add a new Pre-Order product, click on the Add button at the top right-hand corner of the Pre-Order product list page and this opens a page to add a new one.

    add_pre_order_to_product_full_payment_type_with_fixed_discount

    Here, you have to –

    • Search and select the product within your product catalog to which you want to add the Pre-Order.
    • Then select Pre-Order mode as – Full.
    • Set the Pre-Order quantity that will be available for this product. Make it as ‘0‘ or empty to allow unlimited quantity for pre-order.
    • Now set the Quantity per order that will be contained within a single order. Make it as ‘0‘ or empty to allow an unlimited quantity of products per order.
    • Set the number of orders a customer can place. Make it as ‘0‘ or empty to allow an unlimited quantity of products per order.
    • Enter the PreOrder Discount that will apply to the product.
    • Enable the option One IP one Order option so that the same IP address can not place multiple pre-order.
    • Select the Start Date for the pre-order.
    • Then select the Date for the pre-order.
    • Select the status as Enabled or Disabled.
    • Lastly, click the Save button top to save the pre-order product.

    Add New Pre-Order Product(With pre-order mode as Partial):

    add_pre_order_partial_payment

    Here, you have to –

    • Search and select the product within your product catalog to which you want to add the Pre-Order.
    • Select Pre-Order mode as – Partial
    • Add Price – The entered percentage of the price of the product will be taken initially and the remaining when the pre-order will be complete.
    • Set the Pre-Order quantity that will be available for this product. Make it as ‘0‘ or empty to allow unlimited quantity for pre-order.
    • Next set the Quantity per order that will be contained within a single order. Make it as ‘0‘ or empty to allow an unlimited quantity of products per order.
    • Set the number of orders a customer can place. Make it as ‘0‘ or empty to allow an unlimited quantity of products per order.
    • Enter the discount that will apply to the product.
    • Enable the option One IP one Order option so that the same IP address can not place multiple pre-order.
    • Select the Start Date for the pre-order.
    • Select the Date for the pre-order.
    • Now select the status as Enabled or Disabled.
    • Lastly, click the Save button top to save the pre-order product.

    PreOrders – Admin End Management

    In Pre-order management admin can check pre-ordered products order, payment details, shipping details, and product details as per the following image.

    selection_786

    Notifications

    As per the selection made in the configuration settings for the notifications, the admin can choose the mode of notification as Automatic, Manual, and Both.

    Automatic:
    In the case of automatic, the notifications are sent automatically to the customer on a particular event.

    Manual:
    Manual selection for the notifications, when the admin reaches the Pre-orders section, he can see a Notify button at the top right-hand side. Here, the admin can check the check-boxes of the customers to whom he wants to send the notifications and click the Notify button.

    Pre-orders-list-notify

    After this, click OK on the pop-up to send the notification.

    notification-popup

     

    Now, you can see the notification has been sent to the customer with a success message.

    sucessfuly-notification

     

    Both:
    In case both are selected for the notifications, then the admin can send notifications manually as well apart from the notifications that are sent automatically to the customers for whom the notifications have not been sent automatically.

    Pre-Order Enquiries – Admin Management

    The admin can check all Pre-Order inquiries of customers by navigating to Pre-Order->Pre-Order Enquiries. Admin can also filter the inquiry list using the Customer Name, Email, Status, Subject, and Product Name. The admin can also delete the inquiry list as required.

    enquiry-list

    To view an inquiry, just click the View button under the Action column for the particular customer. Here, the admin can revert to the customer’s inquiry by entering the query and selecting the status as Close or Resolved as required.

    Enquiry Detail section

    To reply, the admin will enter the query and select the current status as open/resolved, and lastly, click the Submit button to send in the reply to the customer.

    customer's enquiry

    After sending the reply, the admin can see the complete conversation.

    conversation

    Mails – Admin Management

    selection_785

    Under this section, the admin can create the pre-order emails. The admin can also filter the emails using the Id, Name, Subject, and the message and edit the created emails.
    To create one click on the Add button at the top right end corner. This brings up the section to create the email as shown below in the snapshot.

    oc.webkul.com_preorder_admin_index.php_routecatalog_mails_addMailmail_id1user_tokenqFXswjXNFReTH28cdoAZAnyEIX64Xk07

    Here, the admin will enter

    • Name: The entered name will display at the time of selection.
    • Subject: Enter the subject of the email.
    • Message: Add the mail message.

    Before saving the mail, you can check the info. section tab. Here, you will find various keywords that you can make use of within your emails.

    oc.webkul.com_preorder_admin_index.php_routecatalog_mails_addMailmail_id1user_tokenqFXswjXNFReTH28cdoAZAnyEIX64Xk07-1
    • Lastly, click the Save button to save the mail.

    Workflow – Customer End

    Purchasing a Pre-Order Product at Frontend:

    Pre-Order TypeFull

    The customers can see the Pre-Order option for the available Pre-order product on the category page.

    selection_780


    When the customer will go to the product page they will find a “Login” button, if they already haven’t logged in. Click the Login button to log in. Please note that a Login is required for pre-ordering a pre-order product.

    selection_781

    After login, go back to the pre-order product and you will see the Pre-Order button.

    selection_782

    As this pre-order is type – full, the customer will have to pay the complete cost at a time. And when the product will be in stock the product will be shipped to the customer directly.

    Clicking the Pre-Order button will add the product to the cart. If the pre-order discount is enabled then that discount will display as per the following image.

    selection_783

    Now, click the checkout button to proceed further. On the checkout page, click the Confirm Order at the last.

    selection_784

    Now, whenever the pre-order product availability date arrives the product will be shipped directly to the customer’s address.

    Pre-Order TypePartial

    As it’s a partial payment pre-order product, you will see the message displayed that “Pre Order price – 40% before completion of the Order” and that would be $32. Depending upon the percentage set by the admin in the backend configuration settings, this message will display.

    product page

    If you add more than what is set by the admin as maximum product quantity, you will see an error message that “You can not buy this much quantity, minimum 1 quantity is allowed ” as shown below in the snapshot.

    minimum quantity notification

    The admin has set a limit on how many orders a customer can place, like – the admin has set the limit of 1 order per customer then when the customer goes for purchasing the same pre-order product again a message will display.

    purchase limit notification

    Now, select options if any for the product and click on the Pre-Order button to add it to the cart.

    Out of stock

    Click on Checkout and lastly, click on the Confirm Order button as shown below.

    confirm order

    Pre-order list

    To check your pre-orders navigate under your account panel to Pre-Order Pro->Pre-Order List.

    add to cart

    In the image above, the order Id 60 has done the partial payment and under the Action column, the add to cart button is inactive. Now, when the product gets in stock this in-active button will become active so that the customer can add the product to the cart and make the rest of the left-over payment.

    Also, at this time when the product gets back in stock email notification for the same is sent to the customer as shown below in the snapshot.

    email notification

    Add to cart button is active after the product gets in stock.

    Add to cart button

    For the partially paid amount, whenever that product comes in stock the customers will receive an email to complete their payment for that pre-order product as per the snapshot below.

    order mail notification

    Customers can click on the add to cart button to make the rest of the payment. This will add the product to the cart and the pre-order session will get enabled. Now, the customer can make the checkout by clicking the checkout button within the shopping cart.

    view cart

    Furthermore, clicking the checkout button will bring the checkout page, here click the Confirm Order button to complete the purchase of the pre-order product with the partial payment.

    checkout

    Lastly, navigate to the Pre-order List section to check the status and remaining amount for the partial order.

    pre order

    Order Status for PreOrder Products

    After a customer places an order for the PreOrder product, the status that gets visible to the customer depends upon the selection made by the admin from the module configuration settings(Order Status for Pre-Order Products).

    order_status_for_pre_order_products

    The order status depends upon the admin’s selection and not on the default order status.

    order_status_for_pre_ordered_products

    That’s all for the OpenCart Pre-Order Pro. Still, have any issues feel free to add a ticket and let us know your views to make the module better at our HelpDesk System.

     

    Current Product Version - 3.9.0.2

    Supported Framework Version - 2.x.x.x,3.x.x.x

    . . .

    Leave a Comment

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


    13 comments

  • Aashif Ali
    • Webkul Support
  • Manish khobragade
    • Manish khobragade
  • Ken Yeung
    • Ken Yeung
    • webkul
  • Ken Yeung
    • webkul
  • Dylan
    • webkul
  • 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