Bulk Order Form for WooCommerce – Guide

Table of Contents

Installation Guide #


  • Log in to your WordPress Admin Panel.
  • Navigate to the WordPress Admin Dashboard → Plugins → Add New.
  • Click the Upload Plugin button on the top left corner of your screen.
  • Next, click the Choose File button in the box that appears below.
  • Select the zip file that you have downloaded and upload it.
  • Click on the Activate Plugin button.

Getting Started #


Table Design – Customization #


The Table Design feature of a Product Table is an innovative and user-friendly way to display product information on a website. With this feature, users can customize the appearance of their product tables to suit their brand and style. The Table Design feature provides a variety of customization options, including the ability to choose table colors, fonts, and size

Design #


  • There are two sub options available in the Design option.

Default #


  • When the Default sub option is selected as a Design, the following options will be locked.

Custom #


When the Custom sub option is selected as a Design, the following options will be unlocked, and the Administrator can customize all the elements and how they will appear on the Front-End.

NOTE: The following options will be unlocked if the Custom sub option is selected in the Design option.


Borders External #


  • We can set the color and the size of  Borders External for the product table.

Border Header  #


  • Set the color and the size of the Border Header of the product table.

Border Cell  #


  • Set the color and the size of the Border Cell of the product table.

Header Background #


  • Select the color for the Background of the Header.

Cell Background #


  • Select the color for the Background of the Cell.

Header Font #


  • Set the color and the size of the Font in the Header. The size and color set in this option will cover all the Header columns.

Cell Font #


  • Set the color and the size of the Font in the Cell. The size and color set in this option will cover all the Cell columns.

 Front-End Impact: #


Before #


After #

Quick View #


  • Navigate to the Product Table and then add the Add to Cart element.
  • Once done, click on it.
  • A popup will appear.
  • Go to the Add to cart button Types option.
  • Click on the Add to cart button Types option, and a dropdown menu will appear.
  • Select Quick View from the dropdown menu.
  • Once done, click on the Save button.
  • Now, click on the Publish/ Update button.

Front-End Impact: #


  • On the website, navigate to the Product Table page.
  • A Quick View column will appear.
  • Click on the Quick View button against any product according to your requirements.
  • A popup will appear and the Single Product page of that respective product will appear.
  • Click on the Add to Cart button to add this product in your cart.

Product Table Settings #

  • Go to WooCommerce -> Product Table.
  • Click Add New.

  • Enter Table Title.
  • Drag & Drop the Columns into the Dotted Box.

The product table will be consisting of these columns which are dropped into the dotted area and will be displayed at the front end.

  • Click on the Columns to edit.

Only the columns tags present in the dotted area are editable. Columns tags which are outside the dotted are not editable.

Columns types #


WooCommerce Product ID #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

WooCommerce Product Title #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Select whether to link the product title to the product single page or not.
  • Save changes.

WooCommerce Product SKU #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Short Description #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Product Description #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Enter Description character length in numeric for e.g (10).
  • Save Changes.

Product Published Date #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Select Date Format to display.
  • Save Changes.

Product Category #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Featured Image #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Select whether to link product title to the product single page or not.
  • Once done, click on the Featured Image, and click on the Expand Image dropdown option, select Yes.
  • Save changes.

Front-End Impact

  • Go to the website.
  • Navigate to the Product Table page.
  • When you hover your cursor over the Featured Image, a Magnify icon will appear. Click on the Magnify icon to zoom in on the image.

Product Reviews #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Stock Status #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Product Weight #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Product Dimensions #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Product Pricing #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Display Add-to-cart Button #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Select Add to cart button types (Simple add to cart button, Multiple select checkbox & both options).
  • Select add to cart button position with multi checkbox option.
  • Select to show/hide quantity field. It is recommended to show quantity field.
  • Save Changes

Product Attributes #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Custom Fields #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Enter the Custom Field key if you have custom fields in WooCommerce Product.
  • Save Changes.

Product Taxonomy #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Enter the Taxonomy ID.
  • Save Changes.

Product Tags #


  • Enter column name and width (in percentage or in pixels). It is not necessary to enter column width.
  • Save Changes.

Header & Footer Settings #

  • Enable/Disable the header & footer row of the product table.

Variation Product Settings #


  • Dropdown: Display variable product variations in a dropdown.
  • Separate Product: Display variations of products separately on another row.
  • Read more: Add a read more button which will be redirected to a single product page.

