Order Form Beta Update: New Drag & Drop Interface (Plus Loads More)

Order Form Beta Update

Hey store owners!

We’re really happy to announce that in version 1.16 of WooCommerce Wholesale Order Form we’ve released a brand BETA new version of the upcoming version 2.

What’s new in 1.16?

In version 1.16 we’ve really made some great strides with the latest version of Order Form. Here’s some of the cool stuff we’ve been working on:

1. Multiple Forms

Previously, when you installed Order Form, there was just one form. That was it.

In version 2, we’re shooting for being able to create multiple Order Forms in many different configurations.

You’ll also be able to add form anywhere, including multiple forms on one page if you really want.

Multiple forms in WooCommerce Wholesale Order Form version 2
In version 2, you will be able to add multiple forms (check it out in the beta now!)

2. Drag and Drop Configurable Forms

And since we’re now able to have multiple forms, we decided to build a form builder which you can drag and drop elements around into place in the header, table, and footer sections.

The new drag and drop editor for WooCommerce Wholesale Order Form
The new drag and drop editor for WooCommerce Wholesale Order Form

It’s a better way to be able to alter the configuration of order forms, create new order forms easily, and tweak settings of parts of your order form in a more intuitive way.

Editing element settings is easy in the new editor
Editing element settings is easy in the new editor

It’s a preview of what kind of fun things are coming with our other plugins too (we’re looking at you Lead Capture 👀 )

3. Front End React

In the last beta update, we mentioned we were moving to using ReactJS for the front end of the form. We’re happy to say this is now working much smoother.

Demo wholesale order form using Order Form v2 Beta React interface

There’s still a little way to go on the journey to version 2 of WooCommerce Wholesale Order Form, but we’re really excited to release these beta features to you today.

We’re aiming to have a release candidate ready by the end of Q3 and a version 2.0 release at the end of the year.

How To Use The Beta Version

Firstly, we don’t recommend using the beta version on your live website, as it’s still a beta version and there’s things that don’t quite work 100% yet and things that might be a little janky.

But we do hope that won’t discourage you from checking it out on your staging site.

To do so you’ll need to do a few short steps:

  1. Create a WooCommerce API key
  2. Go to WooCommerce->Settings, Wholesale Ordering tab, then click on Beta in the submenu and enter those API keys you just created.
  3. Check the box that says “Enable React JS Order Form” and save.
  4. Create a form by going to WooCommerce->Order Forms, and click “Add Form“.
  5. Design your new form and once done, Publish the form.
  6. Once the form is published, it will have a Shortcode. Copy it from the form and place that onto a new page to see your form on the front end.

Compatibility With WooCommerce Wholesale Prices & Prices Premium

This latest beta release introduces better compatibility with WooCommerce Wholesale Prices & Prices Premium.

You will need to ensure you have also updated your WooCommerce Wholesale Prices Premium to at least version 1.24.4 to take advantage of the compatibility between those plugins.

Share on facebook
Share on twitter
Share on linkedin
Share on email

5 thoughts on “Order Form Beta Update: New Drag & Drop Interface (Plus Loads More)

  1. Can the wholesale order form handle bundled products yet?
    Also is there any way to get wholesale order notifications sent when a new order is received, to a different set of emails than the retail orders?

    1. Hey Janel,

      It doesn’t handle bundled products as yet, but we’re looking at that seriously as a future feature (it wasn’t possible in v1).

      Re your other question, we don’t have a knowledge base article for this as yet so this one would be best directed to our support crew. Please send through a ticket and we’ll take a look and see if we can help :)


      1. Thanks Josh, we have quite a few bundles but this means we can’t use the order form which is disappointing. I will contact support re other issue. Also do you know of any way to sync wholesale orders across to Xero accounting so that it shows the full customer name, company name, email address etc, but only shows a generic name when syncing non wholesale (retail ) orders?

  2. Hi guys,
    This all sounds exciting. There are some great ‘product table’ plugins starting to come into the market so I can image the challenge of keeping up with them! We love the wholesale suite as a one-stop-shop for our wholesale business so really welcome the updates. We would love to see some more filter options that you could drag into the header; for example by an attribute (i.e. brand, colour or size), or by in-stock items. It is the only negative feedback we get from customers.
    Can’t wait for the release :)

    1. Thanks for the great feedback Danielle!

      Yes, we have a number of filter elements planned for being able to add those into the header/footer or (and this is something that we haven’t solidified yet) into a sidebar of sorts. We’re keen to make this the best product table type plugin, especially for wholesale purposes where its ultra important.

Leave a Reply

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