Why and How to add Frontend Submission for WooCommerce

If you have a listing site, or a website where you want to host products from other people, one of your biggest concern must be the product submission process. Is it alright the way users are adding product from the admin area? Or, should you get a frontend solution for them? Let me give you some food for thought.

Why do I need the Frontend?

  1. In most of the cases, vendors find the backend area too complicated. It is possible that you have added a number of features some of which needs tech savvy people to handle. If the users could simply upload product details through a submission form instead, wouldn't it be easier and safer for your marketplace?
  2. By default, the shop manager role allows product vendors to access all the settings within WooCommerce. But as a website owner, you might want to restrict few features for different users. This is another reason why you need a frontend solution for your WooCommerce store.
  3. If the users are adding products from the backend, they will see the same product fields every time. But as a website owner, you might want to reduce the number of fields. By using a frontend plugin, you will be able to display the fields that you actually need for your website.
  4. But what if you find out you need to change the default product fields given there? Unfortunately, you or your users can not customize any backend features. This is a big reason why you must use a frontend solution to edit the product fields according to your business requirement.
  5. There are many ecommerce solutions out there. But your plan is to keep it simple, avoid the extra expense, clutter and just avail the frontend posting.

Security and Confidentiality

Apart from these four points, there is another crucial factor. The backend of a WordPress website stores almost all the information. You might feel insecure about sharing the administrative data with your vendors. Besides, it is important that you let vendor focus on what do they best, which is product sourcing and sales. The control of the technical aspects must remain in website owner or developer's hand.

Aren't you convinced that you need a frontend solution for your WooCommerce store? If the answer is yes, do bear with me. Because now I am going to tell you how you can let your vendors upload the products using WP User Frontend!

Required Pages to Get Started with Frontend Submission

In order to let your users upload products to WooCommerce store, you need to have these 3 pages:

  1. Dashboard and Edit Page
  2. Product Upload Form
  3. Upload Page

Let's get started with how you can create this page for your WooCommerce products.

Creating the Dashboard & Edit pages

Go to Dashboard → Pages → Add new page

The easiest process to do it is to create two new pages named Dashboard and Edit and simply paste the short codes. For Dashboard page use [wpuf_dashboard post_type="product"] and for edit page use [wpuf_edit].

Now if you want to control user access in the frontend, go to WPUF → Settings → General Settings. To enable editing of products, select the page where [wpuf_edit] is located from the drop down menu.

general settings

Then go to the Dashboard menu, and change your user settings accordingly. You can let your users edit or remove a product by himself or restrict this option. This settings is vital because it allows you to have adminship power over the website users. You should apply it in such a way it helps eliminating error and makes the website responsive.

dashboard_wpuf

Create Product Upload Form

Go to Post FormsAdd FormWooCommerce Product

This live form editor will appear. Add all the necessary fields according to your website requirement. This feature is highly customizable. You can drag and drop any field from the right option bar to modify this form.

For example, you can add custom fields and taxonomies for WooCommerce such as product_type, product_cat, product_tag, product_shipping_class. You can also add various product type (simple, variation, downloadable etc), category, tag, shipping class to help the users to bring variety to their offerings.

When you are satisfied adding fields to the form hit save and copy the shortcode which is shown right beside the page title.

create product form

Create the Upload Page

Now comes the final stage of submitting product from the frontend.

Go to Pages → Add new page and create a page named “Upload Page” or whatever you prefer. Now paste the shortcode you of your product upload form in this format [wpuf_form id="copy-paste id"].

Publish the page and then view it. Now your ecommerce website is ready for the vendors and store managers! Just the way you wanted it. 😀

Stay Tuned for More

The next blog post of this series will be on how the website users can add or edit their products using WPUF. Keep an eye on the weDevs blog and social profiles (Facebook, Twitter and Linkedin) access those.

Meanwhile if you have any confusion about creating product submission forms or its use cases, kindly let us know. We will be glad to help you out in any possible way!

Learn more about WP User Frontend

But if you want order management from the frontend, you have to check out Dokan plugin.

2 Comments

  • Ali

    Ali

    Hello,
    I am trying to build a 3d printing website in which customers can upload their pictures and based on the desired size and shape, I can charge them and then ship the printed pictures to them. Basically, I need to integrate an image uploader to a woocommerce. Are the described steps and plugin above work for my case? If not, can you please show the steps and required plugin?
    Thanks

  • Pingback: WooLetter #2 | WooLetter

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.