Product Table Controls #


  • Enable/disable the number of product dropdown lists.
  • Show or hide the total number of products counted.
  • Show/hide pagination for multiple pages. Restrict users to a single page.

  • Select how to display the pagination option in the product table if you have multiple pages:
  • Page number only: Only numbers will be displayed for pagination like (1,2,3,4,5).
  • Previous & Next Button: – Two buttons will be displayed below the product table there will be no page numbers.
  • Previous and Next buttons, plus page numbers: Display buttons along with page numbers below the product table.
  • First, Previous, Next and Last buttons: Display four buttons first will take users to the very first page and last will take users to the last page of product table.
  • First, Previous, Next and Last buttons, plus page numbers: Display all four buttons along with page numbers.
  • ‘First’ and ‘Last’ buttons, plus page numbers: Display first and last page buttons with page number options.
  • Enter message text for no product found when searched.
  • Enable/display table content wrap option.
  • Adjust the scroll height of the product table when navigating between pages.

Table Content Settings #


  • Set the limit to the number of products to be appeared in product page on per page.
  • Set the limit to show maximum number of product in the table.
  • Enable/disable to display content generated by other shortcodes in the product table.

Advanced Search Options #


  • Show/hide the search box field.
  • Set filtration on table load with the filter search term.
  • Show/hide filters.
  • Add filter dropdown list according to categories, tags, color, and size.
  • Show option to reset filter.
  • Custom column filter:
  • Perform a filter: a filter will be performed on the table when clicked on a certain column.
  • Load the archive page: when performing filter, it will redirect the user to relevant Pages

Enhanced Search Functionality #


  • Checkmark the checkbox to enable the Search Box to appear on the Product Table page on the Front-End.

Front-End Impact

  • You can search any item by searching the customizable fields used in the Product Table, such as SKUTitle, and Stock.

SKU – Search Functionality #


Title – Search Functionality #


Stock – Search Functionality #

In-stock – Search Functionality

Out of stock – Search Functionality

Product Sort Settings #


  • Enable sorting through columns. Add fields to enable sorting options on that fields.
  • Setup the default sorting option by field.
  • Select the sorting direction either ascending or descending.

Product Visibility settings #


  • Included Product Categories: Enter product category to display in product table.
  • Stock Status: Choose stock status to display products of only that status.
  • Included Products: Enter products to include in product table.
  • Excluded Products: Enter products to exclude from the product table.
  • Exclude Product Category: Select categories to exclude from the product table. Product belong to these categories will not be displayed.
  • Product Date: Select option to display products according to the selected date it can be before or after the selected date.
  • Date format: Choose the date to display products accordingly. For E.g (if you select before selected date option and select a date (3/10/2020). Products that are published before the above date will be displayed only).

Responsive Settings #


  • Choose responsive settings you can set on 100% responsive. Or show/hide some column on specific screen resolutions.

After completing all the settings, Publish the Product Table.

One-Page Checkout #


Customers can select their desired products on a single page and complete their purchases. To experience the one-page checkout, begin by adding items to your cart. Then, scroll down to locate the standard WooCommerce checkout located below the product table.

  • Navigate to the Product Table.
  • Checkmark the Enable One-Page Checkout checkbox in the One-Page Checkout section.
  • Once done, click on the Publish/ Update button.

Front-End Impact: #


  • On the website, navigate to the Product Table page.
  • Select items according to your requirements and then click on the Add to Cart button.
  • The page will reload, and the Checkout Page will appear at the bottom of the Product Table.

NOTE: The Checkout Page will appear whenever the Add To Cart button is clicked regardless of its position on the Product Table page, which means the Add To Cart button is present against each item on the Product Table, or the Add To Cart button is present below the Product Table.

Quick Order Form #


  • The admin must have set up the WooCommerce store in order to use the Bulk Order Form
  • After setting up the store and installing the bulk order form extension, navigate to WordPress Admin Dashboard → WooCommerce → Quick Order Form
  • A new page will appear where the admin can see the list of Order forms.

Creating a Quick Order Form #

  • To create a Quick Order Form, click on WooCommerce → Quick Order Form → Add New

  • A new page will appear where the admin can add the details of the form.

  • Admin can add the title of the Quick Order Form under the Add title field.

  • In order to add the Product Table column drag and drop the Columns in the field under the Product Table Settings.
  • Fields can be Renamed and deleted as per requirement. 
  • In order to Rename click on any field, and the pop-up will appear, under the Column name add the desired column name.
  • Once done, click on the Featured Image, and from the Expand Image dropdown option, select Yes.
  • Once done, select the Product categories under the header Choosing which product appears in the table. 

