Wholesale Order Form Beta Early Access

Wholesale Order Form Beta Form

We’re building a new WooCommerce Wholesale Order Form!

Late last year we kicked off a new project in Wholesale Suite to rebuild our beloved Order Form tool with some new tech that will:

  1. Make it super-duper fast – always a good thing for your wholesale customers!
  2. Make it more extensible so we can better integrate with some of the more difficult plugins out there – we understand that it would be great to integrate with many of these tools and this is the first step to get us there
  3. Give you a more consistent look and feel – this will allow us to put more of that “look and feel” customization on the backend settings in the future

Today we released the first beta of this new Order Form. This post explains how to check it out and, if you wish, use it on your site.

Enabling The BETA Form

Currently, we are not recommending that you use this in a production environment.

But if your needs are simple and you want to check out what we’re doing with the new form we’d love your feedback.

To enable the form you need to do a few things:

  1. Generate a WooCommerce API key pair & load it in settings
  2. Enable the beta access via settings
  3. Tweak the shortcode you’re using on your wholesale ordering page on your site

1. Generate WooCommerce API Key

The new form relies on the WooCommerce API. In order to use the API, the order form will need its own API access key.

You can generate one in a few seconds by doing this:

Navigate to the Advanced settings tab, then click on REST API in the sub menu. You should see a page like this (or if you’ve generated keys before you’ll see a list of keys).

Generate a new WooCommerce API Key
WooCommerce->Settings->Advanced tab->REST API in sub menu

Next, click Create a new key button and you’ll see a screen like this:

WooCommerce API Keys
Name, select user, give permissions (read/write)

Give the key a recognizable name. Select your admin user for the user. Make sure the permissions are set to Read/Write.

Finally, you need to give WooCommerce Wholesale Order Form the keys so it can use them to access the API.

WooCommerce Wholesale Order Form API Keys
Paste in the key and secret

Copy the key and secret and goto WooCommerce->Settings->Wholesale Ordering tab, Beta in the submenu and paste them in.

2. Enable Beta Access

You now need to enable the beta form. This is as simple as checking the box on the same settings page that you just entered the keys in.

Enable the beta form
Enable the beta form

3. Tweak The Shortcode

So far we have create an API key, given them to the order form, and enabled the beta feature.

Now we’re ready for the final step in order to show the new beta form instead of the old one.

This step will be removed in future, but for now we want to make sure this is completely “opt-in” and can’t be accidentally enabled.

Goto the Page on your site where you have your wholesale ordering and edit the page. You should see a shortcode on that page like [wwof_product_listing].

To switch on the beta form you just need to tweak the shortcode with beta=”true” like so:

Tweak the shortcode
Tweak the shortcode

If you visit the page on the front end now, you should see the new beta Order Form.

Current Scope & Limitations

Things we’ve worked on already and are considered working:

  • Form layout and display – products can show including variable products.
  • Speed – it’s lightning-fast and we’re aiming to keep it that way.
  • All existing WooCommerce Wholesale Order Form settings are recognized and respected.

Things that still need attention:

  • Not fully integrated with ALL WooCommerce Wholesale Prices Premium features. The basics work though.
  • No third-party plugin integrations as yet.
  • Customization of the form look & feel can only be done via CSS overrides (which is what you need to do currently on the stable version anyway)

Found a bug in the beta form? Report it to us :)

As mentioned this is a beta feature so there’s bound to be a couple of bugs (though we are testing thoroughly as we go!).

If you happen to find one, please send a message to support including the steps you have figured out to reproduce the issue.

It would also be helpful if we could get a copy of your WooCommerce Status report along with it.

4 thoughts on “Wholesale Order Form Beta Early Access

    1. We route API requests from the front end via AJAX first, then API calls are made server-side so as not to expose API keys. Keys are never passed to the JS client. There’s also extra security the whole way through and we’re very conscious of this and have planned accordingly. Hope this helps answer your question, feel free to send us an email if you need any clarifications :)

  1. Are we able to add in WooCommerce Custom Fields into the column set-up? I have Case Pack and Availability Date currently coded into the old Order Form.

Leave a Reply

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