So you got yourself set up with a WordPress eCommerce website set up in WooCommerce! That’s awesome! You’ve been playing around with the settings, and you can’t figure out how to add products, and make them look presentable.

Here, we will go over the basic set up of a product on WooCommerce, and hopefully answer some questions for you.

First, you’ll need to navigate to the products section of your website under “Products” in the left menu in the admin section of your website.

products sidebar

Here, you’ll see all of your existing products, and their status.

To add a product, click on “New product”, near the top of the screen.

add product

You’ll be taken to an area where you can start adding your new product.

new product screen

Start with your title, and a description. For our example we’ll be using “Yin-Yang Legging” followed with the appropriate description.

title description

Also, note that the permalink automatically updates when you update the title. If you make changes to your title, make sure to click “edit” and change your permalink as well. This is best for your SEO for your product page. You’d want the title to match what you’re selling, right? It’s the same idea for the permalink.

Now, scroll down to the Product Data section. Here, you will have several different options in a drop down menu from which you can choose a “simple product”, “grouped product”, “external/ affiliate product” or a “variable product”. You also have the option to sell a virtual or downloadable product. We will start by going through how to add the Simple and Variable products in this post.

product data

For Simple and Variable, you will need a SKU number. This is either a number that you have set up to represent your product, or a short, unique word or phrase you use to identify a product.

Here we will use YinYang as our SKU and we’ve put in our price. We’ve left out the sale price for now, but if you are running a sale on your item, this is where you will want to put in that price as well.

Under Inventory, you will be able to set your inventory options for the product. This includes “in stock”, “out of stock”, the ability to manage inventory at a product level (meaning you will have to adjust the inventory manually per item, if you choose to do this) and an option to sell this item individually, as a one per order option.

Under “Shipping” is where you will set your weight and dimensions for the product. You will also choose your shipping class in this area if you have that set up previously.

The “Linked Products” area is where you will set your products to up-sell, or cross-sell. This is a good idea to get these set up as soon as possible. It keeps customers shopping around your site instead of buying one item and leaving. You’d do this by simply searching a product name, and selecting the item from the drop down.

“Attributes” is where you can set different attributes for your product. For a simple product, this is not necessary. For a variable product, you will want to set these.

To set attributes for a variable product, click on “Add” next to the drop down that says “Custom product attribute”

attributes variable product

The screen here will show an area for a name, and an area for attributes. Our “name” will be “Available Sizes” and our attribute “Values” will read as “XS | S | M | L” indicating the different sizes available for this specific product. Yours may read differently depending on the variables you’d like to include. If you have a product that comes in different colors you would put your colors here separated with the “|” [vertical bar] symbol. (Is there a more proper name for that symbol? We’ll just go with “vertical bar” for now…)

Make sure you have “Visible on the product page” and “Used for variations” checked so that customers can select these different styles while they’re shopping. Click “Save Attributes”!

Once saved, you can go to the “Variations” tab, and click on “Go” next to the “Add Variation” drop-down menu. Select your variation you’d like to edit from the lower drop down menu.

variations

Click the down arrow at the right of the same bar (next to “remove” & shows up with a mouseover) to toggle the menu options for that variation.

variation attributes

In this menu, you can set a photo per variation such as color differences, sizes, etc. For our example, we won’t be changing the photo since the product will look similar in all sizes. Set your price, and description, and click save!

To add more variations, click “Go” again, and set the features for the different variation. Continue this until all of your variations have been filled in. Don’t forget to save!!!

Next, you’ll need to scroll down and set your product short description. This will show up directly below your title and price, so make this short, sweet, and intriguing. For the sake of saving time, we are going to reuse a snippet from our long description above.

product short description

product categoriesNext, we will be setting the product category. Depending on the size of your site, and how many items you have, you can get very specific with this area, or keep it pretty generalized if you have only 4 or 5 items. For instance, if you have 1000 items, you wouldn’t want them all grouped on one page, you would want them categorized into different groups to make it easier for customers to browse your products. You can add categories by simply clicking “+ Add New Product Category”, and either keep it as a “parent category” or choose a parent category to classify your new category under. In our example, we will be choosing “pant” under yoga.

product tagsIf you’d like to set some product tags in the next section, here is where you will do so. This will allow your items to become searchable within your website.

 

product image product galleryNow we will be setting the product images. Set your product image, as well as your product gallery images to provide customers various angles of your product.

Once those are set, and you’ve filled in all of the appropriate fields, you can go ahead and click “Publish” at the top right of the page to publish your brand new item!

Here is what our finished product looks like now that it’s live on our site!

screen shot

Double check that all of your settings were filled in correctly by scrolling through the product page.

This was just a quick run through of adding a simple or variable product to your WordPress website built with woocommerce. If you have any questions, please leave a comment below and we’ll see if we can help!

ecommerce website setup

If you like the products you see in this post, be sure to check out High Spirits Clothing Company at their Etsy Shop! We are working with them to create their brand new website, which will be available next year so stay tuned for more info!high spirits clothing company