NOTE: Any product other than the selected category can not be searched from the front end


  • Admin can set stock status by clicking the dropdown beside the Stock Status label, which will show either In stock or Out of Stock products.

NOTE: If the Stock Status is unselected it will show all In stock and Out of stock products

  • Now, after Setting all the fields, copy the shortcode, which will be pasted on the page later to display Quick Order Form.
  • After that select the Publish or Update button.
  • In order to show the table on the front end create a page and navigate to the WordPress admin Dashboard → Pages.
  • Click Add New and create a new page.
  • On the page select and add the shortcode widget
  • Paste the copied shortcode in the field under the Shortcode label and click Publish button.

Front End Impact #

  • Quick Order Form will be shown on the front end according to the fields set from the back end.
  • Products can be searched from the search field. Product details will appear according to the fields set in the form. Product quantity can also be set which will be added to the cart.
  • User can add multiple rows by clicking Add Another Row button.
  • To change the quantity from the quantity column.
  • After adding products click Add To Cart button.

NOTE: Products must be In stock or else the out of stock product will be discarded.

  • After that click Proceed to checkout button
  • Enter the details, select the desired payment mode, and click on the Place order button.
  • A new page will appear with the order and personal details for the order to be received.

Front-End Impact For Featured Image

  • Go to the website.
  • Navigate to the Quick Order Form page
  • When you hover your cursor over the Featured Image, a Magnify icon will appear. Click on the Magnify icon to zoom in on the image.

Bulk Variable Form on Single Product Page #


  • Navigate to Admin Dashboard → Products → All Products.
  • Hover over any Variable Product to view suboptions.
  • Click on the Edit suboptions.

  • Go to the Bulk Order Form tab in the Product data section.
  • Checkmark the Enable Order Form checkbox.

Front-End Impact

  • Go to your shop and click on any Variable Product to view the Single Product Page.

Before

  • Front-End view of the Variable Product before enabling Enable Order Form option in the Bulk Order Form section.

After

  • Front-End view of the Variable Product after enabling Enable Order Form option in the Bulk Order Form section.

Product Table Shortcode #


  • Copy the shortcode from the edit screen.
  • Place it on any page/post to display.
  • Click Publish/Update

Stock Levels in Product Table #

  1. Go to WordPress Admin Dashboard > WooCommerce > Product table.
  1. Click on the edit button to edit your Product Table.
  1. Click on the Stock Column to edit.
  1. Stock column settings will appear.
  2. Check mark the Show Stock Level radio button.
  1. Click on the Save button to save changes.

Front End Impact: #

  1. Go to the Product Table page.
  2. Product Table will appear with all the products.

Before #

After #

Stock Levels in Variable Product Bulk Order Form #

  1. Go to WordPress Admin Dashboard > Products > All Products.
  1. Select Variable Product.
  2. Click on the edit option.
  1. A variable product edit screen will appear.
  1. Scroll Down to the Bulk Order Form option.
  1. Select the Show Stock Level radio button option provided in the Bulk Order Form.
  1. Click on the Update button to save changes.

Front End Impact: #

  1. Go to the Shop page.
  2. Select Variable Product.
  3. Navigate to the Product page of Variable Produc

Before #

After #

Compatibility #

Smart Product Bundle – Product Table #


  • Navigate to the WordPress Admin Dashboard → Products 
  • Create or edit the Product.
  • Under the product data, select bundle product.
  • Select the Bundle Product  from the Side Bar.
  • Select the Individual Product from the dropdown to create a Bundle Product.
  • Once a Product is selected, the admin can view the product and can edit the product’s details by clicking on specific products.
  • Once done, click on the Publish/ Update button.
  • Navigate to WordPress Admin Dashboard → WooCommerce → Product Table.
  • Click Add New
  • Edit or create a Product Table
  • Copy the Shortcode.
  • Navigate to WordPress Admin Dashboard → Pages → Add New.
  • A new page would open.
  • Add the Title of the page.
  • Click on the sign ➕ to add blocks.
  • Select the Shortcode element.
  • Once done, we can paste the shortcode.
  • Now Publish or Update the page.

Front-End Impact: #

  • Navigate to the specific page.
  • Here, the user can buy a Smart Bundle Product through the Product Table by clicking the View Bundle button.

Wholesale for WooCommerce extension #

  • Once the Wholesale for WooCommerce plugin is installed, navigate to the Admin Dashboard → WooCommerce → Product Table.
  • Now you’re on the Product Table page.
  • Hover over the Product Table to view the suboptions.
  • Click on the Edit suboption.
  • On the Edit Product Table page, go to the Wholesale Settings section.

  • We have two options in the Wholesale Settings section.
  1. Wholesale Only
  • Toggle the button to display the product table only to the selected wholesale user roles.
  1. Selected Roles
  • Select the wholesale user roles. 
  • The product table will only be visible to the user roles selected in this option.

