Adding WooCommerce Products from the front-end – why, when, and how
Creating CRED forms for WooCommerce Products has always been possible; however, there was one thing that was not so obvious, namely, including additional WooCommerce fields in your front-end form. These fields include regular products and sales price, SKU numbers, fields for downloadable products, etc.
We also explain why and when it is worth using front-end forms rather than letting your users access the WordPress backend.
Why would one need to add products from the front-end?
There are a number of reasons. Here, we list a few.
The WordPress admin is too complex for Product Vendors
For you, a savvy WordPress user and developer, the WordPress backend looks familiar and easy. However, this may not be the case for new users, and especially, not for those whose only goal is to add products. They may not require all the sophisticated features WordPress provides. All they need is a simple form for adding/editing products.
Restrict Shop Manager capabilities
When you need users to add/edit products to your WordPress site, you will create WordPress profiles for them using the WooCommerce Shop Manager role. The problem is, in addition to creating/editing products, Shop Managers will have access to all settings within WooCommerce and obtain access to all WooCommerce reports.
Often website owners want them to only add/edit products.
Using a front-end form solves this issue.
Expose only the fields your users need to fill in
It does not matter which specific WooCommerce product fields you actually need for your online store, your backend user will always see the same interface, i.e., all fields, when adding products. If you use front-end forms, you can only display the input fields they actually need.
Compare the screenshots below.
Display product fields conditionally
Suppose you want a different set of custom fields to be entered, depending on the product you sell. For example, you will want the size of the frame to be displayed, only if an artwork is framed. With custom front-end forms, you can easily hide the optional fields and make them appear only if a user sets a certain value in another input field.
Limit copy-pasting from emailsFront-end forms are not reserved for marketplace sites.
Even if your customer runs a small online shop, there is still a good chance they will benefit from managing products from the front-end. Such store owners would have their own product supplier, who may be small-business manufacturers.
Instead of copy-pasting product information received in an email, they can ask these product manufacturers to fill in the product description online, directly on the website.
The flow is simple:
- The product manufacturer inserts the product description himself/herself using a front-end form.
- The product is added with a pending review status.
- The site’s owner receives an email notification linking to this product.
- The site owner clicks the link and reviews the product, adds missing information, and publishes it
Other reasons to use CRED forms for adding products
They are more advantages of adding new WooCommerce products with Toolset CRED forms:
- You can post your products using the CRED AJAX feature – adding new products will be faster.
- You can redirect your user to any page after the product is added.
- You can create a view that displays only products submitted by a logged-in user so that each user will manage only the products he/she adds.
- You can use default values in your form fields.
- You can fully customize your forms (use custom HTML, CSS styling) so it fits the design of your website
- You can even allow non-logged in users to add products
- Using the Toolset Access plugin, you can create custom roles with custom privileges for your product editors.
How to create front-end forms with Toolset
- Toolset CRED – to build front-end forms for WooCommerce Products
- Toolset Access (optional) – to control access to these forms
- Toolset Types (optional) – to create custom product fields and taxonomies
- Toolset Views (optional) – to display lists of products for a logged-in user, to create custom login forms
Visit the documentation page to see:
- What kinds of Products you can add with CRED?
- Which product fields you can use in CRED forms?
- How to register additional WooCommerce fields so that they are available in CRED forms?
Visit the tutorial to view a step-by-step example.
Why do you use front-end forms for managing products?
What is your reason for using front-end forms for adding and editing WooCommerce products? Have you had an interesting case to handle? Please share your feedback.