1. Home
  2. Docs
  3. WP User Frontend Pro
  4. Tutorials
  5. Upload products to Woocommerce using WP User Frontend PRO

Upload products to Woocommerce using WP User Frontend PRO

You are not logged in
You are not logged in

Add Products to WooCommerce using WPUF

WPUF is the best frontend posting plugin out there. Along with this, it has powerful form building capabilities with custom post types. So, with its custom taxonomy and meta key feature, it is possible to use it as a frontend interface to post and manage products of your WooCommerce powered site.

In this documentation, you will learn how to upload WooCommerce product from frontend using WP User Frontend Pro.

Prerequisites:

  1. WordPress (assuming you already have it installed)
  2. WP User Frontend Pro (Installed and activated)
  3. WooCommerce Plugin (Installed and activated)
  4. Post Meta Inspector (optional for additional fields)

After WPUF and WooCommerce is being installed and activated, WPUF will automatically capture the taxonomy, metas and post types from WC. Now you can easily create forms to upload product if you do not want to use the default backend posting of WC.

Creating WooCommrece Product Upload Page

Previously, users had to create WC product forms manually. But, the new WPUF provides more functionality and user experience. That’s why it’s very easy to create WC product forms. Just follow these steps.

  1. Navigate to – WP Dashboard → User Frontend → Post Forms → Add Forms
  2. You will view available templates to choose from. These templates help you to create forms on the go.
  3. Click on the WooCommerce Product template. This will automatically create a WC product form with necessary fields. You can edit or delete any field you want.
  4. Now, click on the Settings tab and check disable subscription. [If you want to keep this form for your subscription packs, you can skip this step]
  5. Copy the form shortcode by clicking on the form id and paste it to a new page/post.
  6. You are done with creating your own frontend WC product uploading form.

You can watch this video to learn more about these steps.

Please note that- WP User Frontend Pro does not allow to create variable products from frontend at this time.

Image Gallery

Previously, you had to custom code to get image gallery for WC product upload page. Now, User Frontend Pro automatically creates image gallery for your product upload page. The WooCommerce Product Template has image gallery field included. So, you dont have to do anything extra.

Downloadable Products

The new WooCommerce product form template also creates fields for downloadable products. You can let your users upload downloadable products with the product creation form as well.

Custom Taxonomies:

You can also add custom taxonomies for WooCommerce such as product_type, product_cat, product_tag, product_shipping_class if you want to add product type (simple, variation, downloadable etc), category, tag, shipping class if you want the user to set those fields out while uploading.

When you are satisfied adding fields to the form hit save and copy the shortcode for the form.

The Required Pages for Managing WooCommerce Products

We will be needing three pages to get started with.

  1. One Upload page
    The main page from where the user will create the product. We have already created this page.
    screencapture-localhost-wpuf-create-a-new-product-1447136659451
  2. One Dashboard Page
    The Dashboard page will display all the products submitted by the user.
    screencapture-localhost-wpuf-dashboard-1447136299921
  3. One Editing page
    This page will allow that user to edit or update the uploaded product if the admin allows the user to.
    edit

The functions described will all be created by using forms and the forms will be added to the pages by using shortcodes.

Creating the Edit and Dashboard pages

Go to Dashboard → Pages → Add new page

Create two new pages named Dashboard and Edit and simply paste the shortcodes in them. For Dashboard page use 

This page is restricted. Please Log in to view this page.
and use in the Edit page.

WPUF UPLOAD WOOCOMMERCE PRODUCTS

Now go to WPUF → Settings → General Settings and to enable editing of products, select the page where is located from the drop down menu.

WPUF CREATING & EDITING DASHBOARD PAGES

 

 

Testing

As you are done creating the form and the required pages, you can now test if it is working. Load the page and upload a demo product with product name, description and image or any other mandatory fields.

After submission, please go to wp-admin > products and check if the product is created and all the information is updated.

wooprod

If yes, good! Now you can additionally test if it can be edited by opening the same product from the Dashboard page you created by clicking Edit button and adding or changing details of the product and then going to the backend again to check the details.

You can add conditional logic for enabling or disabling menu items if the user is not logged in to your side for this product submission frontend. This will require some coding with your theme and developing skills.

Was this article helpful to you?

How can we help?