Quick Commerce

Theย QCommerceย plugin provides a powerful solution for order tracking, offering bothย automatedย and manual options for administrators to manage orders effectively.

Installation

โ†‘ Back to top

To start using a product from WooCommerce.com, you can use the โ€œAdd to storeโ€ functionality on the order confirmation page or the My subscriptions section in your account.

  1. Navigate to My subscriptions.
  2. Find the Add to store button next to the product youโ€™re planning to install.
  3. Follow the instructions on the screen, and the product will be automatically added to your store.

Alternative options and more information at:
Managing WooCommerce.com subscriptions.

Adding a WooCommerce.com subscription to your store

Features

โ†‘ Back to top
  • Real Time Ordering
  • Custom User Role
  • Custom Payment Status
  • Custom Order Status
  • Custom Email
  • Contact Person – Block
  • Feedback form – Block
  • QCommerce – Block

Custom User Role

โ†‘ Back to top
  • This feature enables admins to create and manage custom user roles with unique names, slugs, and descriptions.
  • To add custom user roles, navigate to theย WordPress Admin Dashboardย >ย WooCommerceย >ย Quick Commerceย >ย Custom User Role.
  • For the first role, click theย Add Your First Custom User Roleย button or theย Add Newย button from the top navigation bar.
  • Anย Add New User Roleย pop-up will appear. Add aย nameย to the user role, enter aย slug, add aย descriptionย if needed, then click theย Saveย button.

PLEASE NOTE:ย If theย slugย is not created manually, the system automatically generates it based on the title.

  • The custom user role will be created and listed on theย Custom User Role Listย page. Each role in the list will display itsย name,ย description,ย slug, andย count,ย i.e., the number of users assigned to that particular role.

Custom Payment Status

โ†‘ Back to top
  • This feature enables admins to create and assign custom payment statuses that accurately reflect in real-time ordering.
  • To add a custom payment status, navigate to theย WordPress Admin Dashboardย >ย WooCommerceย >ย Quick Commerceย >ย Custom Payment Status.
  • For the first payment status, click theย Add Your First Custom Payment Statusย button or theย Addย Newย button from the top navigation bar.
  • An Add Newย Payment Statusย pop-up will appear. Add aย nameย to the user role, enter aย slug, and add aย descriptionย if needed.

PLEASE NOTE:ย If theย slugย is not created manually, the system automatically generates it based on the title.

  • The admin can set theย Payment Status Background Colorย and theย Payment Status Text Color.ย Thenย clickย theย saveย button. This will appear on theย Real-Time Orderingย page.
  • The payment status will be created and listed on theย Custom Payment Status Listย page. Each status in the list will display itsย name,ย description,ย slug, andย Preview.

Custom Order Status

โ†‘ Back to top
  • The feature allows the admin to override theย defaultย or createย custom order statusesย with configuration for priority, next status, and ETA.
  • To add a custom order status, navigate toย WordPress Admin Dashboardย >ย WooCommerceย >ย Quick Commerceย >ย Custom Order Status.
  • Theย Custom Order Status listย page will appear. Click theย Add Newย button from the top navigation bar to add your first custom order status.
  • Theย Add New Order Statusย screen will appear. Enter aย titleย for the custom order status.
  • Choose theย Order Status Typeย from the Order Status Settings meta box dropdown.
  • Options includeย Defaultย orย Custom. Ifย Defaultย is selected, the admin can override an existing WooCommerce order status and apply a custom status.
  • After choosing theย Defaultย type, select the order status to override from theย Select Order Statusย dropdown.
  • Ifย Customย is selected, the admin can create and add a new custom order status independently.

NOTE:ย For now, this flow demonstrates the process for theย Default Order Statusย type.

  • Select theย Order Next Status.
  • Choose theย Order Status Background Colorย using the color picker and set theย Order Status Text Color.
  • Select anย Order Status Iconย from the dropdown list. Two options are available:ย WP DashIconsย orย Custom. The admin can choose from the providedย WPย DashIconsย or upload a custom icon.
  • Enter aย Custom Messageย to be displayed for this order status.
  • In theย Order Estimated Time Intervalย metabox, enableย Auto Update Timeย to have the status automatically update.
  • Set theย Estimated Time Intervalย (Minutes/Hours/Days) after which the order will be updated.
  • Define theย Threshold Time,ย if needed.
  • In theย Order Payment Statusย metabox, enable theย Auto Update Payment Statusย option.
  • Select theย Payment Status, whichย should be automatically assigned when this order status is applied.
  • In theย Assign Userย meta box, enable theย Auto Update Userย toggle to assign a user automatically.
  • Select theย Userย from the dropdown who will be assigned to this order status.ย 
  • Enable theย Enable Order Statusย option on the right sidebar to activate the status upon publishing.
  • Set theย Priorityย value to define the order of appearance for this status. A value of 0 or 1 indicates the highest priority.
  • The admin can upload an image for the order status using theย Set Order Status Imageย option.
  • Once all the fields are filled, click theย Publishย button to create and activate the custom order status.
  • Aย Custom type Order Statusย is added with the same settings as elaborated.
  • The order status will be created and listed on theย Custom Order Status Listย page. Each status in the list will display the following columns:ย Title,ย Status Type,ย Status Replaced By,ย Next Order ย Status,ย Order ETA,ย Order Payment Status,ย Contact Person,ย Priority,ย Enable/Disable, andย Date.
  • The admin canย show/hideย the columns as per requirement using the option available on theย Custom Order Statusย List page.