Front-End Impact

  • For Guest Users:
  • The Product Table will not appear.
  • A message will appear when any Guest User or other Wholesale User Roles are not selected in the Select Role option in the Wholesale Settings section.
  • For the selected Wholesaler User Role:
  • The Product Table will appear for the Wholesale User Roles, selected in the Select Role option in the Wholesale Settings section.

Product Addons plugin #


  • Navigate to Admin Dashboard → Products → All Products.
  • Hover over any product to view suboptions.
  • Click on the Edit suboptions.
  • Go to the Add-ons tab in the Product Data section.
  • Click on the Add Field button to create your Add-on for the product.
  • Add the title of your Add-on and create options for it.
  • Once done, click on the Update button.
  • Now navigate to Admin Dashboard → WooCommerce → Product Table.
  • Now you’re on the Product Table page.
  • Hover over the Product Table to view the suboptions.
  • Click on the Edit suboption.
  • On the Edit Product Table page, go to the Product Addons section.
  • We have an Addon Display Settings option having two display types:

Vertical

  • Select the Vertical display type in the Addon Display Settings option and click the Update button.

Front-End Impact

  • The Addons created will appear against the product in Vertical form.
  • Select any Addon and click on the Add to Cart button.
  • Once done, navigate to the Cart Page.
  • On the Cart page, we can see that the Addon is successfully added, and the amount is added in the Subtotal section.
  • Click on the Proceed to checkout button.
  • We can see that the Addon is successfully added in the Your Order section on the Checkout page.
  • Click on the Place Order button.
  • Your order has been successfully placed.
  • Navigate to Admin Dashboard → WooCommerce → Orders.
  • Click on the Order to view its details.
  • Click on the order to open the Edit Order page.
  • We can see that the Addon is also mentioned in the Order details.

Horizontal

  • Select the Horizontal display type in the Addon Display Settings option and click the Update button.
  • Front-End Impact:
  • The Addons created will appear against the product in Vertical form.

Name Your Price Extension #


The Name Your Price extension for WooCommerce lets your customers pay what they want and allows you to be flexible in what price you are willing to accept for selected products. You can suggest a price to your customers and optionally enforce a minimum acceptable price, or leave it entirely in the hands of the customer.

  • Collect data on what price customers are willing to pay.
  • Collect donations for multiple campaigns from a single table
  • Allow customers to set a price on all of a product’s variations or just one.
  • Make a profit on products you’d otherwise give away.

Invoice Payment Gateway for WooCommerce #


Bulk Order Form for WooCommerce is fully compatible with Invoice Payment Gateway for WooCommerce Customers who sent products to check out from Bulk Order Form’s product tables will be able to see invoice payment gateway as their preferred payment option.

WPML Plugin #


  • Once the WPML plugin is installed and configured, now navigate to the Admin Dashboard → WooCommerce → Product Table.
  • Now you’re on the Product Table page.
  • Hover over the Product Table to view the suboptions.
  • Click on the Edit suboption.
  • On the Edit Product Table page, go to the Multilingual Content Setup section.
  • Select the Make ‘Product Table’ translatable option and click on the Apply button.
  • Once done, click on the Update option.

Front-End Impact

English (Default Language of Website):

  • German:

NOTE: Numeric fields will not be translated.

Min/Max Quantity by WooCommerce #

Variable Bulk Order Form #

  1. Download and Install the Min/Max Quantity by WooCommerce plugin.
  2. Follow the Min/Max Quantity by WooCommerce plugin documentation to set up and configure the plugin.
  3. Once done, Navigate to WordPress Admin Dashboard > All Products > Variable Product.
  4. Edit the Product.
  5. Navigate to the Product Data > Variations.
  1. Edit the Variation by clicking on the edit option.
  1. Select the Quantity Rules radio button.
  2. After enabling Quantity Rules, two options will be available where you can set Minimum and Maximum Quantity for the particular Product variation.
  1. Set the Minimum and Maximum Quantity value for the Variation.
  1. Click on Save Changes to implement the change.

Front End Impact: #

  1. Go to the Shop page.
  2. Select Variable Product.
  3. Navigate to the Product page of Variable Product.

Before #

After #

