Yes, its finally here. I know many of you have been anxiously awaiting some guidance on how to use WP User Frontend PRO with woocommerce and allow users to post Products from frontend.
It is as simple as a pie. It will however, require that you understand some simple things like how to install WordPress plugins and how to use Woocommerce. If you are not you will be with in this tutorial.
Step1: Get and Install Woocommerce and WP User Frontend PRO
Woocommerce is a very popular ecommerce platform and as you are here I assume you already know about it. If not check out their site here. Its Free and have a big, friendly community.
Ok lets start. First go to admin area then Plugins-> Add New
Search “Woocommerce” and you will get the plugin like bellow image.
Click on Install Now and you are done. It will promote you to install initial Woocommerce pages/templates just go through it.
Now, if you already bought and downloaded your WP User front end PRO copy , follow similar steps but choose Upload option.
Upload your wp user frontend PRO .zip file and click on Install Now button, you are ready to play.
Step 2: Create Pages – Edit Pages and Dashboard
First this first, many users get confuse about this. After install WP User Frontend PRO, create two initial pages.
- Edit page – it requires when you allow users to edit their post or product.
To create a edit page go to Pages-> Add New
Now, put Short Code [wpuf_edit]
and publish it.
Now, go to User Frotnend -> Settings from General Options select edit page.
However, if you don’t want to allow users to edit post/product after submission you can set editing option off from Settings -> Dashboard. Image bellow:
- Dashboard:
To create a Dashboard page go to Pages -> Add New
Now, use shortcode [wpuf_dashboard post_type="product"]
It wills show all Woocommerce Products from that user.
Step 3: Configure User Frontend Forms
Now we are going to configure our very first form. Again from admin area User Frontend -> Forms -> Add Form
If you are not already familiar with WP User Frontend then I will recommend you to take few moments to get familiar with it.
Here I am going to discuss related to simple Woocommerce Product post only. But, you can do many other things and customize according to your requirements.
Form fields:
- Post title – It will be your product tittle
- Post Body – it will be your Products Description
- Featured Image – will be your product’s Main Image
Custom Taxonomies:
- product_type – what type of product it is. If you want to allow user to post just a simple product I will recommend you NOT to use this field. However, if you are building a digital or affiliate store play with it. I will show other types on my next tutorial.
- Product_cat – you can allow users to choose all categories or specify only one or couple by using Exclude Terms.
For a simple product these fields are enough for now.
Custom Fields:
- Text – Price. Allow users to set their own price.
Use meta key: _price
- Image upload - allow user to add additional image. Currently only one image will works.
Metakey: _product_image_gallery
There are many settings options under forms post settings, edit settings, notification settings. Please take few moments to configure these as your requirements.
Now publish your Form. Go to User Frontend -> Forms and get your form’s Shortcode . Image bellow :
Finally, Create another page and use this form Shortcode. Now your users can post products in to your e-commerce site and manage them from their Dashboard.
That’s all for today. I will come with more advanced like – Downloadable product and others in next tutorials.
If you have any question or require support post your topic in our support forum here.