May 032014
 

WordPress eStore Plugin Add Product tutorial shows you how to start adding products to your shopping cart.

Last Updated: September 24, 2016

Latest News: I have removed the menu and added a footer link to the menu.

Remember: Check all your options before you save them. Run the sandbox settings for further testing before you publish your shopping cart. This plugin has many features to setup.

WordPress eStore Plugin Add Product Steps

Step 1 ) Go to WP eStore -> Add/Edit Products to add a new or edit a product. I will add a new product named Phone and add a price 234.00. See image below.

Important: Don’t enter a currency symbol for (example: $, £, €). If you do it will create an error.

wordpress-eStore-plugin-product

The following image Optional Product Details displays the many options you can carry out to set up your store. For now we are only going to concentrate on Additional Product Details. Remember after you complete editing your product click on Save Product.

wordpress-eStore-plugin-product-menu

The following image Additional Product Details allows you to set up the following options.

  • Product Description
  • Thumbnail Image URL = Upload File (Added in version 7.1.5)
  • Thumbnail Target URL
  • Old Price
  • Additional Product Images.

wordpress-eStore-plugin-additional-product-details-new

 

The following image allows you to set up the following options.

  • Product Page URL
  • Product Category (If you have not added a category yet and you wish to add one, click on Add a Category to add one.
  • Button Image URL = Upload File (Added in version 7.1.5)
  • Button Redirect Target URL.

wordpress-eStore-plugin-product-page-url-new

If you clicked on Add a Category on the previous screen then you will be taken to the following screen. The following image Add a Category allows you to set up the Category Name, provide a Category Description, Category Target URL, Category Thumbnail Image URL and once you are finished adding a category click on Save Category.

wordpress-eStore-plugin-add-category

The following image allows you to set up the Display Quantity Field, Allow Customers to Specify a Price, Collect Customer Input, set up the following Product Specific Commission (Primary Commission and the following setting is optional 2nd Tier Commission). You can also add a Reference Text.

wordpress-eStore-plugin-quantity-field

The following image allows you to Save Product, Delete Product, Copy Product Details  from an existing Product ID, Manage Products and Create New Product.

wordpress-eStore-plugin-save-product

Create a new Page, I named my page Shop for the purpose of this tutorial. Click on the shopping cart icon on the menu. See image below.

Information: You can name your page what ever you want.

wordpress-eStore-plugin-shop-page

The following window will be displayed after you clicked on the shopping cart icon from above. Select what ever shortcode you will to add for your shopping cart. For this tutorial I selected [wp_eStore_fancy1 id=##] and [wp_eStore_cart] remember to add your item id.

wordpress-eStore-plugin-shortcodes

The following image shows you the shortcode added to the post from the backend. You will notice that I have added an id=1. (Important your id might be a different number, so make sure you enter the correct id)

wordpress-eStore-plugin-adding-shortcode

The following image shows you the end result from all the settings carried out in this tutorial and adding the two shortcodes from the image above.

Remember: The settings above are the basic settings needed to setup an online store.  There are many more settings you can play around with. 

wordpress-eStore-plugin-shop-display

Click on the following URL Add Product Part Two to continue with the tutorial.

I will be updating this post from time to time. So keep coming back for more. If you have any questions please let me know.

Enjoy.

Go Back To WordPress eStore Tutorial List:

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)