Variable Product Table #

  1. Go to WordPress Admin Dashboard > WooCommerce > Product table.
  2. Edit the Product Table. Scroll down to Variation Product Display Settings.
  1. Select List each variation in a separate row option from the drop-down list.
  1. Click on the Update button to publish changes.

Front End Impact: #

  1. Go to the Product Table page.
  2. The Product Table will appear with all the products.

Before #

After #

Variable Quick Order Form #

  1. Navigate to WordPress Admin Dashboard > WooCommerce > Quick Order Form.
  2. Add a new Quick Order Form.
  3. Drop columns in the Quick Order Form as per your needs.
  1. Click on the Update button to save changes.

Front End Impact: #

  1. Go to the Quick Order Form page.
  2. Add variable product to Quick Order Form.

Before #

After #

Manual Quantity Input #

Product Table Page #

  1. Once you have set Minimum and Maximum Quantity for the variable products.
  2. Go to the Product Table page.
  3. Select the variation of the variable product.
  4. Manually enter the Quantity you want to buy.
  5. Validation will allow you to stay within the set Quantity for the product.

Quick Order Form Page #

  1. Once you have set Minimum and Maximum Quantity for the variable products.
  2. Go to the Product Table page.
  3. Select the variation of the variable product.
  4. Manually enter the Quantity you want to buy within the defined Minimum and Maximum Quantity.

Product Bundle by WooCommerce #

  1. Download and Install the Product Bundle by WooCommerce plugin.
  2. Follow the Product Bundle by WooCommerce plugin documentation to set up and configure the plugin.
  3. Create a Product bundle as guided in the Product Bundle by WooCommerce plugin documentation.
  1. Once done, Navigate to the Product Table Page.
  2. Click on the View Bundle Button on the Product Table to open Bundle Product.
  1. A popup will appear next to you.
  2. All products associated with the Product Bundle will be listed in a popup.
  1. Click on Add to Cart to add the bundle to the cart.
  1. Go to the Cart page.
  2. Navigate to the Proceed to Checkout page by clicking on the Proceed to Checkout button.
  1. Click on Place Order on the Checkout page to confirm your order.
  1. Your Product Bundle order has been placed.

Compatibility With Box Office in Product Table #

  • Download the WooCommerce Box Office plugin by clicking here.
  • Install the plugin and Activate it.
  • For further plugin settings and information, please visit the WooCommerce Box Office.

Back-End Settings #

  • Go to WordPress Admin Dashboard > Products > All Products.
  • Add or Edit a Product.
  • Navigate to the Product Data section.
  • Select the Ticket checkbox.
  • Once done, additional ticket tabs will become accessible within the Product Data section.
  • Adjust the settings according to your needs.
  • Click the Publish button.

Front-End Impact #

  • Go to the website.
  • Navigate to the Product Table page.
  • Select the “+” icon.
  • Click the View Tickets button.
  • After clicking the View Tickets button, a popup will open.
  • The popup will display the Ticket Fields configured in the backend settings.
  • Enter your information and click the Buy Ticket Now button.

Purchased Tickets in WooCommerce Orders #

  • The tickets purchased by the customers can be found in the WooCommerce Orders.
Back-End Settings #
  • Go to WordPress Admin Dashboard > WooCommerce > Orders
  • Select the Ticket order.
  • As you can see, the ticket has been included within the item section of the chosen order.

Purchased Tickets in Box Office Tickets #

  • The tickets bought by customers will be displayed on the Tickets backend page.
Back-End Settings #
  • Go to Admin Dashboard > Tickets > All Tickets.
  • The ticket purchased by the customer can be seen in the All Tickets back-end settings.

Purchased Tickets Email #

  • The email will be sent to the customer upon ticket purchase and completion of the order by the admin.
Back-End Settings #
  • Go to Admin Dashboard > WooCommerce > Settings > Emails > Box Office Emails
  • Checkmark the Enable/Disable checkbox.
  • Click the Save changes button
Front-End Impact #
  • As you can see, the email has been sent to the customer after the order has been placed.
  • As you can see, the email has been sent to the customer after the order status has been changed to Completed by the admin.

Multi Selector Checkbox #

  • When the multi-select checkbox is selected in the product table, then an individual Buy Ticket Now button will be displayed in the product table
Back-End Settings #
  • Go to Admin Dashboard > WooCommerce > Product Table.
  • Click the Add To Cart Button column.
  • Select the Multi-Select check-boxes option from the Add to cart buttons Types dropdown menu.
  • Click the Save button.
Front-End Impact  #
  • Go to the website
  • Navigate to the Product Table page.
  • As you can see, the View Tickets button is only visible against the box office ticket product.