Real Time Ordering

โ†‘ Back to top
  • Real-time Orderingย displays live order data with columns for Order ID, Customer Name, Payment Status, ETA, and Contact Person information.
  • To view the Real-Time Ordering status, go to theย WordPress Admin Dashboardย >ย WooCommerceย >ย Quick Commerceย >ย Real-Time Ordering.
  • When a customer places an order, it will be displayed live on this page with the following columns and features:
  • Orders: Displays the unique Order ID for each placed order.
  • Customer Name:ย Shows the name of the customer who placed the order.
  • Contact Person: The person responsible for delivering or handling the order can be assigned manually or automatically via custom order status.
  • Contact Person Number: Displays the phone number of the assigned contact person.
  • Payment Status: Indicates the payment status based on the method used; it can be set manually or via custom order status settings.
  • Tipping: Shows any tip amount entered by the customer for the order.
  • ETA:ย Estimated Time of Arrival for the order. It can be set manually or automatically, and a threshold time is defined in the custom order status.
  • Order Status: Displays the current order status (custom or default); it can be updated manually or driven by automation rules.
  • Order Total: Shows the total value of the customer’s order.

Note:ย When the admin hovers over an order and clicks it, they will be redirected to the respectiveย WooCommerce Order Details Pageย for that specific order.

  • The admin canย show/hideย the columns as per requirement using the option available on theย Real Time Orderingย page.

Real Time Ordering โ€“ Block

โ†‘ Back to top
  • The admin can use theย Order Trackingย block to displayย Order Trackingย for the customer on any page.
  • Navigate toย WordPress Admin Dashboard > Pages > Add New / Edit Page.
  • Click theย +ย button inside the editor, search forย Order Tracking, and select theย Order Trackingย block.
  • The block will be added to the page.
  • This block is adjustable and can be adjusted according to the admin’s requirements. Once you’ve done so,ย publishย orย saveย the page.

Front End Impact

  • Log inย to your account.
  • Place an order. Aย Track Your Orderย button will appear on theย Thank Youย page. Click on this button to be redirected to theย Order Tracking Pageย set by the administrator.

PLEASE NOTE:ย Customers can also track their orders by navigating toย My Account Pageย >ย Ordersย >ย Track My Order.

  • Theย Order Tracking Pageย contains the fullย order details, including the assignedย contact personย andย rider information.
  • The customer can contact the rider by using theย Contact Riderย button.
  • The user will be redirected to the availableย Contact Rider Applicationย page.

Custom Emails

โ†‘ Back to top
  • This feature provides predefined and customizable email templates for the admin, customer, and contact person with Quick Commerce tags.
  • Go toย WordPress Admin Dashboardย >ย WooCommerceย >ย Quick Commerceย >ย Custom Email.
  • Three default email templates are available:
  • New Order Email for Admin:ย Sends a notification to the admin when a new order is placed.
  • New Order Email for Customer:ย Sends the customer a confirmation email with order details.
  • Order Email for Contact Person:ย Based on the selected order status, this email sends the order information to the assigned contact person.
  • Click on any email template toย expandย it. The admin canย change the nameย andย subjectย of the email.
  • The body of the email can beย customized using Quick Commerce tags. Availableย Quick Commerce tagsย include:
  • Order IDย – A unique identifier is assigned to each order.
  • Customer Nameย – Name of the customer who placed the order.
  • Contact Person Nameย – The assigned contact person handles the order.
  • Contact Person Numberย – Phone number of the assigned contact person.
  • Payment Status –ย Indicates the current payment status of the order (e.g., Paid, Pending).
  • Tippingย – The customer gives the tip amount to the contact person.
  • ETAย – Estimated time for the order to be delivered to the customer.
  • Cart Itemsย – List of products included in the customer’s order.
  • Order Statusย – Current progress stage of the order (e.g., Processing, Completed).
  • Order Totalย – Total amount charged for the order.
  • QCommerce URLย – links to the order tracking page
  • Dateย – Date when the order was placed.
  • Customer Detailsย – Contact information and customer address.
  • The admin canย enable or disableย each email using theย Update Settingsย option.
  • The admin canย send a test emailย to preview the format.
  • For theย Order Email to the Contact Person, the admin must select the specificย order statusย upon which the email will be triggered and sent to the contact person.
  • If needed, the admin can add more email templates by clicking theย Add Newย button.

Front End Impact

  • New Order Email for Admin
  • New Order Email for Customer
  • Order Email for the Contact Person

Settings

โ†‘ Back to top
  • Go toย WordPress Admin Dashboard > WooCommerce > Quick Commerce > Custom Email.
  • There are three settings metaboxes:
  • Admin Notification
  • Order Tracking
  • Tipping

