Quick Add to Cart feature overview

Edit on GitHub
You are browsing a previous version of the document. The latest version is 202212.0.

The Quick Order feature allows placing bulk orders for wholesale and returning customers.

On the Quick Order page, customers can add multiple products along with the required quantities in a fast and efficient way. They can search for a specific concrete product by SKU or name with the help of Search Widget for Concrete Products. When starting to fill out the SKU/Name field, a drop-down list with auto-suggested appropriate items appears. A shop visitor can select the concrete product by clicking on it in the drop-down list.

Use the Tab button to automatically fill in a partially typed product name or SKU.
By default, we use SKU as a product identifier for filtering the results. The identifier determines what input to validate in the *SKU/Name* field. You can configure to use more than one identifier such as EAN, GTIN, or Article number on the project level by changing the template in the `ProductSearchWidget` module and use any of the available fields for the product.
To view how to create a quick order, see [Quick Order on the Storefront](#quick-order-on-the-storefront).

As a shop owner, you can also integrate the Quick Order with Measurement Units. Thus, when the product is selected, the base measurement unit for that product appears in the “Measuring Unit” column.

The integration is possible only if the Measurement Units feature is enabled in your project.

Moreover, after adding a quick order to cart, a shop owner can observe the default amount and default sales units for the product packaging unit in the cart overview. Quick Order packaging units

When the customer has found the products they need, they can set the quantity of each product using a scroll-down box. By default, “1” is set in the Quantity field. If there are any quantity restrictions applied to the product, they are taken into account: the customer can choose only the value which meets the quantity restrictions. See Quantity Restrictions for Quick Order to learn more about how the quantity limitations are applied to the Quick Order form.

Once the products and their quantities have been selected, the order can be:

  • Moved to a shopping list
  • Added to a shopping cart
  • Checked out

For both Moved and Added to a Shopping List options, in a drop-down list you can select one of the shopping lists to automatically add the products.

It is also possible to add products to cart in bulk. To do so, the customer adds SKUs and quantities of products in the Paste your order form, separating SKUs and quantities by one of the following separators, depending on specific project configuration:

  • Spaces
  • Semicolons
  • Commas
  • Other separators

However, separators should be the same for all products entered in this form at a time. If products and quantities are added in the correct format and with acceptable separators, but the separators are different for different products (for example, 1234567, 2 in one case and 1234568;3 in another, an error message is shown after verification. If SKUs and format have passed the verification, the products and their quantities are automatically entered in the* SKU* and Qty fields of the Quick Order form, and the customer can either add them to cart or create the order.

Quantity restrictions for Quick Order

Quick Order quantity rules fall under limitations set by quantity restrictions. Quantity restriction values define the number of items that customers can put into the cart.

When manually filling the SKU/Name field, the quantity selector allows a visitor to put the valid numbers based on quantity restrictions set for that SKU. That means, for example, if a concrete product has the minimum quantity restriction for 4 units, the interval restriction to 2 units, and the maximum quantity is 12, the shopper can put 4, 6, 8, 10, and 12 items to cart.

The Quantity field in the Quick Order adheres to these quantities. Therefore, if the shopper enters an invalid number into the Quantity field, for instance, 5, the number will automatically change to the next higher quantity set in quantity restrictions, that is 6.

Product prices for Quick Order

To see the price, a shop visitor has to select the concrete product and set the item quantity.

The price is displayed dynamically, taking into account the quantity, currency, store, and merchant relation dimensions, respectively. If the item has any volume prices, the price is adjusted to the correct price set for the quantity the user has selected.

File upload form for concrete products

To save your buyers’ time and help them order the products in bulk quickly, enable your customers to use the File Upload form. The File Upload form allows users to add multiple products to the Quick Order page by uploading data using a .csv file.

You can update the project configuration in case you need to use other file formats.

After the feature is integrated, a buyer can see a box on the Quick Order page:

File Upload form

Buyers can upload a CSV by choosing a file from their local system or via drag & drop. To make the process more clear, they can download a sample CSV file and add the necessary data (SKU and Qty) there:

File Upload csv file

Make sure to populate the product data in the following format: [CONCRETE_SKU, QUANTITY]. It is possible to upload only one file at a time.

By default, only concrete SKUs are validated. On successful upload, items and quantities are extracted and filled out in the quick order form fields.

In case the quantity is not valid due to quantity restrictions setting, the quantity is changed to a valid number.

If there are already products added to the quick order list, the products from the CSV file are added to the bottom of the quick order template.

Quick Order on the Storefront

Using the Quick Order feature on the Storefront, company users can:

  • Create a new quick order.
  • Add products to the quick order in bulk.
  • Upload products using the upload form.
  • Add a quick order o a shopping list.
  • Add a quick order to a shopping cart.

The following figure shows how to perform these actions: create-quick-order