Some WooCommerce stores need a way for customers to set priorities when placing an order. By entering a number for each product before adding to the cart, they can indicate how you should prioritize their choices. For example, a customer might be selecting a selection of similar items without knowing which are available. You will ship a product to them based on the priorities they have entered against each item.
The best way to let customers order similar items and set priorities is to list the products in an order form style layout. This makes it easy for them to view multiple products alongside one another and choose their favourites. They can enter their priorities and add the selected products to the cart.
The good news is that you can let your users prioritize by combining two easy-to-use plugins. These are: WooCommerce Product Table and the WooCommerce Product Options plugin. They're both easy to set up, and you don't need to add or edit any code.
Here's how to do it!
Before you start
I'm assuming that you already have a WordPress WooCommerce site with some products added. If you haven't got to this stage yet, do it now. The WooCommerce documentation has an excellent Getting Started section.
First, set up WooCommerce Product Table
- Get the WooCommerce Product Table plugin, and install it by following the instructions in the confirmation email.
- Choose how you'd like your product tables to work by setting the options on the plugin settings page.
- Create your one-page order form by creating a page in WordPress and adding a simple shortcode to your page:
- Check the page and you'll see your products listed in a neat order form layout.
However, there's no way for customers to set priorities or prioritize their products yet. Keep reading to learn how to do this!
Next, set up WooCommerce Product Options to let customers prioritize products
- Get the WooCommerce Product Options plugin and install it.
- The easiest way to set priorities is to go to Products → Options in the WordPress admin. This will add the priority options to all your products, or to specific products or categories only.
Next, choose which add-ons you'll use to prioritize products
There are 3 types of add-on option that are suitable for letting customers prioritize products. Each of these will appear in the 'add to cart' button of your product table order form. The options are:
- Radio buttons - Adds a clickable circle for each priority. Customers can only choose 1 priority for each product.
- Select lists - Customers select the priority from a dropdown list of predefined priority options.
- Custom input (Only numbers) - Users can type a priority value into a box for each item.
Once you've chosen which type of add-on you'll use to collect customers' priorities, carry on below:
- Set up your add-ons like the screenshot below, choosing whichever option type you like.
I used 'Radio buttons' in this example. Radio buttons and select boxes need multiple lines, as shown below. If you're using the Text entry so that customers can enter a number in a box, you just need 1 line. Add clear instructions to the description like 'Set Priority (1-5)'.
- Finally, view the page with your product table order form. The priority options will appear in the add to cart column of your product table.
- If you're happy with how the add-ons look in the table, then you can finish work and make yourself a cuppa. If not, quickly go to the Product Table plugin settings page (WooCommerce → Settings → Products → Product tables). Scroll to the add-on settings at the bottom of the page, and experiment with different combinations of vertical/horizontal add-ons. These two options display your priority options in different ways. Use trial and error until you find the right combination for your site.
Test your product priority options
Lastly, view the product table and make sure the priorities are added to the cart correctly. In this screenshot, you can see the products listed with their priority options in the cart widget on the right:
Can't I just use variable products?
If you don't want to use the WooCommerce Product Options plugin then you can collect priorities using normal product variations.
I like add-ons because they're easier to set up behind the scenes than variations, and you can collect priorities in different ways such as radio buttons and text entry boxes. However, you can use product variations to add a 'Choose priority' dropdown list which will appear in your product table order form, just like the 'Select list' add-on type.
Here are the 2 extra bits of information that you need to use variations to set priorities and display them in a product table order form:
- To add product variations, go to the Add/Edit Product page for each product. Add each priority option as an attribute, and then go to the variations tab and create variations based on these attributes.
- Show a WooCommerce variations dropdown in your order form by adding variations="dropdown" to the product table shortcode. For example:
Now your customers can set priorities in WooCommerce!
Using WooCommerce to set priorities is definitely a niche case, but lots of people need to do it.
This tutorial will help you set up WooCommerce so that customers can choose and prioritize products before adding them to the cart.