Admin Notification

โ†‘ Back to top
  • Click on theย Admin Notificationย box to expand the settings.ย Enableย the notification option to notify the admin when a new order is placed.
  • Select an alert sound using theย Alert Soundย dropdown.
  • Use theย Playย button to preview the selected sound.
  • The admin can also upload a custom alert sound from their local system using theย Upload Soundย option.

Order Tracking

โ†‘ Back to top
  • In theย Order Trackingย metabox, select theย Order Tracking Pageย from the dropdown list. An order tracking block will be added to the page. When the user clicks on theย Track my orderย on theย thank youย page, it will redirect to the page selected here.
  • Update theย Order Tracking Button Labelย to customize the text shown on the button on theย Thank youย page.
  • Select theย Order Configurationย option from the available three choices:
  • Next Order Statusย โ€“ the order status will change according to the next status set in Custom Order Status.
  • Priorityย โ€“ the status will follow the priority level defined inย Custom Order Status.
  • Block Sorting:ย The status will proceed based on the sorting order configured by the admin in theย Order Tracking block.
  • For Block Sorting:ย When the admin places theย Order Trackingย block on a page, they can arrange the sequence of order statuses as desired.

Tipping Settings

โ†‘ Back to top
  • Enable the tipping feature by toggling on theย Enable Tippingย option. This will add a tipping field on both theย Cartย andย Checkoutย pages, allowing customers to leave a tip.
  • Choose theย Tip Typeย from the dropdown โ€“ options includeย Forcedย orย Optionalย tipping.
  • Forced Tipping:ย Tipping is mandatory, and a fixed amount is automatically added to the order during checkout.
  • Optional Tipping:ย Customers can add a tip based on their preference during checkout.
  • When Forced Tipping is selected, add aย labelย to be displayed during the tipping process, select theย contact person roleย for receiving the tip, and set theย tip amount.
  • You can also add multipleย Tipping Levelsย if needed.
  • Whenย Optional Tippingย is selected, add aย Tipping Labelย and simply choose theย Contact Person Roleย to whom the optional tip will be assigned.
  • The tipping option will appear on theย Cartย andย Checkoutย page. This isย forcedย typing, in which the user has to pay the defined tip.
  • This is theย optional tipping,ย which allows users to add a tip. Add a tip in theย Leave a Tipย field and click onย Apply.
  • The Tip will be added to theย Cart Totalย andย Checkoutย Page. The user can remove the Tip using theย Remove Tip.

Feedback

โ†‘ Back to top
  • The admin can use theย Feedbackย block to enable customers to provide feedback to the Contact Profile upon completing an order on any page.
  • Navigate toย WooCommerceย >ย Pagesย >ย Add New Pageย /ย Edit Page.
  • Click on theย โ€œ+โ€ block inserter, search forย Feedback Form, and click on it to add the block.
  • Theย Feedback blockย will be added to the page. Theย admin can select theย contact personย for whom the feedback form will be active.
  • Once enabled, aย feedback templateย containing icons and a review field will appear.
  • The admin can hideย theย icons orย theย review fieldย based on requirements.
  • Clickย Save or Updateย the page to apply the changes.

Front End Impact

โ†‘ Back to top
  • Log inย to your account.
  • Go to theย My Accountย page and click onย Orders.
  • Aย Feedbackย button will appear once the admin or contact person marks the order asย completed. Click on theย Feedbackย button.
  • Theย Feedback formย will appear.ย Select anย iconย to indicate yourย satisfaction level, add aย reviewย for the contact person, and click on the Submitย Nowย button. Your feedback will be submitted.

Note:ย The contact person can view this feedback in their contact profile.

Contact Profile

โ†‘ Back to top
  • The Contact Profile block allows the contact person to manage their account, including viewingย tips earnings, customer reviews, order history, and updating profile details.
  • Navigate toย WooCommerceย >ย Pagesย >ย Add New Pageย /ย Edit Page.
  • Click on theย โ€œ+โ€ block inserter, search forย Feedback Form, and click on it to add the block.
  • Theย Contact Profileย will be added to the page. Click on theย Saveย button to apply changes.

Front End Impact

โ†‘ Back to top
  • Log in to your account.
  • Go to theย Contact Profileย page. The Contact profile details will appear.
  • The Contact Profile has four tabs:ย Profile,ย Orders,ย Earnings, andย Reviews.
  • In theย Profileย tab, the contact person can edit their details.
  • The fields will become editable, and the contact person can update the information. Similarly, the Contact person can update theย address detailsย andย Vehicle details.
  • In theย Ordersย tab, they can view the complete list and details of orders assigned to them.
  • Theย Earningsย tab shows the contact person’s total earnings, which are based on the tips received from completed orders.
  • The Earnings data can be filtered using theย date rangeย filter.
  • In theย Reviewsย tab, they can view customer ratings and feedback shared through the feedback form.

Related Products

Offer add-ons like gift wrapping, special messages or other special options for your products.

Add shipment tracking information to your orders.